:root{color-scheme:light;--ui-bg: #f5f5f7;--ui-surface: #ffffff;--ui-surface-raised: #fafafc;--ui-surface-muted: #f0f0f2;--ui-input: #ffffff;--ui-text: #1d1d1f;--ui-text-secondary: #6e6e73;--ui-text-muted: #606067;--ui-border: rgba(0, 0, 0, .12);--ui-border-strong: rgba(0, 0, 0, .2);--ui-primary: #0066cc;--ui-primary-hover: #0058b0;--ui-primary-soft: rgba(0, 102, 204, .1);--ui-on-primary: #ffffff;--ui-success: #248a3d;--ui-success-soft: rgba(36, 138, 61, .12);--ui-warning: #a15c00;--ui-warning-soft: rgba(161, 92, 0, .12);--ui-danger: #d70015;--ui-danger-soft: rgba(215, 0, 21, .1);--ui-program: #d70015;--ui-program-soft: rgba(215, 0, 21, .1);--ui-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 10px 30px rgba(0, 0, 0, .05);--ui-radius: 12px;--ui-radius-small: 9px;--ui-topbar-height: 72px;font-family:Segoe UI Variable,Segoe UI,Leelawadee UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-ui-theme]){color-scheme:dark;--ui-bg: #000000;--ui-surface: #1c1c1e;--ui-surface-raised: #2c2c2e;--ui-surface-muted: #242426;--ui-input: #242426;--ui-text: #f5f5f7;--ui-text-secondary: #a1a1a6;--ui-text-muted: #8e8e93;--ui-border: rgba(255, 255, 255, .14);--ui-border-strong: rgba(255, 255, 255, .24);--ui-primary: #2997ff;--ui-primary-hover: #4aa8ff;--ui-primary-soft: rgba(41, 151, 255, .16);--ui-on-primary: #ffffff;--ui-success: #30d158;--ui-success-soft: rgba(48, 209, 88, .15);--ui-warning: #ffd60a;--ui-warning-soft: rgba(255, 214, 10, .14);--ui-danger: #ff453a;--ui-danger-soft: rgba(255, 69, 58, .14);--ui-program: #ff375f;--ui-program-soft: rgba(255, 55, 95, .15);--ui-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .32)}}:root[data-ui-theme=dark]{color-scheme:dark;--ui-bg: #000000;--ui-surface: #1c1c1e;--ui-surface-raised: #2c2c2e;--ui-surface-muted: #242426;--ui-input: #242426;--ui-text: #f5f5f7;--ui-text-secondary: #a1a1a6;--ui-text-muted: #8e8e93;--ui-border: rgba(255, 255, 255, .14);--ui-border-strong: rgba(255, 255, 255, .24);--ui-primary: #2997ff;--ui-primary-hover: #4aa8ff;--ui-primary-soft: rgba(41, 151, 255, .16);--ui-on-primary: #ffffff;--ui-success: #30d158;--ui-success-soft: rgba(48, 209, 88, .15);--ui-warning: #ffd60a;--ui-warning-soft: rgba(255, 214, 10, .14);--ui-danger: #ff453a;--ui-danger-soft: rgba(255, 69, 58, .14);--ui-program: #ff375f;--ui-program-soft: rgba(255, 55, 95, .15);--ui-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .32)}:root[data-ui-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{width:100%;min-width:0;margin:0}body{min-height:100vh;background:var(--ui-bg);color:var(--ui-text);font-size:14px;line-height:1.45;text-rendering:optimizeLegibility}body.action-modal-open{overflow:hidden}.action-modal{width:min(540px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;overflow:visible;border:0;border-radius:18px;background:transparent;color:var(--ui-text);opacity:0;transform:translateY(12px) scale(.975);transition:opacity .15s ease,transform .18s cubic-bezier(.2,.75,.25,1)}.action-modal.is-visible{opacity:1;transform:translateY(0) scale(1)}.action-modal.is-closing{pointer-events:none}.action-modal::backdrop{background:#0000;backdrop-filter:blur(0);transition:background .16s ease,backdrop-filter .16s ease}.action-modal.is-visible::backdrop{background:#00000085;backdrop-filter:blur(8px)}.action-modal__panel{overflow:hidden;border:1px solid var(--ui-border-strong);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 98%,white 2%),var(--ui-surface));box-shadow:0 28px 80px #0000004d,0 2px 10px #0000001f}.action-modal__header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 18px}.action-modal__icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px;background:var(--ui-primary-soft);color:var(--ui-primary)}.action-modal__icon svg{width:23px;height:23px}.action-modal--warning .action-modal__icon{background:var(--ui-warning-soft);color:var(--ui-warning)}.action-modal--danger .action-modal__icon{background:var(--ui-danger-soft);color:var(--ui-danger)}.action-modal__copy{min-width:0;padding-top:1px}.action-modal__eyebrow{margin:0 0 4px;color:var(--ui-text-muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.action-modal__title{margin:0;color:var(--ui-text);font-size:clamp(20px,3vw,24px);font-weight:720;letter-spacing:-.025em;line-height:1.2}.action-modal__message{margin:8px 0 0;color:var(--ui-text-secondary);font-size:14px;line-height:1.55;white-space:pre-line}.action-modal__details{display:grid;gap:9px;margin:0 24px 20px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-muted);color:var(--ui-text-secondary);list-style:none}.action-modal__details li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45}.action-modal__details svg{width:16px;height:16px;margin-top:1px;color:var(--ui-primary)}.action-modal--warning .action-modal__details svg{color:var(--ui-warning)}.action-modal--danger .action-modal__details svg{color:var(--ui-danger)}.action-modal__actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-raised) 88%,transparent)}.action-modal__button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 17px;border:1px solid transparent;border-radius:10px;font-weight:680;line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.action-modal__button:hover:not(:disabled){transform:translateY(-1px)}.action-modal__button:active:not(:disabled){transform:translateY(0)}.action-modal__button--secondary{border-color:var(--ui-border-strong);background:var(--ui-surface);color:var(--ui-text)}.action-modal__button--secondary:hover:not(:disabled){background:var(--ui-surface-muted)}.action-modal__button--primary{background:var(--ui-primary);color:var(--ui-on-primary)}.action-modal__button--primary:hover:not(:disabled){background:var(--ui-primary-hover)}.action-modal__button--danger{background:var(--ui-danger);color:#fff}.action-modal__button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--ui-danger) 86%,black)}@media(max-width:540px){.action-modal{width:min(100% - 24px,540px)}.action-modal__header{gap:13px;padding:20px 18px 15px}.action-modal__icon{width:42px;height:42px;flex-basis:42px}.action-modal__details{margin:0 18px 16px}.action-modal__actions{flex-direction:column-reverse;padding:14px 18px 18px}.action-modal__button{width:100%}}@media(prefers-reduced-motion:reduce){.action-modal,.action-modal::backdrop,.action-modal__button{transition:none}}button,input,select,textarea{font:inherit}button,a,label[role=menuitem]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,label[role=menuitem]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-primary) 70%,transparent);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}svg{flex:0 0 auto}.app-shell{min-height:100vh}.topbar{position:relative;z-index:50;display:flex;align-items:center;min-height:var(--ui-topbar-height);padding:10px 16px;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 92%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;min-width:244px;align-items:center;gap:11px}.brand-mark{position:relative;display:grid;width:44px;height:44px;flex:0 0 44px;padding:2px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#43c8ff,#182543 43%,#ff365b);box-shadow:0 0 0 1px #ffffff14,0 6px 16px #040c2033;overflow:hidden}.brand-mark:after{position:absolute;inset:2px;border:1px solid rgba(255,255,255,.12);border-radius:10px;content:"";pointer-events:none}.brand-mark img{display:block;width:100%;height:100%;border-radius:10px;filter:saturate(.88) contrast(1.1);object-fit:cover;transform:scale(1.18)}.brand-title{display:flex;align-items:center;gap:6px;line-height:1}.brand-name{font-size:15px;font-weight:800;letter-spacing:.015em}.brand-plus{padding:4px 6px 3px;border:1px solid color-mix(in srgb,var(--ui-primary) 48%,transparent);border-radius:5px;background:color-mix(in srgb,var(--ui-primary) 12%,var(--ui-surface));color:var(--ui-primary);font-size:9px;font-weight:850;letter-spacing:.11em}.brand-subtitle{margin-top:5px;color:var(--ui-text-muted);font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.topbar-context{display:flex;min-width:0;flex:1;flex-direction:column;padding-left:22px;border-left:1px solid var(--ui-border)}.topbar-context strong{font-size:14px}.eyebrow,.toolbar-label{color:var(--ui-text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.topbar-actions,.button-row{display:flex;min-width:0;align-items:center;gap:8px}.topbar-actions{justify-content:flex-end}.emergency-hide-button{flex:0 0 auto}.connection-safety-banner{position:sticky;z-index:72;top:var(--ui-topbar-height);display:flex;min-height:48px;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--ui-danger) 45%,var(--ui-border));background:color-mix(in srgb,var(--ui-danger-soft) 88%,var(--ui-surface));color:var(--ui-danger)}.connection-safety-banner[hidden]{display:none}.connection-safety-banner.offline-authorized{border-color:color-mix(in srgb,var(--ui-warning) 45%,var(--ui-border));background:color-mix(in srgb,var(--ui-warning-soft) 88%,var(--ui-surface));color:var(--ui-warning)}.connection-safety-banner>span{display:grid;min-width:0;flex:1;gap:2px}.connection-safety-banner strong,.connection-safety-banner small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-safety-banner strong{font-size:11px}.connection-safety-banner small{color:var(--ui-text-secondary);font-size:10px}.connection-safety-banner svg{flex:0 0 auto}.btn,.icon-btn,.tool-btn,.menu-action,.scene-pill,.tab{border:1px solid var(--ui-border);color:var(--ui-text);cursor:pointer;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.btn,.tool-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:10px;background:var(--ui-surface-raised);font-weight:600;white-space:nowrap}.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.tool-btn:hover:not(:disabled),.tab:hover:not(:disabled),.scene-pill:hover:not(:disabled){border-color:var(--ui-border-strong);background:var(--ui-surface-muted)}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.tool-btn:active:not(:disabled){transform:scale(.98)}.btn.primary{border-color:var(--ui-primary);background:var(--ui-primary);color:var(--ui-on-primary)}.btn.primary:hover:not(:disabled){border-color:var(--ui-primary-hover);background:var(--ui-primary-hover)}.btn.success{border-color:color-mix(in srgb,var(--ui-success) 55%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}.btn.danger{border-color:color-mix(in srgb,var(--ui-danger) 50%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}.btn.quiet-danger{border-color:var(--ui-border);background:transparent}.btn.small{min-height:38px;padding:0 11px;font-size:12px}.btn.compact{min-width:58px;padding-inline:10px}.btn.full-width{width:100%;margin-top:12px}.icon-btn{display:inline-grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border-radius:10px;background:var(--ui-surface-raised)}.danger-icon{color:var(--ui-danger)}.topbar-overflow{position:relative}.shell-menu{position:absolute;top:calc(100% + 9px);right:0;display:none;width:250px;padding:8px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.topbar-overflow.is-open .shell-menu{display:block}.shell-menu-label{padding:6px 10px 8px;color:var(--ui-text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.shell-menu-divider{height:1px;margin:6px 2px;background:var(--ui-border)}.menu-action{display:flex;width:100%;min-height:42px;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--ui-text);font-weight:600;text-align:left}.menu-action:hover{background:var(--ui-surface-muted)}.mobile-menu-action{display:none}.setup-grid{display:grid;min-width:0;grid-template-columns:320px minmax(0,1fr);height:calc(100vh - var(--ui-topbar-height))}.control-grid{display:grid;min-width:0;grid-template-columns:290px minmax(0,1fr);gap:14px;height:calc(100vh - var(--ui-topbar-height));padding:14px;overflow:hidden}.sidebar,.inspector,.control-sidebar,.control-main,.control-inspector{min-width:0;min-height:0}.sidebar{border-right:1px solid var(--ui-border);background:var(--ui-surface);overflow:auto}.panel-padding{padding:18px}.sidebar-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.sidebar-heading strong{font-size:15px}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}.tab{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border-radius:10px;background:transparent;color:var(--ui-text-secondary);font-size:11px;font-weight:700}.tab svg{width:17px;height:17px}.tab.active{border-color:color-mix(in srgb,var(--ui-primary) 35%,var(--ui-border));background:var(--ui-primary-soft);color:var(--ui-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.section{padding:20px 0;border-top:1px solid var(--ui-border)}.tab-panel>.section:first-child{padding-top:0;border-top:0}.section-heading,.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title{margin:2px 0 0;font-size:17px;font-weight:700;letter-spacing:-.02em}.team-color-dot{width:14px;height:14px;flex:0 0 14px;border:3px solid color-mix(in srgb,var(--team-color) 22%,transparent);border-radius:50%;background:var(--team-color)}.field{display:flex;min-width:0;flex-direction:column;gap:7px;margin-bottom:14px}.field-row{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-row>.field{min-width:0}.field>label:first-child,.field .label,.label{color:var(--ui-text-secondary);font-size:12px;font-weight:650}.input,.select,.textarea{width:100%;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-small);background:var(--ui-input);color:var(--ui-text)}.input:not([type=range]),.select{height:44px;padding:0 12px}.textarea{min-height:92px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--ui-primary)}.input[type=color]{padding:5px}.input[type=range]{height:26px;border:0;accent-color:var(--ui-primary)}.toggle-control{display:flex;min-height:44px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-small);background:var(--ui-input);color:var(--ui-text);font-weight:600}.toggle-control input{width:18px;height:18px;accent-color:var(--ui-primary)}.notice{padding:12px 13px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-small);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font-size:12px}.notice.warning{border-color:color-mix(in srgb,var(--ui-warning) 45%,var(--ui-border));background:var(--ui-warning-soft);color:var(--ui-warning)}.compact-notice{margin-bottom:14px}.transition-setting{margin-bottom:14px;padding:13px;border:1px solid color-mix(in srgb,var(--ui-primary) 22%,var(--ui-border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 7%,transparent),transparent 55%),var(--ui-surface-muted)}.transition-setting .field{margin-bottom:10px}.transition-setting-heading{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;gap:12px;margin-bottom:12px}.transition-setting-heading>div{display:grid;gap:3px}.transition-setting-heading strong{color:var(--ui-text);font-size:13px}.transition-publish-state{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:5px 9px;border:1px solid;border-radius:999px;font-size:10px;font-weight:800;line-height:1.15;align-self:flex-start}.transition-publish-state svg{width:13px;height:13px}.transition-publish-state.is-ready{border-color:color-mix(in srgb,var(--ui-success) 42%,var(--ui-border));color:var(--ui-success);background:var(--ui-success-soft)}.transition-publish-state.is-pending{border-color:color-mix(in srgb,var(--ui-warning) 48%,var(--ui-border));color:var(--ui-warning);background:var(--ui-warning-soft)}.transition-preview-row{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;gap:12px}.transition-preview-row p{max-width:none;margin:0;color:var(--ui-text-secondary);font-size:11px;line-height:1.45}.transition-actions{display:grid;width:100%;grid-template-columns:1fr;gap:7px}.transition-actions .btn{width:100%}.transition-live-note{display:flex;align-items:flex-start;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--ui-border);color:var(--ui-text-secondary);font-size:10px;line-height:1.45}.transition-live-note svg{width:14px;height:14px;flex:0 0 auto;color:var(--ui-primary)}.preview-area{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--ui-bg);overflow:hidden}.preview-toolbar{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}.toolbar-group{display:flex;min-width:0;flex-direction:column;gap:6px}.editor-toolbar{align-items:flex-end}.scene-pills,.mode-switch{display:flex;min-width:0;gap:5px;padding:3px;border-radius:11px;background:var(--ui-surface-muted)}.scene-pills{overflow-x:auto;scrollbar-width:none}.scene-pills::-webkit-scrollbar{display:none}.scene-pill{min-height:34px;padding:0 12px;border-color:transparent;border-radius:8px;background:transparent;color:var(--ui-text-secondary);font-size:12px;font-weight:650;white-space:nowrap}.scene-pill.active{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:0 1px 3px #0000000f;color:var(--ui-primary)}.tool-btn{min-height:36px;padding:0 10px;border-color:transparent;background:transparent;color:var(--ui-text-secondary);font-size:12px}.tool-btn.active{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:0 1px 3px #0000000f;color:var(--ui-primary)}.tool-btn.quiet{border-color:var(--ui-border)}.preview-frame-wrap{display:grid;min-width:0;min-height:0;flex:1;place-items:center;padding:18px;background-color:var(--ui-bg);background-image:linear-gradient(45deg,var(--ui-border) 25%,transparent 25%),linear-gradient(-45deg,var(--ui-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ui-border) 75%),linear-gradient(-45deg,transparent 75%,var(--ui-border) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;overflow:hidden}.preview-frame{display:block;width:min(100%,calc((100vh - var(--ui-topbar-height) - 160px) * 16 / 9));max-height:100%;aspect-ratio:16 / 9;border:1px solid var(--ui-border-strong);background:#000;box-shadow:var(--ui-shadow)}.preview-status{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-top:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text-secondary);font-size:12px}.save-state,.preview-separation{display:inline-flex;align-items:center;gap:7px}.preview-separation svg{color:var(--ui-warning)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ui-warning)}.status-dot.saved{background:var(--ui-success)}.status-dot.saved.dirty{background:var(--ui-warning)}.inspector{border-left:1px solid var(--ui-border);background:var(--ui-surface);overflow:auto}.drawer-close{display:none}.asset-field{gap:7px}.asset-card{display:grid;min-width:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:8px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-raised)}.asset-thumb,.player-photo-thumb{position:relative;display:grid;overflow:hidden;place-items:center;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-muted);color:var(--ui-text-muted)}.asset-thumb{width:64px;height:56px}.asset-thumb img,.player-photo-thumb img{width:100%;height:100%}.asset-thumb.contain img{object-fit:contain;padding:4px}.asset-thumb.cover img,.player-photo-thumb img{object-fit:cover}.asset-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.asset-copy strong,.asset-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-copy strong{font-size:12px}.asset-copy span,.empty-help{color:var(--ui-text-muted);font-size:11px}.asset-actions{display:flex;align-items:center;gap:6px}.asset-add-button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--ui-border-strong);border-radius:10px;background:var(--ui-surface-raised);color:var(--ui-primary);cursor:pointer;font-weight:650}.sponsor-edit-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}.sponsor-edit-list.empty{align-items:center;padding:8px}.sponsor-asset-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-raised)}.sponsor-asset-card .asset-thumb{width:52px;height:42px}.player-list{display:flex;flex-direction:column;gap:7px}.player-row-edit{display:grid;min-width:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px}.player-number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--ui-surface-muted);color:var(--ui-text-secondary);font-size:11px;font-weight:700}.player-photo-control{display:flex;align-items:center;gap:4px}.player-photo-control .icon-btn{width:36px;height:36px;flex-basis:36px}.player-photo-thumb{width:36px;height:36px}.media-preview{position:relative;display:grid;width:100%;aspect-ratio:1 / 1;margin-bottom:16px;overflow:hidden;place-items:center;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-muted)}.media-preview img{width:100%;height:100%}.media-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ui-text-muted)}.control-sidebar,.control-main,.control-inspector{overflow:auto;scrollbar-gutter:stable}.control-sidebar{display:flex;flex-direction:column;gap:12px}.control-sidebar>.card{flex:0 0 auto}.control-main{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:14px}.card,.preview-card{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.card-header,.preview-card-header{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--ui-border);font-size:14px;font-weight:700}.card-header-icon{justify-content:flex-start;gap:9px}.card-header-icon svg{color:var(--ui-text-secondary)}.card-body{padding:12px}.control-card{margin-top:0}.program-data-card .card-body{display:grid;gap:12px}.program-data-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-muted)}.program-data-status.pending{grid-template-columns:auto minmax(0,1fr) auto;border-color:color-mix(in srgb,var(--ui-warning) 55%,var(--ui-border));background:color-mix(in srgb,var(--ui-warning) 9%,var(--ui-surface))}.program-data-status.synced{border-color:color-mix(in srgb,var(--ui-success) 45%,var(--ui-border))}.program-data-status>svg{width:17px;height:17px;color:var(--ui-success)}.program-data-status.pending>svg{color:var(--ui-warning)}.program-data-status>span{display:grid;min-width:0;gap:1px}.program-data-status strong,.program-data-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-data-status strong{font-size:11px}.program-data-status small{color:var(--ui-text-muted);font-size:9px}.program-data-status .btn{min-height:30px;padding-inline:8px;white-space:nowrap}.program-data-heading{display:grid;gap:3px}.program-data-heading strong,.program-data-heading>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-data-heading strong{font-size:14px}.program-data-heading>span:last-child{color:var(--ui-text-secondary);font-size:10px;font-weight:700}.program-team-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}.program-team{display:grid;min-width:0;gap:2px;padding:8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-muted)}.program-team span{color:var(--ui-text-muted);font-size:9px;text-transform:uppercase}.program-team strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.blue-program-team{border-left:3px solid var(--ui-primary)}.red-program-team{border-right:3px solid var(--ui-program);text-align:right}.program-versus{color:var(--ui-text-muted);font-size:9px;font-weight:800}.connection-badge{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;margin-bottom:10px;border:1px solid var(--ui-border);border-radius:9px;font-size:11px;font-weight:750;letter-spacing:.04em}.connection-badge.connected{border-color:color-mix(in srgb,var(--ui-success) 50%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}.connection-badge.disconnected{border-color:color-mix(in srgb,var(--ui-danger) 42%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}.setup-display-connection{min-height:40px;margin:0;padding:0 11px;white-space:nowrap}.scene-bus-status{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.scene-bus-status span{display:flex;min-width:0;min-height:52px;flex-direction:column;justify-content:center;padding:8px 10px;border:1px solid var(--ui-border);border-radius:9px;color:var(--ui-text-muted);font-size:10px;font-weight:700}.scene-bus-status strong{overflow:hidden;color:var(--ui-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.program-transition-status{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--ui-primary) 28%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-muted))}.program-transition-status>svg{width:17px;height:17px;flex:0 0 auto;color:var(--ui-primary)}.program-transition-status>span{display:grid;min-width:0;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline}.program-transition-status small{color:var(--ui-text-muted);font-size:9px;font-weight:800;letter-spacing:.045em}.program-transition-status strong{overflow:hidden;color:var(--ui-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.program-transition-status em{grid-column:1 / -1;color:var(--ui-text-secondary);font-size:9px;font-style:normal}.scene-list{display:flex;flex-direction:column;gap:6px}.scene-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-raised);color:var(--ui-text);cursor:pointer;text-align:left}.scene-button-main{display:flex;min-width:0;align-items:center;gap:9px}.scene-button-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.scene-state-labels{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.scene-state-labels>span{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap}.scene-state-labels svg{width:11px;height:11px}.preview-state{background:var(--ui-primary-soft);color:var(--ui-primary)}.program-state{background:var(--ui-program-soft);color:var(--ui-program)}.disabled-state{background:var(--ui-surface-muted);color:var(--ui-text-muted)}.scene-button.previewing{border-color:var(--ui-primary);box-shadow:inset 3px 0 0 var(--ui-primary)}.scene-button.on-air{background:var(--ui-program-soft)}.scene-button.on-air.previewing{background:linear-gradient(90deg,var(--ui-primary-soft) 0 50%,var(--ui-program-soft) 50% 100%),var(--ui-surface-raised)}.scene-button.hide-scene{margin-top:6px;border-style:dashed}.take-button{width:100%;min-height:46px;margin-top:10px}.take-button:not(:disabled){border-color:var(--ui-program);background:var(--ui-program)}.timer-display{display:grid;min-height:62px;place-items:center;background:var(--ui-surface-muted);color:var(--ui-text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em}.timer-actions{flex-wrap:wrap}.timer-actions .btn{flex:1 1 auto}.score-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-team{min-width:0}.score-team>span{display:block;margin-bottom:6px;color:var(--ui-text-secondary);font-size:11px;font-weight:700}.blue-score>span{color:var(--ui-primary)}.red-score>span{color:var(--ui-program)}.score-stepper{display:grid;grid-template-columns:36px minmax(30px,1fr) 36px;align-items:center;border:1px solid var(--ui-border);border-radius:9px;overflow:hidden}.score-stepper .icon-btn{width:36px;height:36px;border:0;border-radius:0}.score-value{text-align:center;font-size:20px;font-variant-numeric:tabular-nums;font-weight:750}.preview-card-header{padding-block:10px}.preview-card-header>div{display:flex;flex-direction:column}.preview-card-header strong{font-size:13px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.preview-chip{background:var(--ui-primary-soft);color:var(--ui-primary)}.control-preview{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}.draft-action-bar{display:grid;grid-template-columns:minmax(180px,1fr) 150px;gap:10px;margin-bottom:12px}.draft-status{display:flex;min-height:54px;align-items:center;padding:10px 14px;border:1px solid color-mix(in srgb,var(--ui-primary) 34%,var(--ui-border));border-radius:10px;background:var(--ui-primary-soft);color:var(--ui-primary);font-size:13px;font-weight:750}.draft-action-bar .timer-display{min-height:54px;border-radius:10px;font-size:28px}.draft-primary-actions{grid-column:1 / -1;flex-wrap:wrap}.operator-quick-panel{padding:12px;margin-bottom:12px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 7%,transparent),transparent 42%),var(--ui-surface)}.operator-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.operator-section-heading>span{display:inline-flex;align-items:center;gap:7px;font-size:12px}.operator-section-heading>span svg{width:15px;height:15px;color:var(--ui-primary)}.operator-section-heading small{color:var(--ui-text-muted);font-size:10px;text-align:right}.operator-section-heading.compact{margin-bottom:8px}.operator-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side-swap-control,.player-view-control,.audio-control{min-width:0;padding:9px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-raised)}.audio-control{grid-column:1 / -1}.quick-control-label{display:block;margin-bottom:6px;color:var(--ui-text-muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.swap-team-button{width:100%;min-height:38px;justify-content:flex-start;gap:6px;padding-inline:7px}.swap-team-button>svg{width:14px;color:var(--ui-text-muted)}.swap-team-button>strong{margin-left:auto;font-size:10px}.side-badge{display:inline-flex;max-width:78px;align-items:center;padding:4px 6px;border-radius:5px;color:#fff;font-size:9px;font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-badge.blue{background:#1769e0}.side-badge.red{background:#e3314d}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-canvas)}.segment-button{display:inline-flex;min-width:0;min-height:32px;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.segment-button svg{width:14px;height:14px}.segment-button:hover{color:var(--ui-text)}.segment-button.active,.segment-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--ui-primary) 45%,var(--ui-border));background:var(--ui-primary-soft);color:var(--ui-primary);box-shadow:0 1px 3px #0000001a}.audio-control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.audio-output-status{display:inline-flex;align-items:center;gap:4px;color:var(--ui-text-muted);font-size:9px;white-space:nowrap}.audio-output-status svg{width:12px;height:12px}.audio-output-status.connected{color:var(--ui-success)}.audio-output-status.blocked{color:var(--ui-danger)}.audio-control-row{display:grid;grid-template-columns:auto minmax(70px,1fr) auto minmax(70px,1fr) auto;align-items:center;gap:7px}.audio-toggle{border:1px solid var(--ui-border);background:var(--ui-canvas)}.compact-range{display:grid;min-width:0;gap:2px}.compact-range>span{color:var(--ui-text-muted);font-size:8px;font-variant-numeric:tabular-nums;text-align:right}.compact-range input{width:100%;height:4px;accent-color:var(--ui-primary)}.audio-test-actions{display:flex;gap:4px}.audio-test-actions .icon-btn{width:30px;height:30px}.hero-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px}.search-field{position:relative}.search-field svg{position:absolute;top:13px;left:12px;z-index:1;color:var(--ui-text-muted)}.search-field .input{padding-right:38px;padding-left:38px}.search-clear{position:absolute;top:7px;right:7px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ui-text-muted);cursor:pointer}.search-clear[hidden]{display:none}.search-clear:hover{background:color-mix(in srgb,var(--ui-text) 8%,transparent);color:var(--ui-text)}.search-clear svg{position:static;width:14px;height:14px}.hero-result-count{color:var(--ui-text-muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.role-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.role-filter-bar>.quick-control-label{flex:0 0 auto;margin:0}.role-filter-buttons{display:flex;min-width:0;gap:5px;overflow-x:auto;scrollbar-width:thin}.role-filter-button{display:inline-flex;min-width:64px;min-height:38px;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-raised);color:var(--ui-text-muted);font:inherit;font-size:9px;font-weight:700;cursor:pointer}.role-filter-button img,.role-filter-button svg{width:22px;height:22px;object-fit:contain}[data-ui-theme=dark] .role-filter-button img{filter:grayscale(1) brightness(0) invert(1);opacity:.9}.role-filter-button.active{border-color:var(--ui-primary);background:var(--ui-primary-soft);color:var(--ui-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-primary) 24%,transparent)}.hero-grid{display:grid;max-height:min(45vh,430px);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;padding:2px;overflow:auto}.hero-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:0;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-raised);color:var(--ui-text);cursor:pointer;overflow:hidden}.hero-card img{width:100%;aspect-ratio:1.45 / 1;object-fit:cover;object-position:center top}.hero-card span{overflow:hidden;padding:5px;font-size:10px;font-weight:650;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hero-card.pending{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-soft)}.hero-card.locked{filter:grayscale(1);opacity:.32;pointer-events:none}.pick-order-panel{padding:10px;margin-top:10px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-canvas)}.pick-order-panel[hidden]{display:none}.pick-order-teams{display:grid;gap:7px}.pick-order-team{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px}.pick-order-team-name{overflow:hidden;color:var(--ui-text);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pick-order-team.blue .pick-order-team-name{color:#4c8dff}.pick-order-team.red .pick-order-team-name{color:#ff6079}.pick-order-list{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:5px}.pick-order-hero{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:5px;padding:3px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-raised);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer}.pick-order-hero img{width:32px;height:32px;border-radius:5px;object-fit:cover;object-position:center top}.pick-order-hero>span{display:flex;min-width:0;flex-direction:column}.pick-order-hero strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.pick-order-hero small{color:var(--ui-text-muted);font-size:8px}.pick-order-hero.selected{border-color:var(--ui-primary);background:var(--ui-primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-primary) 16%,transparent)}.draft-history-actions{justify-content:flex-end;margin-top:12px}.theme-studio{display:grid;gap:12px;margin-bottom:18px}.theme-preset-card,.palette-team-card,.draft-ui-colors{border:1px solid var(--ui-border);border-radius:14px;background:color-mix(in srgb,var(--ui-surface) 94%,var(--ui-primary-soft));box-shadow:var(--ui-shadow)}.theme-preset-card{display:grid;gap:12px;padding:14px}.theme-preset-copy{display:grid;gap:3px}.theme-preset-copy strong{font-size:16px}.theme-preset-copy>span:last-child{color:var(--ui-text-muted);font-size:12px;line-height:1.45}.palette-preview{display:grid;height:26px;grid-template-columns:repeat(7,1fr);overflow:hidden;border:1px solid var(--ui-border-strong);border-radius:9px}.palette-preview i{background:var(--swatch)}.palette-team-card,.draft-ui-colors{padding:12px}.palette-team-card.blue{border-left:3px solid #1769e0}.palette-team-card.red{border-left:3px solid #e3314d}.palette-team-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.palette-team-heading svg{width:17px;height:17px;color:var(--ui-primary)}.palette-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-color-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-color-grid .field{min-width:0}.palette-color-grid .field label{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.palette-color-grid input[type=color]{min-height:42px;padding:4px}.layout-inspector-card{display:grid;gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-raised)}.layout-inspector-card.is-selected{border-color:color-mix(in srgb,var(--ui-primary) 44%,var(--ui-border));box-shadow:0 0 0 3px var(--ui-primary-soft)}.layout-inspector-card p{margin:0;color:var(--ui-text-secondary);font-size:12px;line-height:1.5}.layout-selection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.layout-selection-heading>div{min-width:0;display:grid;gap:3px}.layout-selection-heading strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.layout-selection-heading code{overflow:hidden;color:var(--ui-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.layout-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layout-number-grid .field{min-width:0}.layout-shortcuts{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;color:var(--ui-text-muted);font-size:10px}.layout-shortcuts kbd{min-width:48px;padding:3px 6px;border:1px solid var(--ui-border-strong);border-bottom-width:2px;border-radius:6px;background:var(--ui-input);color:var(--ui-text);font-family:inherit;font-size:10px;text-align:center}.inspector>.section:last-child{display:none}.control-inspector{position:relative}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--ui-border)}.summary-row:last-child{border-bottom:0}.summary-row .label{display:inline-flex;align-items:center;gap:6px}.summary-row strong{min-width:0;overflow:hidden;font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.preview-summary strong,.preview-summary .label{color:var(--ui-primary)}.program-summary strong,.program-summary .label{color:var(--ui-program)}.shell-backdrop{position:fixed;z-index:70;inset:0;display:none;border:0;background:#0000006b;backdrop-filter:blur(2px)}.toast-region{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;width:min(360px,calc(100vw - 36px));flex-direction:column;gap:8px}.toast{padding:12px 14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-raised);box-shadow:var(--ui-shadow);color:var(--ui-text);font-weight:600}.toast.error{border-color:color-mix(in srgb,var(--ui-danger) 50%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}.control-readonly:before{position:fixed;z-index:120;top:10px;left:50%;padding:8px 14px;border:1px solid color-mix(in srgb,var(--ui-warning) 55%,var(--ui-border));border-radius:999px;background:var(--ui-warning-soft);color:var(--ui-warning);content:attr(data-readonly-label);font-size:11px;font-weight:750;transform:translate(-50%)}.control-readonly main{opacity:.7}.hidden{display:none!important}@media(min-width:1200px){.control-main{grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr)}.preview-card{position:sticky;top:0}}@media(min-width:1600px){.setup-grid{grid-template-columns:350px minmax(0,1fr) 320px}.control-grid{grid-template-columns:290px minmax(0,1fr) 310px}.responsive-inspector-toggle{display:none}}@media(max-width:1599px){.inspector,.control-inspector{position:fixed;z-index:80;top:var(--ui-topbar-height);right:0;bottom:0;width:min(360px,88vw);border-left:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow);opacity:0;overflow:auto;pointer-events:none;transform:translate(102%);transition:transform .18s ease,opacity .18s ease}.control-inspector{padding:16px}.drawer-close{display:inline-grid;margin-left:auto;margin-bottom:10px}.inspector .drawer-close{margin:0}.is-inspector-open .inspector,.is-inspector-open .control-inspector{opacity:1;pointer-events:auto;transform:translate(0)}.is-inspector-open .shell-backdrop{display:block}}@media(max-width:1199px){.topbar-context{display:none}.brand{min-width:0;margin-right:auto}.preview-toolbar{align-items:stretch}.toolbar-group{flex:0 1 auto}.editor-toolbar{min-width:0;flex:1 1 auto;align-items:flex-end}.preview-toolbar .toolbar-label{display:none}.control-grid{grid-template-columns:276px minmax(0,1fr)}}@media(max-width:1099px){body{overflow-y:auto}.app-shell{min-height:100vh}.setup-grid,.control-grid{height:auto;min-height:calc(100vh - var(--ui-topbar-height))}.setup-grid{grid-template-columns:300px minmax(0,1fr)}.control-grid{grid-template-columns:270px minmax(0,1fr);align-items:start;overflow:visible}.sidebar,.control-sidebar{position:sticky;top:var(--ui-topbar-height);max-height:calc(100vh - var(--ui-topbar-height));overflow:auto}.control-main{overflow:visible}.preview-frame-wrap{min-height:380px}.preview-frame{width:100%}.preview-toolbar{flex-direction:column}.editor-toolbar{align-items:stretch}.editor-toolbar .button-row{width:100%;overflow-x:auto;scrollbar-width:none}.editor-toolbar .button-row::-webkit-scrollbar{display:none}.editor-toolbar .mode-switch,.editor-toolbar .tool-btn{flex:0 0 auto}}@media(max-width:1099px){:root{--ui-topbar-height: 64px}.topbar{position:sticky;top:0;min-height:var(--ui-topbar-height);padding:8px 10px}.brand-mark{width:40px;height:40px;flex-basis:40px}.brand-name{font-size:14px}.brand-subtitle{display:none}.topbar-actions{gap:5px}.topbar-actions .btn,.topbar-actions .icon-btn{min-height:40px;height:40px}.topbar-actions .nav-action{display:none}.mobile-menu-action.menu-action,.mobile-menu-action.shell-menu-divider{display:flex}.responsive-inspector-toggle span,.emergency-hide-button span{display:none}.setup-grid,.control-grid{display:flex;flex-direction:column}.setup-grid .preview-area{order:-1}.control-grid{gap:10px;padding:10px}.sidebar,.control-sidebar{position:static;width:100%;max-height:none}.sidebar{border-right:0;border-bottom:1px solid var(--ui-border)}.preview-frame-wrap{min-height:0;flex:0 0 auto;padding:10px}.preview-status{align-items:flex-start;flex-direction:column;gap:4px}.control-main{width:100%}.control-grid .control-main{order:-1}.operator-section-heading{align-items:flex-start;flex-direction:column;gap:3px}.operator-section-heading small{text-align:left}.audio-control-row{grid-template-columns:auto minmax(72px,1fr) auto minmax(72px,1fr)}.audio-test-actions{grid-column:1 / -1;justify-content:flex-end}.pick-order-list{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.draft-action-bar{grid-template-columns:minmax(0,1fr) 120px}.hero-grid{max-height:480px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}@media(max-width:559px){.brand-copy,.topbar-actions .nav-action,.topbar-actions .btn.primary span{display:none}.brand{margin-right:auto}.mobile-menu-action.menu-action,.mobile-menu-action.shell-menu-divider{display:flex}.tabs{grid-template-columns:repeat(4,minmax(64px,1fr));overflow-x:auto}.field-row,.score-control,.hero-tools,.operator-quick-grid{grid-template-columns:minmax(0,1fr)}.audio-control{grid-column:1}.audio-control-row{grid-template-columns:auto minmax(0,1fr)}.audio-test-actions{grid-column:1 / -1}.role-filter-bar{align-items:flex-start;flex-direction:column;gap:6px}.role-filter-buttons{width:100%}.role-filter-button{min-width:58px}.pick-order-team{grid-template-columns:minmax(0,1fr)}.asset-card{grid-template-columns:58px minmax(0,1fr)}.asset-thumb{width:58px}.asset-actions{grid-column:1 / -1;justify-content:flex-end}.player-row-edit{grid-template-columns:26px minmax(0,1fr)}.player-photo-control{grid-column:2;justify-content:flex-end}.draft-action-bar{grid-template-columns:minmax(0,1fr)}.draft-action-bar .timer-display,.draft-primary-actions{grid-column:1}.draft-primary-actions .btn{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}