:root{--bg:#e8eef6;--panel:#f7fbff;--ink:#112133;--muted:#5a6f86;--accent:#1f7a4a;--line:#c6d4e3}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100%;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#d7e0ea,var(--bg) 46%)}a{color:inherit;text-decoration:none}.page-shell,main{min-height:100vh}.page-shell{display:grid;grid-template-rows:auto 1fr}.page-shell.editor-page{height:100vh;overflow:hidden}.top-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20374f;padding:11px 14px;background:linear-gradient(180deg,#1d354f,#15283c);color:#f7fbff;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-links{display:flex;gap:10px}.nav-link{padding:8px 12px;border-radius:10px;border:1px solid #3f5f80;background:#23405c;color:#f7fbff;cursor:pointer;font:inherit}.nav-link.active{background:#2f4e6e;border-color:#5d83a8}.editor-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:10px;gap:10px;padding:10px;min-height:0;align-items:stretch}.step-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px 10px 0}.step-item{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;text-align:center;color:var(--muted);background:#f8fbff}.step-item.done{color:#1a7a4c;border-color:#8fcfa8;background:#ebf8f0}.step-item.next{border-color:#5d83a8;color:#173753}.editor-page .editor-layout{height:calc(100vh - 58px);overflow:hidden}.editor-page .editor-main{grid-template-rows:minmax(0,1fr) auto;grid-gap:10px}.editor-page .editor-main,.editor-sidebar{display:grid;gap:10px;height:100%;min-height:0}.editor-sidebar{overflow:auto;grid-template-rows:auto auto 1fr;grid-gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 10px 24px rgba(20,37,58,.08)}.inspector,.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar-group{display:grid;grid-gap:6px;gap:6px}.toolbar-group+.toolbar-group{padding-top:4px;border-top:1px solid #d9e4ef}.toolbar-group-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a6077;padding:0 2px}.toolbar-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.toolbar-display{margin-top:2px}.editor-page .toolbar{overflow:visible}.editor-page .inspector{min-height:0;overflow:auto}.inspector button,.panel button,.panel input,.panel select,.panel textarea,.toolbar button{width:100%;border-radius:12px;border:1px solid var(--line);padding:9px 10px;font:inherit;color:var(--ink);background:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8);-webkit-appearance:none;-moz-appearance:none;appearance:none}.panel button.active,.toolbar button.active{border-color:var(--accent);background:#e8f7ef}.canvas-wrap{min-height:66vh;height:72vh;width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#bcc7d3,#dce3ea)}.editor-page .canvas-wrap{min-height:0;height:100%;min-height:420px}.scene-controls{display:grid;grid-gap:8px;gap:8px}.scene-controls h3{margin:0}.scene-quick-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:6px;gap:6px}.scene-command{min-width:0}.scene-advanced{border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}.scene-advanced summary{cursor:pointer;font-weight:600;margin-bottom:6px}.scene-advanced[open]{overflow:auto;max-height:22vh}.timeline{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-gap:8px;gap:8px}.frame-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;text-align:center;cursor:pointer}.frame-card.active{border-color:var(--accent);background:#e8f7ef}.frame-markers{margin-top:6px;display:flex;gap:4px;justify-content:center}.mk{width:8px;height:8px;border-radius:999px;display:inline-block}.mk.move{background:#2b7fff}.mk.pass{background:#17a2b8}.mk.run{background:#f4b000}.mk.callout{background:#6f42c1}.script-lines{border:1px solid var(--line);border-radius:10px;background:#fff;max-height:130px;overflow:auto;font-size:12px}.script-line{display:grid;grid-template-columns:32px 1fr;grid-gap:8px;gap:8px;padding:2px 8px}.script-line .ln{color:var(--muted);text-align:right}.script-line.error{background:#ffeceb}.script-error{margin-top:6px;font-size:12px;color:#a63b32}.coach-hints{border:1px solid var(--line);border-radius:10px;background:#f4f9ff;padding:8px;display:grid;grid-gap:4px;gap:4px;font-size:12px}.coach-hints code{background:#fff;border:1px solid #d3dfeb;border-radius:8px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.script-mode-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.script-suggestions{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto;padding:4px 0}.script-suggestions button{width:auto;border-radius:999px;padding:5px 10px;font-size:11px;border:1px solid #c6d4e3;background:#f2f7fd;color:#173753;box-shadow:none}.palette-backdrop{position:fixed;inset:0;background:rgba(7,16,10,.3);z-index:60;display:grid;place-items:start center;padding-top:10vh}.palette{width:min(680px,92vw);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-gap:8px;gap:8px}.palette-list{display:grid;grid-gap:6px;gap:6px;max-height:46vh;overflow:auto}.palette-list button{text-align:left;display:flex;justify-content:space-between;align-items:center}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px;padding:16px}.library-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.library-card,.quick-start{display:grid;grid-gap:8px;gap:8px}.quick-start.compact{box-shadow:none;border-radius:10px;padding:8px}.quick-start-header h3{margin:0;font-size:16px}.quick-start-header span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.quick-start-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.quick-start-tabs button{min-height:34px}.quick-start-list{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start-builder{display:grid;grid-gap:7px;gap:7px}.quick-start-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.quick-start-grid label{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:#304860}.quick-start-toggle-row{display:flex;gap:14px}.quick-start-toggle-row label{display:flex;align-items:center;gap:6px;font-size:12px}.quick-start-token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.quick-start-token-grid button{min-height:32px;padding:6px 8px;font-size:12px}.mobile-bottom-toolbar,.mobile-sheet-backdrop{display:none}.mobile-sheet{display:grid;grid-gap:8px;gap:8px}.mobile-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-sheet-header button{width:auto;min-width:72px}.mobile-sheet-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.mobile-sheet-grid{grid-template-columns:1fr 1fr}.mobile-sheet-grid,.mobile-sheet-list{display:grid;grid-gap:6px;gap:6px}.mobile-quick-panel{display:none}.mobile-quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.mobile-team-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.mobile-player-actions{border:1px solid #d9e4ef;border-radius:10px;background:#f8fbff;padding:6px;display:grid;grid-gap:6px;gap:6px}.mobile-player-title{font-size:12px;font-weight:600;color:#20384f}.mobile-player-row{grid-template-columns:repeat(4,1fr)}.mobile-player-row,.mobile-preset-list{display:grid;grid-gap:6px;gap:6px}.muted{color:var(--muted);font-size:.9rem}@media (max-width:768px){.page-shell.editor-page{height:auto;min-height:100vh;overflow:auto}.top-nav{padding:8px 10px;gap:6px;flex-wrap:wrap}.top-nav strong{font-size:18px;line-height:1.2}.nav-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.nav-link{text-align:center;padding:6px;font-size:14px;border-radius:9px}.mobile-quick .step-strip{display:none}.step-item{padding:5px 8px;font-size:11px}.editor-page .editor-layout{height:auto;overflow:visible}.editor-layout{grid-template-columns:1fr;gap:8px;padding:8px}.mobile-quick .editor-layout{padding:8px 8px calc(92px + env(safe-area-inset-bottom));gap:6px}.editor-sidebar{height:auto;min-height:0;overflow:visible;grid-template-rows:auto;gap:8px}.mobile-quick .desktop-sidebar{display:none}.editor-page .editor-main{grid-template-rows:auto auto;gap:6px;height:auto;min-height:0}.mobile-quick .editor-main{gap:4px}.panel{padding:6px;border-radius:9px;box-shadow:0 4px 10px rgba(22,38,58,.06)}.toolbar{gap:6px}.toolbar-group{gap:5px}.toolbar-group+.toolbar-group{padding-top:3px}.toolbar-group-title{font-size:10px}.panel button,.panel input,.panel select,.panel textarea,.toolbar button{padding:7px 8px}.scene-controls{gap:5px}.scene-advanced{padding:5px}.scene-advanced[open]{max-height:none;overflow:visible}.canvas-wrap,.editor-page .canvas-wrap{min-height:0;height:auto;aspect-ratio:4/3}.mobile-quick .canvas-wrap{height:clamp(360px,64svh,680px);aspect-ratio:auto;border-radius:9px;border-color:#d2dae3;background:#dce3ea;box-shadow:none}.mobile-quick .timeline{margin-top:2px}.mobile-quick .mobile-bottom-toolbar{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:6px;gap:6px;padding:6px;border-radius:10px;border:1px solid #b6c3d1;background:rgba(244,248,252,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(16,30,46,.12)}.mobile-quick .mobile-bottom-toolbar button{min-height:36px;padding:5px 4px;font-size:10.5px;border-radius:8px}.mobile-quick .mobile-sheet-backdrop{position:fixed;inset:0;display:grid;align-items:end;z-index:69;background:rgba(10,18,28,.22);padding:10px}.mobile-quick .mobile-sheet{max-height:min(66svh,560px);overflow:auto;border-radius:10px;border:1px solid #bfcad6;background:#f7fbff}.mobile-quick .quick-start{padding:0;border:0;box-shadow:none;background:transparent}.mobile-quick .quick-start-list{grid-template-columns:1fr}.mobile-quick .quick-start-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-quick .mobile-sheet-tabs button{min-height:32px;padding:5px 4px;font-size:11px}.mobile-quick .mobile-sheet-grid button{min-height:36px;padding:6px;font-size:12px}.timeline{margin-top:6px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.frame-card{padding:7px}}@media (min-width:769px) and (max-width:1020px){.page-shell.editor-page{height:auto;overflow:visible}.editor-layout{grid-template-columns:1fr}.editor-page .editor-layout{height:auto;overflow:visible}.editor-page .editor-main{display:block}.editor-sidebar{display:block;overflow:visible}.canvas-wrap{height:62vh}.scene-controls{overflow:visible}}