:root{--bg:#10151c;--panel:#171e27;--panel2:#202936;--border:#2b3644;--text:#eef2f6;--muted:#9aa8b8;--accent:#35a9ff;--danger:#ff6572}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:5px;background:var(--panel2);color:var(--text);padding:7px 10px;cursor:pointer}button:hover{border-color:#4c6078;background:#293647}button.primary{background:#168cdd;border-color:#33a9fa}button.danger{color:#ffdce0;border-color:#803846;margin-top:13px;width:100%}.topbar{height:54px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 15px;gap:22px;background:#141b23}.brand{font-size:16px;letter-spacing:.2px;white-space:nowrap}.brand-mark{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;background:var(--accent);border-radius:5px;font-size:9px;font-weight:800;margin-right:7px}.project-name{flex:1;text-align:center}.project-name input{width:230px;text-align:center;border:0;background:rgba(0,0,0,0);color:var(--text);font-weight:600;font-size:14px}.top-actions{display:flex;gap:7px}.workspace{height:calc(100vh - 160px);min-height:420px;display:grid;grid-template-columns:183px minmax(420px, 1fr) 285px}.tools-panel,.inspector{background:var(--panel);padding:16px 13px;overflow:auto}.tools-panel{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}.panel-heading{color:#7890a8;font-size:10px;letter-spacing:1.1px;font-weight:700;margin:3px 0 11px}.field-label{display:block;color:var(--muted);font-size:11px;margin:0 0 12px}.field-label input,.field-label select{display:block;width:100%;margin-top:5px;padding:6px 7px;border:1px solid var(--border);background:#111820;color:var(--text);border-radius:4px}.tool-button{display:block;width:100%;text-align:left;margin:0 0 7px}.tool-button span{color:var(--accent);font-size:16px;vertical-align:-1px;margin-right:7px}.viewport-wrap{position:relative;background:#0c1117;overflow:hidden}#viewport,canvas{width:100%;height:100%;display:block}.empty-state{color:var(--muted);line-height:1.45;padding:15px 2px}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.json-heading{border-top:1px solid var(--border);padding-top:16px;margin-top:18px}#json-output{font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:#b9d9ee;background:#0e141b;border:1px solid var(--border);border-radius:5px;padding:8px;height:270px;overflow:auto;margin:0}.timeline{height:106px;border-top:1px solid var(--border);background:#141b23;display:flex;align-items:stretch}.steps{display:flex;gap:8px;align-items:center;padding:14px;flex:1;overflow:auto}.step{min-width:118px;border:1px solid var(--border);border-radius:5px;padding:10px;background:var(--panel);color:var(--muted);cursor:pointer}.step.active{border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px #168cdd}.step strong{display:block;color:inherit;margin-bottom:4px}.playback-controls{display:flex;gap:5px;align-items:center;padding:0 15px;border-left:1px solid var(--border)}.action-button:disabled{opacity:.42;cursor:not-allowed;border-color:#29323d}.role-readout{margin:-4px 0 12px;padding:7px 8px;border-left:2px solid #35a9ff;background:#111820;color:#9aa8b8;font-size:11px}.role-readout strong{color:#fff;letter-spacing:.3px}.selection-summary{min-height:22px;margin:-4px 0 12px;padding:7px 8px;border:1px solid #48617a;border-radius:5px;background:#111a24;color:#fff;font-size:12px;font-weight:700}.action-button:not(:disabled){border-color:#3f7ea8;background:#243b4c;box-shadow:inset 0 0 0 1px #2b5b7b}.action-button:not(:disabled):hover{background:#2f5870;border-color:#70c8ff}.action-button:disabled{filter:saturate(0.45)}.mobile-panel-buttons,.mobile-sheet-close,.mobile-action-bar,.mobile-panel-scrim{display:none}#viewport{touch-action:none}@media(max-width: 1100px){.workspace{grid-template-columns:164px minmax(300px, 1fr) 246px}.tools-panel,.inspector{padding:13px 10px}.topbar{gap:12px}.top-actions{gap:4px}.top-actions button{padding:6px 7px}.project-name input{width:180px}}@media(max-width: 760px){:root{--mobile-bar-height:64px}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-size:14px}button,select,input{min-height:40px}.topbar{height:auto;min-height:54px;padding:calc(7px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));gap:8px;position:relative;z-index:20}.brand{font-size:14px}.brand-mark{width:23px;height:23px}.project-name{min-width:0;text-align:left}.project-name input{width:100%;min-width:0;text-align:left;font-size:14px}.top-actions{margin-left:auto}.top-actions .theme-label{display:none}.top-actions select{max-width:42px;padding:4px;border:0;background:rgba(0,0,0,0)}.top-actions button{min-width:40px;padding:6px;font-size:0}.top-actions button:first-letter{font-size:18px}.mobile-panel-buttons{display:flex;gap:4px}.mobile-panel-buttons button{min-width:40px;padding:5px;font-size:18px}.workspace{height:calc(100dvh - 54px - var(--mobile-bar-height) - 62px - env(safe-area-inset-top));min-height:260px;display:block}.viewport-wrap{height:100%;width:100%}.viewport-help{display:none}.tools-panel,.inspector{display:block;position:fixed;z-index:30;left:0;right:0;bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));max-height:min(72dvh,620px);padding:18px max(16px,env(safe-area-inset-right)) 22px max(16px,env(safe-area-inset-left));border:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -12px 35px rgba(0,0,0,.5333333333);transform:translateY(calc(100% + 90px));transition:transform .2s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tools-panel.panel-open,.inspector.panel-open{transform:translateY(0)}.mobile-sheet-close{display:block;position:sticky;float:right;top:0;z-index:1;margin:-6px 0 8px auto;min-width:40px;background:var(--panel2);font-size:24px;line-height:20px}.mobile-panel-scrim{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.5333333333);opacity:0;pointer-events:none;transition:opacity .2s}.mobile-panel-scrim.visible{display:block;opacity:1;pointer-events:auto}.mobile-action-bar{display:flex;position:fixed;z-index:22;left:0;right:0;bottom:0;height:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:7px;align-items:center;overflow-x:auto;background:#141b23;border-top:1px solid var(--border);overscroll-behavior:contain}.mobile-action-bar button{display:block;flex:1 0 auto;min-width:72px;min-height:44px;padding:7px 10px;color:var(--text);background:#243b4c;border-color:#3f7ea8}.mobile-action-bar button:disabled{display:block;opacity:.42;cursor:not-allowed;border-color:#29323d}.timeline{height:62px;position:fixed;z-index:21;left:0;right:0;bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));background:#141b23}.steps{padding:6px;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.step{min-width:104px;padding:7px;font-size:11px;scroll-snap-align:start}.playback-controls{padding:0 7px;gap:3px}.playback-controls button{min-width:36px;padding:5px}.playback-controls #play-button{font-size:0}.playback-controls #play-button:first-letter{font-size:17px}#json-output{height:200px;font-size:11px}.field-label{font-size:12px}.tool-button{min-height:44px;margin-bottom:8px}.panel-heading{font-size:11px;margin-top:10px}}@media(max-width: 430px){.brand b{display:none}.brand{font-size:0}.brand-mark{margin-right:0}.project-name input{font-size:13px}.top-actions select{display:none}.workspace{height:calc(100dvh - 54px - var(--mobile-bar-height) - 62px - env(safe-area-inset-top))}.mobile-action-bar button{min-width:68px;font-size:12px}.step{min-width:88px}.playback-controls{display:none}}@media(max-height: 520px)and (orientation: landscape){:root{--mobile-bar-height:54px}.topbar{min-height:44px;padding-top:4px;padding-bottom:4px}.workspace{height:calc(100dvh - 44px - var(--mobile-bar-height));min-height:200px}.timeline{display:none}.mobile-action-bar{height:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.mobile-action-bar button{min-height:38px}.tools-panel,.inspector{bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));max-height:82dvh}}.selection-toolbar{position:absolute;z-index:8;top:12px;right:12px;pointer-events:auto;display:flex;align-items:center;gap:8px}.handoff-lock-indicator{max-width:230px;padding:7px 9px;border:1px solid #7b6a39;border-radius:5px;background:#211d12;color:#ffe8a2;font-size:11px;font-weight:700}.selection-toolbar .danger{width:auto;margin:0;padding:8px 12px;background:#3a1f27;border-color:#a34a5c;color:#ffe4e8}.selection-toolbar .danger:hover{background:#542631;border-color:#e26b80}.editor-toast{position:fixed;z-index:100;top:72px;left:50%;max-width:min(520px,100vw - 32px);padding:13px 18px;border:1px solid #f19a43;border-radius:8px;background:#2a1d10;color:#fff3df;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.5333333333);transform:translate(-50%, -14px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.editor-toast.visible{opacity:1;transform:translate(-50%)}@media(max-width: 760px){.selection-toolbar{top:48px;right:max(10px,env(safe-area-inset-right))}.selection-toolbar .danger{min-height:42px;padding:8px 12px}.editor-toast{top:calc(62px + env(safe-area-inset-top));font-size:14px}}.interaction-instruction{position:absolute;z-index:9;top:14px;left:50%;max-width:min(460px,100% - 36px);padding:8px 13px;border:1px solid #70c8ff;border-radius:7px;background:rgba(16,24,32,.9098039216);color:#f5fbff;font-size:13px;font-weight:700;line-height:1.3;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.4666666667);transform:translate(-50%);pointer-events:none}.interaction-instruction[hidden]{display:none}@media(max-width: 760px){.interaction-instruction{top:10px;font-size:13px;padding:8px 12px}}.tool-button.is-disabled,.mobile-action-bar button.is-disabled{opacity:.42;cursor:not-allowed;filter:saturate(0.45)}.description-editor{position:absolute;z-index:14;top:48px;right:14px;width:min(390px,100% - 28px);padding:13px;border:1px solid #42647e;border-radius:9px;background:rgba(21,31,42,.937254902);box-shadow:0 16px 42px rgba(0,0,0,.6666666667);backdrop-filter:blur(8px)}.description-editor[hidden]{display:none}.description-editor header,.description-editor footer{display:flex;align-items:center;gap:9px}.description-editor header{justify-content:space-between;margin-bottom:10px}.description-editor header strong{font-size:13px;color:#f4f8fb}.description-editor header button{min-width:30px;padding:2px 7px;font-size:19px;line-height:22px}.description-editor textarea{display:block;width:100%;min-height:130px;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:6px;background:#0e151d;color:var(--text);font:13px/1.45 inherit}.description-editor textarea:focus{outline:2px solid #35a9ff;outline-offset:1px}.description-editor footer{justify-content:space-between;margin-top:10px}.description-editor footer span{font-size:11px;color:var(--muted)}.step-card{display:flex;align-items:stretch;gap:4px;min-width:118px}.step-card .step{min-width:0;flex:1}.step-description-status{align-self:flex-start;padding-top:7px;color:#637584;font-size:10px}.step-description-status.has-description{color:#68bf87}.step-description-status.is-empty{color:#566572}.project-name{position:relative}.project-title{max-width:340px;overflow:hidden;padding:6px 8px;border:0;background:rgba(0,0,0,0);color:var(--text);font:600 16px/1.25 inherit;text-overflow:ellipsis;white-space:nowrap;cursor:text}.project-title:hover,.project-title:focus-visible{background:hsla(0,0%,100%,.0431372549);border-radius:6px;outline:2px solid #35a9ff;outline-offset:1px}.title-editor{position:absolute;z-index:30;top:0;left:0;display:flex;align-items:center;gap:7px;min-width:min(390px,100vw - 28px);padding:7px;border:1px solid #42647e;border-radius:8px;background:rgba(21,31,42,.9607843137);box-shadow:0 12px 30px rgba(0,0,0,.6)}.title-editor[hidden]{display:none}.title-editor input{min-width:0;flex:1;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:#0e151d;color:var(--text);font:600 16px/1.25 inherit}.title-editor input:focus{outline:2px solid #35a9ff;outline-offset:1px}.title-editor button{white-space:nowrap}@media(max-width: 760px){.description-editor{position:fixed;z-index:40;top:auto;right:0;bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));left:0;width:100%;padding:18px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left));border-radius:16px 16px 0 0;max-height:64dvh}.description-editor textarea{min-height:180px;max-height:36dvh}.project-title{max-width:calc(100vw - 210px);font-size:14px}.title-editor{position:fixed;z-index:45;top:max(8px,env(safe-area-inset-top));left:8px;right:8px;min-width:0;width:auto}.title-editor input{font-size:16px}.title-editor button{min-height:40px}.step-card{min-width:104px}.step-description-status{padding-top:7px}.description-editor footer button{min-height:40px}}.description-summary{position:absolute;z-index:7;left:14px;width:min(346px,100% - 28px);display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 11px;text-align:left;border-color:#3a576c;background:rgba(20,32,43,.9098039216);color:#d7e6f2;box-shadow:0 5px 16px rgba(0,0,0,.3333333333)}.description-summary-general{top:48px}.description-summary-step{bottom:44px}.description-summary-label{font-size:9px;letter-spacing:.8px;font-weight:800;color:#7fa7c4;text-transform:uppercase}.description-summary-preview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.35;color:#edf6fb}.description-summary.is-empty{border-style:dashed;border-color:#496a80;background:rgba(20,32,43,.8509803922)}.description-summary.is-empty .description-summary-preview{color:#aabeca;font-style:italic}.description-summary.is-complete{border-color:#4d8c6a;background:rgba(22,40,31,.9098039216)}.description-summary.is-complete .description-summary-label{color:#8ed2a6}.description-summary:hover{border-color:#72c7f7;background:#1c3242}.description-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width: 760px){.description-summary{left:max(10px,env(safe-area-inset-left));width:min(310px,100% - 20px);padding:7px 9px}.description-summary-general{top:43px}.description-summary-step{bottom:10px}.description-summary-label{font-size:8px}.description-summary-preview{font-size:11px;-webkit-line-clamp:1}}@media(max-height: 520px)and (orientation: landscape){.description-summary{width:min(310px,100% - 20px);padding:5px 8px}.description-summary-general{top:38px}.description-summary-step{bottom:7px}.description-summary-label{font-size:8px}.description-summary-preview{font-size:10px;-webkit-line-clamp:1}}.history-controls{display:flex;align-items:center;gap:4px}.history-controls button{white-space:nowrap}.history-controls button:disabled{opacity:.38;cursor:not-allowed;background:var(--panel);color:var(--muted)}@media(max-width: 760px){.history-controls{gap:3px}.history-controls button{min-width:40px;min-height:40px;padding:6px}}.step-commands{display:flex;align-items:center;gap:6px;padding:0 10px;border-left:1px solid var(--border)}.step-commands button{white-space:nowrap}.add-step-button{font-weight:700}.delete-step-button{width:auto;margin:0;padding:7px 9px;color:#ffdce0;border-color:#803846;background:#3a1f27}.delete-step-button:hover{background:#542631;border-color:#e26b80}.delete-step-button[hidden]{display:none}@media(max-width: 760px){.step-commands{gap:4px;padding:0 6px}.step-commands button{min-height:42px;padding:6px 9px;font-size:12px}.delete-step-button{min-width:42px}}#app.inspector-closed .workspace{grid-template-columns:183px minmax(420px, 1fr)}#app.inspector-closed .inspector{display:none}.inspector-close{float:right;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:2px 7px;margin:-4px 0 8px 8px;color:var(--muted);font-size:20px;line-height:1;background:rgba(0,0,0,0)}.inspector-close:hover{color:var(--text);border-color:#4c6078}.inspector-toggle{color:var(--muted);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.inspector-toggle:hover{color:var(--text);background:var(--panel2);border-color:var(--border)}.timeline{align-items:center}.steps{align-self:stretch}.step-commands{align-self:stretch;display:flex;align-items:center;gap:7px}.step-commands button{height:40px;margin:0;display:inline-flex;align-items:center;justify-content:center}.add-step-button{padding-inline:14px;box-shadow:inset 0 0 0 1px #42aaf0}.delete-step-button{padding-inline:11px;box-shadow:none}@media(max-width: 760px){#app.inspector-closed .inspector{display:none}.inspector-close{position:sticky;float:right;top:0;z-index:1;min-width:40px;min-height:40px;margin:-6px 0 8px auto;background:var(--panel2);font-size:24px}.timeline{align-items:center}.step-commands{align-self:stretch;padding:0 6px}.step-commands button{height:42px;min-height:42px}.inspector-toggle{min-width:40px}.history-controls{order:-1}}.starting-template-chooser{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:rgba(8,16,25,.8509803922);backdrop-filter:blur(7px);overflow:auto}.starting-template-chooser[hidden]{display:none}.starting-template-panel{width:min(860px,100%);padding:28px;border:1px solid #3a536b;border-radius:14px;background:#141e29;box-shadow:0 24px 65px rgba(0,0,0,.7333333333)}.starting-template-panel p{margin:0;color:#aab9c7}.starting-template-panel h1{margin:5px 0 4px;font-size:25px}.starting-template-panel>p:first-child{color:#70c8ff;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1px}.starting-template-cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:13px;margin-top:22px}.starting-template-card{min-height:170px;padding:12px;text-align:left;background:#1b2937;border-color:#415a70;display:flex;flex-direction:column;gap:10px}.starting-template-card:hover{border-color:#6fc6f7;background:#203547}.starting-template-card strong{font-size:14px}.mini-court{position:relative;display:block;height:112px;border:2px solid #d8c69e;border-radius:4px;background:#b7783f;overflow:hidden}.mini-court:after{content:"";position:absolute;left:27%;right:27%;bottom:-18px;height:42px;border:2px solid #e9dec6;border-radius:50% 50% 0 0}.mini-player{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%, 50%);border:1px solid #fff}.mini-player.offense{background:#198fe3}.mini-player.defense{background:#e34b50}@media(max-width: 650px){.starting-template-chooser{place-items:start center;padding:14px}.starting-template-panel{padding:18px}.starting-template-cards{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.starting-template-card{min-height:145px}.mini-court{height:88px}}.mini-court{display:block;width:100%;height:112px;border-radius:4px;background:#b7783f}.court-floor{fill:#b7783f}.court-line{fill:none;stroke:#f7eee0;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mini-court .mini-player{stroke:#fff;stroke-width:1.1}.mini-court .mini-ball{fill:#d66a22;stroke:#5d270c;stroke-width:.7}@media(max-width: 650px){.mini-court{height:88px}}.mini-court{display:block;width:100%;height:112px;border-radius:4px;background:#14202a}.mini-court .court-floor{fill:#b7783f;stroke:#f7eee0;stroke-width:.11}.mini-court .court-line{fill:none;stroke:#f7eee0;stroke-width:.11;stroke-linecap:round;stroke-linejoin:round}.mini-court .court-board{stroke:#f7eee0;stroke-width:.16}.mini-court .court-rim{fill:none;stroke:#e36627;stroke-width:.12}.mini-court .offense{fill:#198fe3}.mini-court .defense{fill:#e34b50}.mini-court .mini-ball{fill:#d66a22;stroke:#5d270c;stroke-width:.07}.mini-court .mini-player{position:static;width:auto;height:auto;border:0;border-radius:0;transform:none}.mini-court .mini-player{stroke:#fff;stroke-width:.1}.mini-court:after{content:none}.zone-shapes{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:5px;margin:-2px 0 8px;max-width:100%}.zone-shapes button{min-width:0;padding:6px 3px;font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.zone-editor{margin:0 0 10px;padding:8px;border:1px solid var(--border);border-radius:5px;background:#111820}.zone-editor input{width:100%;padding:6px;margin-bottom:2px;background:#0b1118;color:var(--text);border:1px solid var(--border);border-radius:4px}.zone-text-counter{text-align:right;color:var(--muted);font-size:11px;margin:0 0 6px}.zone-editor #zone-colors{display:flex;flex-wrap:wrap;gap:4px}.zone-editor [data-zone-color]{font-size:0;width:22px;height:22px;padding:0;border-radius:50%}.zone-editor [data-zone-color=red]{background:#e34b50}.zone-editor [data-zone-color=orange]{background:#f08a3e}.zone-editor [data-zone-color=yellow]{background:#ffc928}.zone-editor [data-zone-color=green]{background:#20b878}.zone-editor [data-zone-color=blue]{background:#299be8}.zone-editor [data-zone-color=purple]{background:#9567d8}.zone-editor .danger{margin-top:8px}.tools-panel{overflow-x:hidden}@media(max-width: 1100px){.zone-shapes{grid-template-columns:repeat(2, minmax(0, 1fr))}.zone-shapes button{min-height:38px}}@media(max-width: 360px){.zone-shapes{grid-template-columns:1fr}}.camera-controls{display:flex;gap:5px;margin:0 0 10px}.camera-controls button{flex:1;min-height:36px;padding:6px;font-size:18px}.camera-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width: 760px){.camera-controls button{min-height:44px}}.camera-controls{position:absolute;z-index:10;right:14px;bottom:14px;display:flex;gap:3px;padding:4px;border:1px solid #405365;background:rgba(16,24,32,.9098039216);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.4666666667);pointer-events:auto}.camera-controls button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:0;border-radius:5px;background:rgba(0,0,0,0);font-size:16px;line-height:1;color:#dce8f2}.camera-controls button:hover{background:#2a3949;color:#fff}.camera-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(max-width: 760px){.camera-controls{right:max(10px,env(safe-area-inset-right));bottom:10px;padding:5px;gap:4px}.camera-controls button{width:42px;height:42px;min-width:42px;min-height:42px;font-size:18px}}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-logo{width:30px;height:30px;object-fit:contain}.brand-name{font-weight:800;letter-spacing:-0.2px}.dashboard-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.dashboard-button:hover{color:var(--text);background:var(--panel2);border-color:var(--border)}.dashboard-button[hidden]{display:none}@media(max-width: 760px){.brand-logo{width:25px;height:25px}.dashboard-button{min-width:auto !important;padding:6px !important;font-size:12px !important}.topbar:has(.dashboard-button:not([hidden])){gap:5px}}@media(max-width: 430px){.brand-name,.dashboard-button [data-dashboard-label]{display:none}.brand{font-size:inherit}.dashboard-button{min-width:32px !important;padding:5px !important;font-size:17px !important}}.palette-tool{display:flex;align-items:center;gap:9px;cursor:grab}.palette-tool:active,.palette-dragging .palette-tool{cursor:grabbing}.palette-icon{width:19px;height:19px;display:inline-grid;place-items:center;flex:0 0 19px;font-size:18px;line-height:1}.palette-tool .palette-offense{color:#35a9ff;text-shadow:0 0 0 #fff}.palette-tool .palette-defense{color:#ff6572}.palette-tool .palette-coach{color:#9bdeff;font-size:15px}.palette-tool .palette-ball{color:#f08a3e;text-shadow:0 0 2px #54220a}.palette-tool .palette-cone{color:#ffc14a;font-size:16px}.palette-drag-ghost{position:fixed;z-index:200;transform:translate(-50%, -50%);pointer-events:none;opacity:.78;filter:drop-shadow(0 3px 4px rgba(0, 0, 0, 0.5333333333));font-size:28px}.palette-drag-ghost.valid-drop{opacity:1;filter:drop-shadow(0 0 6px #65d7a8)}.diagram-setup-panel{max-width:760px}.diagram-setup-panel h2{margin:18px 0 8px;font-size:12px;color:var(--muted)}.setup-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.setup-cards button{min-height:74px;text-align:left;font-size:19px}.setup-cards strong{display:block;margin-top:6px;font-size:14px}.setup-cards button.active,.setup-themes button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.setup-themes{display:grid;grid-template-columns:repeat(5, 1fr);gap:7px}.setup-themes button{min-height:62px;padding:6px;font-size:10px}.setup-themes i{display:block;height:23px;margin-bottom:5px;border-radius:4px;background:#c88b45;border:1px solid #f7eee0}.setup-themes [data-setup-theme=high-contrast] i{background:#e6e6e6}.setup-themes [data-setup-theme=blue-court] i{background:#3f7290}.setup-themes [data-setup-theme=dark-court] i{background:#30363d}.diagram-setup-panel footer{display:flex;justify-content:flex-end;margin-top:20px}.structural-control,.field-label:has(#editor-mode),.field-label:has(#court-mode),.theme-label,#theme-select{display:none !important}@media(max-width: 760px){.diagram-setup-panel{max-height:92dvh;overflow:auto}.setup-themes{grid-template-columns:repeat(3, 1fr)}}.preset-back{margin:0 0 12px;padding:6px 10px;color:var(--muted)}.setup-cards .setup-kind-icon{display:block;width:64px;height:40px;margin:0 0 4px}.setup-kind-icon svg{width:100%;height:100%;fill:none;stroke:#9ed5ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.setup-kind-icon circle{fill:#35a9ff;stroke:#dff3ff}.setup-kind-icon .drill-ball{fill:#f08a3e;stroke:#ffd1a5}.setup-cards [data-setup-mode=drill] svg{stroke:#ffd36b}.action-delay-control[hidden]{display:none !important}.action-delay-control{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:#141b23;color:var(--text);font-size:12px;font-weight:700}.action-delay-control button{width:38px;min-height:38px;padding:2px;font-size:18px;line-height:1}.action-delay-control output{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.variant-section{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.variant-section .panel-heading{margin-bottom:7px}.variant-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(72px, 1fr));gap:6px;max-width:100%;overflow:hidden}.variant-actions .tool-button{min-width:0;max-width:100%;box-sizing:border-box;margin:0;padding:7px 4px;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.2}.variant-section[hidden]{display:none}.camera-widget{position:absolute;z-index:10;right:14px;bottom:14px;pointer-events:none}.camera-widget .camera-controls{position:static;margin:0;pointer-events:auto}.camera-widget .viewport-help{position:static;display:block;margin-top:5px;padding:0;border:0;background:rgba(0,0,0,0);text-align:center;color:var(--muted);font-size:10px;letter-spacing:0;white-space:nowrap}@media(max-width: 760px){.camera-widget{right:max(10px,env(safe-area-inset-right));bottom:10px}.camera-widget .viewport-help{display:block}}.editor-welcome-dialog[hidden]{display:none}.editor-welcome-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(7,16,24,.8509803922)}.editor-welcome-panel{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:30px;border:1px solid #42647e;border-radius:15px;background:linear-gradient(145deg, #172635, #101922);box-shadow:0 24px 72px rgba(0,0,0,.8)}.editor-welcome-beta{display:inline-block;margin-bottom:13px;padding:3px 8px;border:1px solid #5ba6d0;border-radius:999px;background:#1c4158;color:#b9e6ff;font-size:10px;font-weight:800;letter-spacing:1.1px}.editor-welcome-panel h1{margin:0 0 15px;font-size:25px;line-height:1.18;color:#f4f8fb}.editor-welcome-panel p{margin:0 0 13px;color:#c0d0dc;font-size:14px;line-height:1.55;white-space:pre-line}.editor-welcome-panel .editor-welcome-contact{margin:17px 0 22px;font-weight:700}.editor-welcome-contact a{color:#83cefb;text-decoration:underline;text-underline-offset:3px}.editor-welcome-panel button{min-height:42px;padding-inline:18px;font-weight:800}.editor-welcome-panel button:focus-visible,.editor-welcome-contact a:focus-visible{outline:2px solid #9ed5ff;outline-offset:3px}@media(max-width: 760px){.editor-welcome-dialog{padding:12px}.editor-welcome-panel{padding:24px 19px;border-radius:13px}.editor-welcome-panel h1{font-size:22px}.editor-welcome-panel button{width:100%;min-height:46px}.editor-welcome-panel p{font-size:14px}}.save-actions{display:flex;gap:6px;padding-left:8px;border-left:1px solid var(--border)}.save-actions button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.save-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.save-private{color:#d9e4ee}.save-publish{font-weight:700}.save-actions button:disabled{opacity:.62;cursor:wait}.publish-success-dialog[hidden]{display:none}.publish-success-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(7,16,24,.7215686275)}.publish-success-panel{width:min(440px,100%);padding:28px;border:1px solid #3b5971;border-radius:14px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.6666666667);text-align:center}.publish-success-icon{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#153e32;color:#69d5a3}.publish-success-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.publish-success-panel h2{margin:0 0 9px;font-size:21px}.publish-success-panel p{margin:0;color:var(--muted);line-height:1.5}.publish-share-prompt{margin-top:18px !important;color:var(--text) !important;font-weight:600}.publish-share-actions{display:grid;grid-template-columns:repeat(4, 1fr) minmax(0, 1.5fr);gap:7px;margin-top:12px}.publish-share-actions button{min-height:39px;padding:5px;display:grid;place-items:center;font-weight:700}.publish-share-actions button:disabled{opacity:.42;cursor:not-allowed}.publish-share-actions button span{font-size:15px}.publish-share-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.publish-share-actions #copy-publish-link{display:flex;gap:5px;font-size:11px}.publish-native-share{width:100%;margin-top:9px}.publish-brand{margin-top:16px !important;font-size:11px}.publish-success-panel>.primary{margin-top:16px;min-width:110px}.publish-success-panel>.primary:focus-visible,.publish-share-actions button:focus-visible,.save-actions button:focus-visible{outline:2px solid #9ed5ff;outline-offset:2px}@media(max-width: 760px){.save-actions{padding-left:0;border-left:0}.save-actions button{min-height:38px;padding:6px 8px;font-size:11px}.save-actions svg{width:15px;height:15px}.publish-success-panel{padding:23px 18px}.publish-share-actions{grid-template-columns:repeat(4, 1fr)}.publish-share-actions #copy-publish-link{grid-column:span 2}.publish-share-actions button{min-height:42px}}.editor-welcome-dialog{z-index:260}.guest-auth-dialog[hidden]{display:none}.guest-auth-dialog{position:fixed;z-index:270;inset:0;display:grid;place-items:center;padding:18px;background:rgba(7,16,24,.8509803922)}.guest-auth-panel{width:min(460px,100%);padding:27px;border:1px solid #42647e;border-radius:14px;background:linear-gradient(145deg, #172635, #101922);box-shadow:0 24px 72px rgba(0,0,0,.8);text-align:center}.guest-auth-panel h2{margin:0 0 11px;font-size:22px}.guest-auth-panel p{margin:0;color:#c0d0dc;font-size:14px;line-height:1.55}.guest-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 9px}.guest-auth-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--border);border-radius:6px;color:var(--text);font-weight:800;text-decoration:none}.guest-auth-actions .primary{border-color:var(--accent);background:var(--accent);color:#071018}.guest-auth-continue,.guest-auth-leave{display:inline-block;margin-top:8px;border:0;background:rgba(0,0,0,0);color:var(--muted);font-weight:600;text-decoration:none}.guest-auth-leave{color:#c9a89f}.guest-auth-actions a:focus-visible,.guest-auth-continue:focus-visible,.guest-auth-leave:focus-visible{outline:2px solid #9ed5ff;outline-offset:3px}@media(max-width: 460px){.guest-auth-dialog{padding:12px}.guest-auth-panel{padding:23px 18px}.guest-auth-actions{grid-template-columns:1fr}.guest-auth-actions a,.guest-auth-continue{min-height:44px;width:100%}}.publish-success-panel{position:relative;max-height:calc(100dvh - 36px);overflow:auto}.publish-success-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border:0;background:rgba(0,0,0,0);color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.publish-success-close:hover{color:var(--text);background:hsla(0,0%,100%,.0705882353)}.publish-sharing{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.publish-sharing h3{margin:0;font-size:15px}.publish-share-prompt{margin-top:5px !important;font-size:13px;font-weight:400 !important}.publish-share-actions{grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:13px}.publish-share-actions button{min-width:0;padding:8px 6px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:12px}.publish-share-actions button span:first-child{font-size:15px}.publish-share-actions #copy-publish-link{grid-column:1/-1;justify-self:center;width:min(100%,190px);font-size:12px}.publish-native-share{margin-top:9px}#publish-dashboard-button{width:100%;margin-top:20px;min-height:42px;font-weight:700}.publish-continue{margin-top:8px;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--muted);font-weight:600}.publish-continue:hover{color:var(--text);background:hsla(0,0%,100%,.0509803922)}.publish-brand{margin-top:13px !important}.publish-success-close:focus-visible,.publish-continue:focus-visible,#publish-dashboard-button:focus-visible{outline:2px solid #9ed5ff;outline-offset:2px}@media(max-width: 460px){.publish-success-dialog{padding:10px}.publish-success-panel{padding:23px 15px}.publish-share-actions{grid-template-columns:repeat(2, minmax(0, 1fr))}.publish-share-actions #copy-publish-link{grid-column:1/-1}.publish-share-actions button{min-height:42px}}.step-image-preview-dialog[hidden]{display:none}.step-image-preview-dialog{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:18px;background:rgba(7,16,24,.7803921569)}.step-image-preview-panel{position:relative;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:26px;border:1px solid #3b5971;border-radius:14px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.6666666667);overflow:auto}.step-image-preview-panel h2{margin:0 36px 5px 0;font-size:21px}.step-image-preview-panel>p{margin:0;color:var(--muted)}.step-image-preview-x{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border:0;background:rgba(0,0,0,0);color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.step-image-preview-x:hover{color:var(--text);background:hsla(0,0%,100%,.0705882353)}.step-image-preview-list{display:grid;gap:18px;margin:20px 0}.step-image-preview-list article{padding:14px;border:1px solid var(--border);border-radius:10px;background:#08131d}.step-image-preview-list h3{margin:0 0 9px;font-size:14px}.step-image-preview-list img{display:block;width:100%;height:auto;border-radius:6px;background:#111;aspect-ratio:1.6;object-fit:contain}.step-image-preview-list p{margin:8px 0;color:var(--muted);font-size:12px}.step-image-preview-list button{min-height:36px;font-size:12px}.step-image-preview-x:focus-visible,.step-image-preview-list button:focus-visible{outline:2px solid #9ed5ff;outline-offset:2px}@media(min-width: 680px){.step-image-preview-list{grid-template-columns:repeat(2, minmax(0, 1fr))}.step-image-preview-list article{min-width:0}}@media(max-width: 460px){.step-image-preview-dialog{padding:10px}.step-image-preview-panel{padding:20px 14px}}.view-mode-toggle{display:flex;gap:2px;margin:0 0 6px;padding:3px;border:1px solid #405365;background:rgba(16,24,32,.9098039216);border-radius:8px;pointer-events:auto}.view-mode-toggle button{min-width:37px;min-height:30px;padding:4px 8px;border:0;border-radius:5px;background:rgba(0,0,0,0);color:#b7c6d4;font-weight:700;font-size:12px}.view-mode-toggle button.active{background:var(--accent);color:#071018}.view-mode-toggle button:hover:not(.active){background:#2a3949;color:#fff}.view-mode-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(max-width: 760px){.view-mode-toggle{padding:4px;gap:3px}.view-mode-toggle button{min-width:44px;min-height:38px}}.camera-widget .camera-controls[hidden],.camera-widget .viewport-help[hidden]{display:none}@media(max-width: 760px){:root{--mobile-header-height:112px;--mobile-action-height:112px;--mobile-timeline-height:62px}.topbar{display:grid;grid-template-columns:auto auto minmax(0, 1fr) auto auto;grid-template-areas:"brand dashboard title status panels" "actions actions actions actions actions";align-items:center;gap:5px;padding:calc(6px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));min-height:var(--mobile-header-height)}.brand{grid-area:brand;display:flex;min-width:25px}.brand-name{display:none}.dashboard-button{grid-area:dashboard;min-width:36px !important;min-height:40px !important;padding:5px !important}.project-name{grid-area:title;min-width:0;text-align:left}.project-title{display:block;max-width:100% !important;min-width:0;padding:6px 4px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-panel-buttons{grid-area:panels;display:flex;gap:3px}.mobile-panel-buttons button{min-width:40px;min-height:40px;padding:5px}.save-status{grid-area:status;min-width:24px;min-height:40px;padding:4px;justify-content:center}#save-status-label{display:none}.save-status button{position:absolute;right:8px;top:52px;z-index:2;min-height:36px;background:var(--panel)}.top-actions{grid-area:actions;display:grid;grid-template-columns:44px 44px minmax(0, 1fr) minmax(0, 1fr);gap:5px;margin:0;min-width:0}.history-controls,.save-actions{display:contents}.top-actions .theme-label,.top-actions select,.top-actions .inspector-toggle,#preview-video-button{display:none !important}.top-actions button,.history-controls button,.save-actions button{display:flex;align-items:center;justify-content:center;min-width:0 !important;min-height:44px !important;margin:0;padding:6px !important;font-size:11px !important;line-height:1.1;white-space:nowrap}.history-controls button{font-size:0 !important}.history-controls button:first-letter{font-size:19px}.save-actions{padding:0;border:0}.save-actions button{gap:4px}.save-actions svg{width:15px;flex:0 0 15px}.save-actions button span{overflow:hidden;text-overflow:ellipsis}.workspace{height:calc(100dvh - var(--mobile-header-height) - var(--mobile-action-height) - var(--mobile-timeline-height) - env(safe-area-inset-top));min-height:220px}.timeline{height:var(--mobile-timeline-height);bottom:calc(var(--mobile-action-height) + env(safe-area-inset-bottom))}.mobile-action-bar{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:repeat(2, 44px);height:calc(var(--mobile-action-height) + env(safe-area-inset-bottom));padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px;align-items:stretch;overflow:hidden}.mobile-action-bar button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:5px 3px;font-size:11px;line-height:1.1;text-align:center;white-space:normal}.mobile-action-bar #cancel-pass-button:not([hidden]){position:absolute;z-index:2;inset:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:auto;height:44px;background:#3a1f27;border-color:#a85a4b}.title-editor{top:max(6px,env(safe-area-inset-top));left:6px;right:6px;width:auto;min-width:0}.title-editor input{min-width:0}.title-editor button{min-height:44px}.editor-toast{top:calc(var(--mobile-header-height) + env(safe-area-inset-top) + 8px)}}@media(max-width: 430px){.topbar{grid-template-columns:auto auto minmax(0, 1fr) auto;grid-template-areas:"brand dashboard title panels" "actions actions actions actions"}.save-status,.dashboard-button [data-dashboard-label]{display:none}.mobile-panel-buttons button{min-width:38px}.top-actions{grid-template-columns:42px 42px minmax(0, 1fr) minmax(0, 1fr);gap:4px}.save-actions button{font-size:10px !important}.save-actions svg{display:none}}@media(max-height: 520px)and (orientation: landscape){:root{--mobile-header-height:52px;--mobile-action-height:54px;--mobile-timeline-height:0px}.topbar{grid-template-columns:auto auto minmax(0, 1fr) auto;grid-template-areas:"brand dashboard title panels";min-height:var(--mobile-header-height);padding-top:4px;padding-bottom:4px}.top-actions,.save-status{display:none}.mobile-action-bar{grid-template-columns:repeat(6, minmax(0, 1fr));grid-template-rows:42px;height:calc(var(--mobile-action-height) + env(safe-area-inset-bottom));padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));gap:4px}.mobile-action-bar button{min-height:42px;font-size:10px}.timeline{display:none}.workspace{height:calc(100dvh - var(--mobile-header-height) - var(--mobile-action-height) - env(safe-area-inset-top));min-height:180px}}.save-status{display:inline-flex;align-items:center;gap:6px;min-width:142px;min-height:34px;padding:5px 8px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.save-status-icon{width:9px;height:9px;border-radius:50%;background:#6f8292}.save-status[data-state=saving] .save-status-icon,.save-status[data-state=updating] .save-status-icon{background:#77bdf0;animation:save-status-pulse 1s ease-in-out infinite}.save-status[data-state=unsaved] .save-status-icon{background:#f0b85b}.save-status[data-state=failed]{color:#ff9a8f}.save-status[data-state=failed] .save-status-icon{background:#ef6d61}.save-status[data-state=saved] .save-status-icon{background:#69d5a3}.save-status button{min-height:28px;padding:3px 7px;border-color:#a85a4b;color:#ffd1c9;font-size:11px}.save-status button[hidden]{display:none}@keyframes save-status-pulse{50%{opacity:.35}}.is-publishing .workspace{pointer-events:none;opacity:.78}@media(max-width: 900px){.save-status{min-width:120px;padding-inline:5px;font-size:11px}}@media(max-width: 760px){.save-status{order:3;min-width:0}.save-status-icon{width:8px;height:8px}.save-status button{min-height:34px}}.editor-load-error{width:min(560px,100% - 32px);margin:64px auto;padding:18px 20px;border:1px solid #a85a4b;border-radius:10px;background:#2a1716;color:#ffe5df;font-weight:700;line-height:1.45}.history-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}@media(max-width: 760px){.topbar{grid-template-columns:auto auto minmax(0, 1fr) auto;grid-template-areas:"brand dashboard title panels" "actions actions actions actions"}.save-status{display:none !important}.top-actions{grid-template-columns:44px 44px minmax(96px, 1fr) minmax(96px, 1fr)}.history-controls button{font-size:0 !important}.history-controls .history-icon,#undo-button .history-icon,#redo-button .history-icon{display:block !important;width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;visibility:visible !important;opacity:1 !important;fill:none !important;stroke:currentColor !important;stroke-width:2 !important}.history-controls .history-label{display:none}.save-actions button{font-size:12px !important;padding:6px 8px !important}.save-actions svg{display:block !important;width:16px !important;flex:0 0 16px}.save-actions button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace{min-height:0}.description-editor{bottom:calc(var(--mobile-action-height) + var(--mobile-timeline-height) + env(safe-area-inset-bottom));max-height:calc(100dvh - var(--mobile-header-height) - var(--mobile-action-height) - var(--mobile-timeline-height) - 16px)}.description-summary-step{bottom:8px}}@media(max-width: 430px){.top-actions{grid-template-columns:42px 42px minmax(0, 1fr) minmax(0, 1fr)}.save-actions button{font-size:11px !important;padding:6px 5px !important}.save-actions svg{display:block !important;width:15px !important;flex-basis:15px}}@media(max-height: 520px)and (orientation: landscape){:root{--mobile-header-height:100px}.topbar{grid-template-columns:auto auto minmax(0, 1fr) auto;grid-template-areas:"brand dashboard title panels" "actions actions actions actions";min-height:var(--mobile-header-height)}.top-actions{display:grid}.description-editor{bottom:calc(var(--mobile-action-height) + env(safe-area-inset-bottom));max-height:calc(100dvh - var(--mobile-header-height) - var(--mobile-action-height) - 12px)}}.preview-video-button{white-space:nowrap;color:#b9d8eb;background:#182633;border-color:#3b6079}.preview-video-button:hover{border-color:#67bce9}.preview-video-button:disabled{opacity:.62;cursor:wait}.video-preview-dialog[hidden]{display:none}.video-preview-dialog{position:fixed;z-index:86;inset:0;display:grid;place-items:center;padding:18px;background:rgba(7,16,24,.7803921569)}.video-preview-panel{position:relative;width:min(780px,100%);max-height:calc(100dvh - 36px);padding:26px;border:1px solid #3b5971;border-radius:14px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.6666666667);overflow:auto;text-align:center}.video-preview-panel h2{margin:0 36px 16px 0;font-size:21px;text-align:left}.video-preview-panel video{display:block;width:100%;max-height:min(62dvh,520px);border-radius:8px;background:#071018;object-fit:contain}.video-preview-meta{margin:11px 0 16px;color:var(--muted);font-size:12px}.video-preview-panel>button:not(.video-preview-x){min-height:38px;margin:0 4px}.video-preview-x{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border:0;background:rgba(0,0,0,0);color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.video-preview-x:hover{color:var(--text);background:hsla(0,0%,100%,.0705882353)}.video-preview-x:focus-visible,.video-preview-panel>button:focus-visible,.preview-video-button:focus-visible{outline:2px solid #9ed5ff;outline-offset:2px}@media(max-width: 760px){.preview-video-button{min-height:38px;padding:6px 8px;font-size:11px !important}.video-preview-dialog{padding:10px}.video-preview-panel{padding:22px 14px}.video-preview-panel>button:not(.video-preview-x){display:block;width:100%;margin:8px 0 0;min-height:42px}}.step-image-preview-list{display:block;margin:20px 0}.step-image-preview-group{margin:0 0 22px}.step-image-preview-group>h3{margin:0 0 9px;font-size:14px}.step-image-preview-views{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}.step-image-preview-views article{min-width:0}.step-image-preview-views h4{margin:0 0 8px;font-size:12px;letter-spacing:.7px;color:#8ebfde}.step-image-preview-views img{aspect-ratio:auto;min-height:150px;object-fit:contain}@media(max-width: 640px){.step-image-preview-views{grid-template-columns:1fr}.step-image-preview-views img{min-height:0}}