main.dashboard-page{max-width:72rem}.theme-pending{opacity:0}.shell-header{justify-content:space-between;align-items:center;gap:var(--hops-space-3);margin-bottom:var(--hops-space-4);display:flex}.shell-header nav{align-items:center;gap:var(--hops-space-3);flex-wrap:wrap;margin:0;display:flex}.wordmark{font-family:var(--hops-font-display);letter-spacing:.08em;text-decoration:none}.shell-header button,.studio-view-controls button,.canvas-tools button,.stack-form button,.button-primary,.confirm-actions .button-primary{border:var(--hops-border-width) solid var(--hops-color-accent);border-radius:var(--hops-radius);background:var(--hops-color-accent);min-height:2.75rem;color:var(--hops-color-accent-text);cursor:pointer;padding:.4rem .9rem}.button-quiet,.card-controls button,.bundle-actions button{border:var(--hops-border-width) solid var(--hops-color-border);border-radius:var(--hops-radius);background:var(--hops-color-surface);min-height:2.75rem;color:var(--hops-color-text);cursor:pointer;padding:.4rem .9rem}.button:disabled{cursor:not-allowed;opacity:.55}.stack-form,.canvas-tools,.card-settings,.settings-form,.settings-actions,.confirm-actions{gap:var(--hops-space-2) var(--hops-space-3);margin:var(--hops-space-3) 0;flex-wrap:wrap;align-items:end;display:flex}.studio-bar,.studio-view-controls{align-items:end;gap:var(--hops-space-3);flex-wrap:wrap;display:flex}.studio-bar{justify-content:space-between}.studio-view-controls{justify-content:flex-start}.studio-bar h1,.bundle h2,.settings-section h2{margin:0}label{gap:var(--hops-space-1);font-size:.95rem;display:grid}input,select{border:var(--hops-border-width) solid var(--hops-color-border);border-radius:var(--hops-radius);background:var(--hops-color-surface);min-height:2.75rem;color:var(--hops-color-text);padding:.4rem .7rem}.switch{align-items:center;gap:var(--hops-space-2);min-height:2.75rem;display:flex}.switch input{appearance:none;background:var(--hops-color-switch-off);cursor:pointer;border-radius:999px;width:3rem;min-height:1.7rem;margin:0;position:relative}.switch input:after{content:"";background:var(--hops-color-surface-raised);border-radius:50%;width:1.4rem;height:1.4rem;transition:transform .16s;position:absolute;top:.15rem;left:.15rem}.switch input:checked{background:var(--hops-color-switch-on)}.switch input:checked:after{transform:translate(1.25rem)}.switch input:disabled{cursor:not-allowed;opacity:.55}.switch-state{min-width:2rem;font-family:var(--hops-font-kicker);letter-spacing:.06em;text-transform:uppercase;color:var(--hops-color-muted);font-size:.8rem}.switch input:focus-visible,.dashboard-card:focus-visible{outline:3px solid var(--hops-color-accent);outline-offset:3px}.bundle{margin-top:var(--hops-space-4)}.bundle-heading,.bundle-actions,.card-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-auto-rows:var(--row-height);gap:var(--gap);margin-top:var(--hops-space-2);display:grid}.dashboard-card,.card-settings,.banner,.confirm-panel,.settings-section{border:var(--hops-border-width) solid var(--hops-color-border);border-radius:var(--hops-radius);background:var(--hops-color-surface);box-shadow:var(--hops-shadow)}.dashboard-card{min-width:0;padding:.9rem}.dashboard-card.is-selected{border-color:var(--hops-color-accent)}.dashboard-card.is-editing{cursor:grab;touch-action:none}.card-kicker{color:var(--hops-color-muted);font-family:var(--hops-font-kicker);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem}.card-value{margin:.2rem 0;font-size:1.8rem;line-height:1.1}.card-note{margin:.4rem 0 0;font-size:1.15rem}.card-controls{margin-top:var(--hops-space-2)}.canvas-help,.canvas-status,.canvas-empty{min-height:1.5rem;color:var(--hops-color-muted)}.card-settings,.banner,.confirm-panel{padding:var(--hops-space-3)}.settings-nav{gap:var(--hops-space-3);margin-top:var(--hops-space-3);flex-wrap:wrap;display:flex}.settings-section{margin-top:var(--hops-space-4);padding:var(--hops-space-3)}.choice-list{gap:var(--hops-space-2);margin:var(--hops-space-3) 0;border:0;padding:0;display:grid}.choice-list label{align-items:center;gap:var(--hops-space-2);display:flex}.choice-list input{width:1.25rem;min-height:1.25rem}.planned-list{margin:0 0 var(--hops-space-3);color:var(--hops-color-muted);padding-left:1.2rem}.portal-frame{gap:var(--hops-space-2);display:grid}@media (max-width:900px){main.dashboard-page{max-width:100%;padding:var(--hops-space-3)}.studio-bar,.shell-header{flex-direction:column;align-items:stretch}}@media (min-width:1400px){main.dashboard-page{max-width:none}.card-value{font-size:2.2rem}}main.kiosk-page{box-sizing:border-box;max-width:none;min-height:100vh}.kiosk h1{margin-bottom:var(--hops-space-3)}.pairing-panel{align-items:center;gap:var(--hops-space-4);flex-wrap:wrap;display:flex}.pairing-code{margin:var(--hops-space-3) 0 var(--hops-space-2);font-family:var(--hops-font-display);letter-spacing:.18em;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.1}.pairing-panel img{width:min(220px,40vw);height:auto;padding:var(--hops-space-2);background:#fff}.kiosk-enroll{margin-top:var(--hops-space-4)}.display-list{margin:var(--hops-space-3) 0 0;padding:0;list-style:none}.display-row{margin-top:var(--hops-space-3)}@media (max-height:700px){main.kiosk-page{padding:var(--hops-space-3)}.pairing-code{letter-spacing:.12em;font-size:clamp(2rem,5vw,3rem)}.pairing-panel img{width:160px}}@media (prefers-reduced-motion:reduce){.switch input:after{transition:none}}