:root{--bg:#f5f7f3;--ink:#17221b;--muted:#657066;--panel:#fff;--panel-strong:#edf2ec;--line:#d8e1d6;--field:#238747;--field-dark:#1f7640;--field-light:#2e9c55;--team-a:#f04438;--team-b:#2563eb;--team-c:#facc15;--cone:#f97316;--ball:#f7f2df;--accent:#1a7f45;--accent-strong:#105d31;--danger-bg:#fdecec;--danger-bg-strong:#fbd7d5;--danger-line:#f5b5b1;--danger-ink:#9f2f28;--shadow:0 18px 48px #1b2a1f24}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:20px}.board-header h1{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.05}.board-header p{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.45}.brand-lockup{color:var(--ink);grid-template-columns:auto auto;align-items:center;gap:8px;display:inline-grid}.brand-mark{width:75px;height:auto;overflow:visible}.brand-frame-back{fill:#a9d2b0}.brand-frame-front{fill:url(#brand-field-gradient);stroke:var(--accent-strong);stroke-width:6px}.brand-field-line{fill:none;stroke:#effaf0;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.brand-mark-text{fill:#fff;letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:900}.brand-wordmark{gap:2px;line-height:1;display:grid}.brand-wordmark-acronym{color:var(--ink);letter-spacing:0;font-size:20px;font-weight:900}.brand-wordmark-name{color:var(--muted);gap:2px;font-size:11px;font-weight:800;line-height:1.1;display:grid}.editor-shell{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px);align-items:start;gap:16px;min-height:calc(100vh - 40px);display:grid}.editor-main{flex-direction:column;gap:14px;min-width:0;display:flex}.side-stack{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:8px;max-height:calc(100vh - 40px);display:flex;position:sticky;top:20px;overflow-y:auto}.board-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.ghost-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:0 0;border-radius:8px;padding:0 14px;font-size:14px;font-weight:800}.field-panel{min-height:0;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 45%,#ffffff29,#0000 42%),#dfe8dc;border:1px solid #0b3d222e;border-radius:8px;flex:1;place-items:center;padding:16px;display:grid;position:relative;overflow:hidden}.field-panel.whiteboard-active{box-shadow:var(--shadow), 0 0 0 3px #1a7f4524;border-color:#1a7f4585}.whiteboard-pill{z-index:2;color:var(--accent-strong);pointer-events:none;background:#fffffff0;border:1px solid #1a7f4547;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;line-height:1;position:absolute;top:12px;left:12px;box-shadow:0 10px 24px #1b2a1f24}.field-zoom-reset-button{z-index:3;min-height:36px;color:var(--accent-strong);background:#fffffff0;border:1px solid #1a7f4547;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:850;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 10px 24px #1b2a1f24}.coach-mode-button{z-index:3;min-height:38px;color:var(--accent-strong);background:#fffffff0;border:1px solid #1a7f4547;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:850;line-height:1;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 24px #1b2a1f24}.field-stage{aspect-ratio:100/65;place-items:center;width:min(100%,153.846vh - 230.769px);display:grid;position:relative;container-type:size}.field-stage-portrait{aspect-ratio:65/100;width:min(100%,65vh - 97.5px)}.field-canvas{filter:drop-shadow(0 18px 30px #0e2e1c33);width:100%;height:100%;max-height:none}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.library-panel,.setup-panel,.timeline-panel,.export-panel,.context-panel,.narration-panel{padding:12px}.setup-panel{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}.panel-heading{gap:4px;margin-bottom:10px;display:grid}.panel-heading.compact{grid-template-columns:1fr auto;align-items:end}.panel h2,.panel p{margin:0}.panel h2{font-size:18px;line-height:1.2}.panel h3{text-transform:uppercase;margin:0;font-size:13px;line-height:1.2}.panel p{color:var(--muted);font-size:13px;line-height:1.45}.collapsible-panel-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:30px;list-style:none;display:grid}.collapsible-panel-summary::-webkit-details-marker{display:none}.collapsible-panel-title{gap:2px;min-width:0;display:grid}.collapsible-panel-title h2,.collapsible-panel-title p{margin:0}.collapsible-panel-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collapsible-panel-meta{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800;line-height:1.4}.collapsible-panel-chevron{color:var(--muted);transition:transform .16s}.collapsible-panel[open] .collapsible-panel-chevron{transform:rotate(180deg)}.collapsible-panel-body{gap:8px;padding-top:8px;display:grid}.setup-section{border-top:1px solid var(--line);padding:0;display:block}.setup-section:first-of-type{border-top:0}.setup-drawer-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;list-style:none;display:grid}.setup-drawer-summary::-webkit-details-marker{display:none}.setup-drawer-summary h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.setup-drawer-meta{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2}.setup-drawer-chevron{color:var(--muted);transition:transform .16s}.setup-drawer[open] .setup-drawer-chevron{transform:rotate(180deg)}.setup-drawer-body{gap:10px;padding:0 0 14px;display:grid}.field-choice,.orientation-choice,.speed-choice,.control-grid,.library-actions,.timeline-actions{gap:8px;display:grid}.control-grid,.field-choice{grid-template-columns:1fr}.orientation-choice{grid-template-columns:1fr 1fr}.speed-control{gap:6px;display:grid}.control-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.speed-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button,.orientation-button,.speed-button,.toggle-button,.team-button,.primary-button,.file-upload-button,.timeline-actions button,.small-button,.export-button,.secondary-export-button{border:1px solid var(--line);background:var(--panel-strong);min-height:42px;color:var(--ink);border-radius:8px;font-size:14px;font-weight:700}.choice-button.selected,.orientation-button.selected,.speed-button.selected,.toggle-button.selected,.primary-button,.export-button{border-color:var(--accent);background:var(--accent);color:#fff}.toggle-button{width:100%}.team-button.team-a{background:#f044381a;border-color:#f0443847}.team-button.team-b{background:#2563eb1a;border-color:#2563eb47}.team-button.team-c{background:#facc152e;border-color:#facc1580}.cone-button{background:#f973161f;border-color:#f9731657}.net-button{background:#64748b1a;border-color:#47556942}.ball-button{color:#111a14;background:linear-gradient(135deg,#fffffffa 0 44%,#dee2dcf2 44% 56%,#fffffffa 56%),#f8faf7;border-color:#17221b57}.actor-list{gap:8px;display:grid}.actor-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.actor-row-main{grid-template-columns:minmax(0,1fr) minmax(66px,auto);align-items:center;gap:8px;min-width:0;display:grid}.actor-chip{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;min-width:0;max-width:100%;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.actor-chip.team-a{background:var(--team-a)}.actor-chip.team-b{background:var(--team-b)}.actor-chip.team-c{background:var(--team-c);color:var(--ink)}.actor-chip.ball{background:var(--ball);color:#3d3723;border:1px solid #d1c48d}.actor-chip.cone{background:var(--cone)}.actor-chip.net{color:#334155;background:#f8fafc;border:1px solid #47556952}.small-button{min-height:34px;padding:0 10px;font-size:12px}.icon-only-button{border:1px solid var(--line);background:var(--panel-strong);width:34px;min-height:34px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.rotation-control{grid-template-columns:34px 42px 34px;align-items:center;gap:4px;min-width:0;display:inline-grid}.actor-row-main .rotation-control{grid-column:1/-1;justify-self:start}.rotation-control span{color:var(--muted);text-align:center;font-size:12px;font-weight:850}.label-input{border:1px solid var(--line);min-width:0;min-height:34px;color:var(--ink);text-align:center;text-transform:uppercase;background:#fff;border-radius:8px;padding:0 8px;font-size:12px;font-weight:850}.label-input:focus{border-color:var(--accent);outline-offset:1px;outline:2px solid #1a7f452e}.library-panel{gap:10px;display:grid}.library-save-group{gap:6px;display:grid}.title-input{border:1px solid var(--line);min-width:0;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-size:14px;font-weight:750}.title-input:focus{border-color:var(--accent);outline-offset:1px;outline:2px solid #1a7f452e}.library-actions{grid-template-columns:1fr}.library-list-section{border-top:1px solid var(--line);gap:8px;margin-top:0;padding-top:10px;display:grid}.library-list-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;display:grid}.library-list-heading h3,.library-list-heading p{margin:0}.library-list-heading h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-list-heading p{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2}.icon-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.file-upload-button{min-height:44px}.file-upload-button.disabled{cursor:not-allowed;opacity:.56;pointer-events:none}.drill-list{gap:6px;display:grid}.drill-row{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.drill-row.active{background:#1a7f450f;border-color:#1a7f456b}.drill-row-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px;list-style:none;display:grid}.drill-row-summary::-webkit-details-marker{display:none}.drill-title-line{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:1.25;overflow:hidden}.drill-row-chevron{color:var(--muted);transition:transform .16s}.drill-row[open] .drill-row-chevron{transform:rotate(180deg)}.drill-row-body{gap:6px;padding:0 8px 8px;display:grid}.drill-row-meta{color:var(--muted);font-size:13px;line-height:1.3}.drill-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.label-spacer{min-height:34px}.setup-new-board-button{width:100%}.empty-note,.selection-note{margin-top:12px}.frame-strip{grid-auto-columns:44px;grid-auto-flow:column;gap:6px;padding:8px 0;display:grid;overflow-x:auto}.frame-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-strong);min-width:0;min-height:44px;color:var(--ink);border-radius:8px;font-weight:800}.frame-tile.selected{border-color:var(--accent);background:var(--accent);color:#fff}.timeline-actions{grid-template-columns:1fr 1fr}.timeline-panel .timeline-actions{gap:6px}.timeline-actions.secondary{margin-top:0}.timeline-actions.secondary.single-action{grid-template-columns:1fr}.timeline-caption-editor{gap:6px;padding-top:4px;display:grid}.timeline-caption-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.caption-add-button,.caption-remove-button{border:1px solid var(--line);background:var(--panel-strong);min-height:34px;color:var(--ink);border-radius:8px;width:100%;padding:0 10px;font-size:12px;font-weight:800}button.danger-button{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-ink)}button.danger-button:hover:not(:disabled){background:var(--danger-bg-strong)}.danger-button{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-ink)}.danger-button:hover:not(:disabled){background:var(--danger-bg-strong)}.export-panel{gap:10px;display:grid}.export-actions{gap:6px;display:grid}.export-button{width:100%;min-height:52px;font-size:15px}.secondary-export-button{background:0 0;width:100%;min-height:44px;font-size:14px}.context-panel,.narration-panel,.context-fields{gap:8px;display:grid}.context-field{gap:6px;display:grid}.checkbox-control{min-height:34px;color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:850;line-height:1.2;display:inline-flex}.checkbox-control input{width:16px;height:16px;accent-color:var(--accent);margin:0}.context-textarea{resize:vertical;border:1px solid var(--line);width:100%;min-width:0;min-height:54px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:650;line-height:1.35}.context-textarea:focus{border-color:var(--accent);outline-offset:1px;outline:2px solid #1a7f452e}.intro-duration-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;display:grid}.intro-duration-value{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:850;line-height:1.2}.intro-duration-control{gap:6px;display:grid}.intro-duration-slider{width:100%;accent-color:var(--accent)}.intro-duration-scale{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:800;line-height:1.2;display:flex}.narration-box{gap:6px;display:grid}.narration-status-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;display:grid}.narration-countdown-pill{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:inline-grid}.narration-message{min-height:0}.narration-actions{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;display:grid}.narration-actions .primary-button{padding:0 10px}.presentation-overlay{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:14px}.presentation-overlay:before{content:"";background:#0a1f1361;position:absolute;inset:-14px}.intro-card-overlay{width:80%;height:80%;max-height:80%;color:var(--ink);background:linear-gradient(#fffffffa,#f7faf7f0);border:1px solid #ffffffb3;border-radius:8px;align-content:center;gap:20px;padding:clamp(18px,3.3vw,30px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #0a1f132e,inset 0 1px #fffc}.intro-card-header{text-align:center;justify-items:center;margin-top:-4px;display:grid}.intro-card-label{color:var(--accent);text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(10px,1.5vw,12px);font-weight:900;line-height:1.12}.intro-card-overlay h2{text-align:center;border-bottom:2px solid #1a7f4557;margin:0;padding-bottom:7px;font-size:clamp(26px,4.4vw,42px);line-height:1.08}.intro-card-sections{gap:0;display:grid}.intro-card-section{border-top:1px solid #1a7f4524;grid-template-columns:minmax(80px,.28fr) minmax(0,1fr);align-items:start;gap:12px;padding-block:9px;display:grid}.intro-card-section:first-child{border-top:0;padding-top:0}.intro-card-section:last-child{padding-bottom:0}.intro-card-text{color:#17221b;white-space:pre-line;margin:0;font-size:clamp(15px,2.4vw,21px);font-weight:600;line-height:1.34}.intro-card-empty{color:var(--muted);font-weight:700}.field-stage-landscape .intro-card-overlay{gap:14px;width:80%;height:80%;max-height:80%;padding:clamp(14px,2.4vw,24px)}.field-stage-landscape .intro-card-overlay h2{font-size:clamp(24px,3.6vw,36px)}.field-stage-landscape .intro-card-section{padding-block:7px}.field-stage-landscape .intro-card-text{font-size:clamp(15px,2vw,19px);line-height:1.3}.field-stage-portrait .intro-card-overlay{gap:clamp(14px,2cqh,22px);width:80%;height:80%;max-height:80%;padding:clamp(18px,4.8cqw,34px)}.field-stage-portrait .intro-card-overlay h2{padding-bottom:clamp(7px,1.2cqh,12px);font-size:clamp(30px,7.4cqw,52px)}.field-stage-portrait .intro-card-section{grid-template-columns:1fr;gap:5px;padding-block:clamp(10px,1.45cqh,16px)}.field-stage-portrait .intro-card-label{font-size:clamp(12px,2.3cqw,17px)}.field-stage-portrait .intro-card-text{font-size:clamp(18px,4.2cqw,28px);line-height:1.28}@container (max-height:300px){.intro-card-overlay{gap:8px;width:80%;height:80%;max-height:80%;padding:10px 14px}.intro-card-header{margin-top:-2px}.intro-card-label{font-size:10.5px}.intro-card-overlay h2{padding-bottom:4px;font-size:clamp(20px,10cqh,28px);line-height:1.04}.intro-card-section{grid-template-columns:minmax(72px,.26fr) minmax(0,1fr);gap:8px;padding-block:4px}.intro-card-text{font-size:clamp(12px,5.7cqh,15px);line-height:1.22}.field-stage-portrait .intro-card-overlay{gap:clamp(8px,2cqh,14px);padding:clamp(12px,4.2cqw,22px)}.field-stage-portrait .intro-card-section{grid-template-columns:1fr;gap:4px;padding-block:clamp(6px,1.2cqh,10px)}.field-stage-portrait .intro-card-label{font-size:clamp(12px,2.8cqw,15px)}.field-stage-portrait .intro-card-overlay h2{font-size:clamp(26px,7cqw,38px);line-height:1.06}.field-stage-portrait .intro-card-text{font-size:clamp(17px,4.2cqw,24px);line-height:1.24}}@media (min-width:769px) and (max-width:1100px){.field-stage-landscape .intro-card-overlay{gap:7px;width:80%;height:80%;max-height:80%;padding:8px 12px}.field-stage-landscape .intro-card-label{font-size:10.5px}.field-stage-landscape .intro-card-overlay h2{padding-bottom:4px;font-size:clamp(20px,2.8vw,26px);line-height:1.04}.field-stage-landscape .intro-card-section{grid-template-columns:minmax(68px,.26fr) minmax(0,1fr);gap:6px;padding-block:3px}.field-stage-landscape .intro-card-text{font-size:12px;line-height:1.22}}.field-caption-stack{z-index:4;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:absolute;top:66.666%;left:max(14px,8%);right:max(14px,8%);transform:translateY(-50%)}.field-caption-stack:empty{display:none}.field-caption-strip{color:#17221b;text-align:center;background:linear-gradient(#fffffff7,#f7faf7f0);border:1px solid #ffffffb8;border-radius:8px;width:min(100%,560px);padding:12px 16px;font-size:clamp(13px,2.2vw,18px);font-weight:700;line-height:1.28;box-shadow:0 14px 34px #0a1f132e,inset 0 1px #fffc}.field-caption-strip.secondary-caption{opacity:.9;transform-origin:bottom;transform:scale(.96)}.mobile-dock,.mobile-tools-drawer,.mobile-board-controls,.mobile-floating-actions,.mobile-brand-slot,.mobile-action-menu,.mobile-drawer-stack,.mobile-export-status{display:none}@media (max-width:920px),(any-pointer:coarse) and (max-width:1366px),(max-height:560px) and (orientation:landscape) and (max-width:1100px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app-shell{--mobile-dock-height:98px;--mobile-side-padding:4px;--mobile-top-padding:12px;height:100dvh;min-height:100dvh;padding:var(--mobile-top-padding) var(--mobile-side-padding);padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom));overflow:hidden}.editor-shell{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.desktop-setup-panel{display:none}.setup-panel{order:1;max-height:none;position:static;overflow:visible}.editor-main{order:1;grid-template-rows:auto minmax(0,1fr);gap:6px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.timeline-panel,.export-panel{box-shadow:none}.side-stack{max-height:none;display:none;position:static;overflow:visible}.board-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:1px;height:1px;position:absolute;overflow:hidden}.desktop-brand-lockup{display:none}.board-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.1;overflow:hidden}.board-header p{display:none}.ghost-button{min-height:36px;padding:0 12px}.field-panel{width:calc(100vw - (var(--mobile-side-padding) * 2));height:auto;min-height:0;max-height:calc(100dvh - var(--mobile-dock-height) - 92px);aspect-ratio:100/65;margin-inline:calc(50% - 50vw + var(--mobile-side-padding));place-self:center;padding:0;display:block}.field-panel.field-portrait{aspect-ratio:65/100}.field-stage,.field-stage.field-stage-portrait{aspect-ratio:auto;width:100%;height:100%}.field-canvas{object-fit:contain;place-self:stretch stretch;width:100%;height:100%;max-height:100%}.field-stage .presentation-overlay{top:calc(var(--mobile-top-padding) + 50px);right:var(--mobile-side-padding);bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom) + 8px);left:var(--mobile-side-padding);z-index:19;position:fixed}.field-stage .presentation-overlay:before{inset:0}.field-stage .intro-card-overlay{gap:clamp(12px,2svh,22px);width:80%;height:80%;max-height:80%;padding:clamp(18px,4.8vw,34px)}.field-stage .intro-card-section{grid-template-columns:1fr;gap:5px;padding-block:clamp(9px,1.5svh,16px)}.field-stage .intro-card-label{font-size:clamp(12px,2.6vw,17px)}.field-stage .intro-card-overlay h2{font-size:clamp(30px,7vw,52px)}.field-stage .intro-card-text{font-size:clamp(18px,4.2vw,28px);line-height:1.28}.field-panel.field-portrait .field-canvas{max-width:100%}.field-zoom-reset-button{min-height:34px;padding:0 9px;top:8px;right:8px}.mobile-board-controls{z-index:21;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin:0 0 -1px;display:grid;position:relative}.mobile-tools-drawer{min-width:0;display:block}.mobile-floating-actions{gap:8px;display:flex}.mobile-brand-slot{pointer-events:none;justify-content:center;min-width:0;display:flex}.mobile-brand-lockup{gap:5px}.mobile-brand-lockup .brand-mark{width:54px}.mobile-brand-lockup .brand-wordmark{gap:1px}.mobile-brand-lockup .brand-wordmark-acronym{font-size:16px}.mobile-brand-lockup .brand-wordmark-name{gap:1px;font-size:9px;line-height:1.05}.mobile-action-menu{display:block;position:relative}.mobile-tools-drawer>summary,.mobile-action-menu>summary{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fffffff5;border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:14px;font-weight:850;list-style:none;display:grid;box-shadow:0 10px 24px #1b2a1f24}.mobile-tools-drawer>summary{grid-template-columns:auto auto;width:fit-content}.mobile-action-menu>summary{justify-content:center;width:42px;padding:0}.mobile-tools-drawer>summary::-webkit-details-marker{display:none}.mobile-action-menu>summary::-webkit-details-marker{display:none}.mobile-tools-drawer>summary span:last-child{color:var(--muted);font-size:12px;font-weight:800;display:none}.mobile-tools-drawer[open]>summary{border-radius:8px 8px 0 0}.mobile-tools-drawer[open]>summary span:last-child{display:none}.mobile-action-menu[open]>summary{background:#fffffffa;border-color:#1a7f456b}.mobile-tools-drawer .mobile-drawer-panel{border:1px solid var(--line);background:var(--panel);width:min(340px,100vw - 24px);max-height:min(62vh,100svh - 318px);box-shadow:var(--shadow);overscroll-behavior:contain;border-top:0;border-radius:0 0 8px 8px;position:absolute;top:42px;left:0;overflow-y:auto}.mobile-action-menu .mobile-action-panel{border:1px solid var(--line);background:var(--panel);width:min(340px,100vw - 16px);max-height:min(64vh,100svh - 204px);box-shadow:var(--shadow);overscroll-behavior:contain;border-radius:8px;position:absolute;top:48px;right:0;overflow-y:auto}.mobile-tools-drawer .mobile-setup-panel,.mobile-action-menu .mobile-library-panel,.mobile-action-menu .export-panel,.mobile-action-menu .context-panel,.mobile-action-menu .narration-panel{box-shadow:none;border:0;border-radius:0}.mobile-action-menu .context-panel,.mobile-action-menu .narration-panel{border-bottom:1px solid var(--line)}.mobile-tools-drawer .mobile-setup-panel>.panel-heading{display:none}.mobile-dock{z-index:20;height:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom));max-height:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7f3f5;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.mobile-export-status{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fffffff5;border-radius:8px;margin:0;padding:6px 9px;font-size:12px;line-height:1.25;display:block;position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;overflow:hidden;box-shadow:0 8px 24px #1b2a1f1f}.mobile-dock .timeline-panel{grid-template-rows:minmax(34px,auto) 32px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;padding:6px;display:grid;overflow:hidden}.mobile-dock .timeline-panel.whiteboard-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-dock .panel-heading{display:none}.mobile-dock .timeline-actions,.mobile-dock .timeline-actions.secondary{display:contents}.mobile-dock .timeline-actions button,.mobile-dock .timeline-actions.secondary button{order:1}.mobile-dock .frame-strip{overscroll-behavior-x:contain;scrollbar-width:none;order:2;grid-column:1/-1;grid-template-columns:none;grid-auto-columns:34px;grid-auto-flow:column;gap:6px;min-width:0;max-width:100%;padding:0 0 1px;display:grid;overflow-x:auto}.mobile-dock .frame-strip::-webkit-scrollbar{display:none}.mobile-dock .timeline-actions button,.mobile-dock .primary-button{white-space:normal;min-width:0;min-height:34px;padding:0 4px;font-size:11px;line-height:1.05}.mobile-dock .frame-tile{aspect-ratio:auto;min-width:0;min-height:32px;font-size:12px}}@media (max-height:560px) and (orientation:landscape) and (max-width:1100px){.app-shell{--mobile-top-padding:4px;padding:4px;--mobile-dock-height:0px;padding-bottom:4px}.editor-shell,.editor-main{height:100%;min-height:0}.board-header h1{font-size:18px}.ghost-button{min-height:32px;padding:0 10px;font-size:13px}.mobile-board-controls{gap:6px}.mobile-tools-drawer{max-width:none}.mobile-tools-drawer>summary,.mobile-action-menu>summary{min-height:38px}.mobile-tools-drawer>summary{padding:0 10px}.mobile-action-menu>summary{width:38px}.mobile-tools-drawer .mobile-drawer-panel{width:min(360px,100vw - 24px);max-height:calc(100svh - 92px);top:38px}.mobile-action-menu .mobile-action-panel{width:min(360px,100vw - 12px);max-height:calc(100svh - 92px);top:42px}.mobile-tools-drawer .mobile-setup-panel,.mobile-action-menu .mobile-library-panel,.mobile-action-menu .export-panel,.mobile-action-menu .context-panel,.mobile-action-menu .narration-panel{padding:10px 12px 12px}.mobile-drawer-stack{border-top:1px solid var(--line);gap:10px;padding:10px 12px 12px;display:grid}.mobile-drawer-stack .timeline-panel,.mobile-drawer-stack .export-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mobile-drawer-stack .panel-heading,.mobile-drawer-stack .export-heading{margin-bottom:8px}.mobile-drawer-stack .timeline-actions,.mobile-drawer-stack .timeline-actions.secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-drawer-stack .timeline-actions.secondary.single-action{grid-template-columns:1fr}.mobile-drawer-stack .frame-strip{overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:38px;grid-auto-flow:column;gap:6px;padding:0;overflow-x:auto}.mobile-drawer-stack .frame-tile{aspect-ratio:auto;min-height:38px;font-size:12px}.mobile-drawer-stack .timeline-actions button,.mobile-drawer-stack .export-button,.mobile-drawer-stack .secondary-export-button{min-height:38px;font-size:12px}.field-panel{width:100%;height:auto;min-height:0;max-height:calc(100dvh - 50px);margin-inline:0}.field-canvas{max-height:100%}.presentation-overlay{inset:8px}.presentation-overlay:before{inset:-8px}.intro-card-overlay{gap:10px;width:80%;height:80%;max-height:80%;padding:14px}.intro-card-section{grid-template-columns:1fr;gap:4px;padding-block:7px}.intro-card-label{font-size:clamp(11px,2.3cqw,16px)}.intro-card-overlay h2{font-size:clamp(24px,6.5cqw,44px)}.intro-card-text{font-size:clamp(16px,4cqw,26px);line-height:1.28}.field-caption-stack{gap:6px;top:66.666%;left:8px;right:8px}.field-caption-strip{padding:8px 10px}.mobile-dock{display:none}}@media (max-width:520px){.app-shell{padding-left:4px;padding-right:4px}.setup-panel,.library-panel,.timeline-panel,.export-panel,.context-panel,.narration-panel{padding:12px}}.app-shell.coach-mode-active{z-index:9999;overscroll-behavior:none;background:#dfe8dc;width:100vw;height:100dvh;min-height:100dvh;padding:0;position:fixed;inset:0;overflow:hidden}.coach-mode-active .editor-shell,.coach-mode-active .editor-main{width:100%;height:100%;min-height:0;display:block;overflow:hidden}.coach-mode-active .desktop-setup-panel,.coach-mode-active .side-stack,.coach-mode-active .board-header,.coach-mode-active .mobile-board-controls,.coach-mode-active .mobile-dock{display:none}.coach-mode-active .field-panel{width:100vw;height:100dvh;max-height:none;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));box-shadow:none;aspect-ratio:auto;background:radial-gradient(circle at 50% 45%,#ffffff24,#0000 42%),#dfe8dc;border:0;border-radius:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.coach-mode-active .field-stage{aspect-ratio:100/65;width:min(100vw - 20px,153.846dvh - 30.7692px);height:auto}.coach-mode-active .field-stage-portrait{aspect-ratio:65/100;width:min(100vw - 20px,65dvh - 13px)}.coach-mode-active .field-canvas{width:100%;height:100%;max-height:none}.coach-mode-active .whiteboard-pill{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left))}.coach-mode-active .field-zoom-reset-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.coach-mode-controls{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:30;gap:8px;display:flex;position:fixed}.coach-mode-controls button{min-height:40px;color:var(--accent-strong);background:#fffffff5;border:1px solid #1a7f4547;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 10px 24px #1b2a1f24}