.ca-page{max-width:900px;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;padding-bottom:1.25rem;height:calc(100vh - var(--navbar-height, 60px) - var(--subnav-height, 40px));box-sizing:border-box}.ca-stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.ca-stat{font-size:.85rem;color:var(--color-text-muted)}.ca-mono{font-family:var(--font-mono)}.ca-stat strong{color:inherit;font-weight:600}.ca-canvas-wrap{width:100%;flex:1 1;min-height:180px;background:#06060e;border-radius:12px;border:1px solid rgba(172,138,255,.14);box-shadow:0 0 0 1px rgba(172,138,255,.06),0 4px 32px rgba(0,0,0,.4);overflow:hidden}.ca-canvas{display:block;width:100%;height:100%}.ca-controls{gap:1rem;flex-wrap:wrap}.ca-controls,.ca-group{display:flex;align-items:center}.ca-group{gap:.35rem}.ca-group-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-right:.2rem;white-space:nowrap}.ca-btn{min-width:48px;padding:.4rem .75rem!important;font-size:.8rem!important}.ca-btn.active{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-secondary-on)}.ca-input{width:64px;padding:.4rem .5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-high);color:var(--color-text);font-size:.8rem;font-family:var(--font-mono);text-align:center;transition:border-color .15s;-moz-appearance:textfield}.ca-input::-webkit-inner-spin-button,.ca-input::-webkit-outer-spin-button{-webkit-appearance:none}.ca-input:focus{outline:none;border-color:var(--color-secondary)}@media (max-width:600px){.ca-controls,.ca-page{gap:.75rem}}