:root{--bg:#0e1114;--panel:#15191d;--raised:#1d2227;--line:#2a3036;--text:#f5f5f0;--muted:#9aa39d;--accent:#e63836;--accent-ink:#fff;--on:#dce8de;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,select,input,textarea{font:inherit;color:inherit}.app{grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.toolbar-lead{flex:1 1 0;align-items:center;gap:8px;min-width:110px;display:flex}.toolbar-trail{scrollbar-width:none;flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.toolbar-trail::-webkit-scrollbar{display:none}.divider{background:var(--line);flex:none;width:1px;height:22px;margin:0 4px}.icon-button,.text-button,.tool-button,.tool-toggle,.seg,.play-button{border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none}.icon-button{width:36px;height:36px;font-size:18px}.icon-button:hover,.text-button:hover,.tool-button:hover,.tool-toggle:hover,.seg:hover{background:var(--raised)}.icon-button:disabled{opacity:.3;cursor:default;background:0 0}.text-button{letter-spacing:.06em;border-color:var(--line);height:34px;padding:0 12px;font-size:12px;font-weight:700}.text-button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.text-button.primary:hover{filter:brightness(1.08);background:var(--accent)}.scene-title{cursor:pointer;border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:none;min-width:0;max-width:100%;padding:6px 8px;font-size:15px;font-weight:700;overflow:hidden}.scene-title:hover{background:var(--raised)}.menu-anchor{flex:none;position:relative}.menu{z-index:20;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);min-width:240px;padding:6px;position:fixed;top:52px;right:12px;box-shadow:0 12px 32px #00000073}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 10px;display:block}.menu-item:hover{background:var(--line)}.menu-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);margin-top:4px;padding:8px 10px 4px;font-size:11px}.main{min-height:0;display:flex;position:relative}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex:none;width:260px;padding:12px;overflow-y:auto}.sidebar.hidden{display:none}.sidebar h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 4px 6px;font-size:11px}.sidebar h2:first-child{margin-top:0}.scene-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.scene-row{border-radius:var(--radius);align-items:stretch;display:flex}.scene-row.current{background:var(--raised);box-shadow:inset 3px 0 0 var(--accent)}.scene-open{text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex:1;gap:2px;min-width:0;padding:8px 10px;display:grid}.scene-open:hover{background:var(--raised)}.scene-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scene-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.scene-delete{cursor:pointer;opacity:.5;border-radius:var(--radius);background:0 0;border:none;padding:0 8px}.scene-delete:hover{opacity:1;background:var(--raised)}.sidebar .empty{color:var(--muted);margin:4px;font-size:12px}.stage{flex:1;gap:12px;min-width:0;min-height:0;padding:12px;display:flex}.pitch-area{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.pitch-canvas{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;display:block}.tools{flex-direction:column;flex:none;gap:6px;width:132px;display:flex}.tool-toggle,.tool-button{letter-spacing:.06em;border-color:var(--line);text-align:center;height:34px;padding:0 10px;font-size:11px;font-weight:700}.tool-toggle[aria-pressed=true]{background:var(--on);color:#111;border-color:var(--on)}.crop-select{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);letter-spacing:.04em;height:34px;padding:0 8px;font-size:12px;font-weight:700}.dot-size{letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.dot-size .tool-button{width:34px;padding:0;font-size:16px}.transport{border-top:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.transport-lead,.transport-trail{flex:none;align-items:center;gap:6px;display:flex}.transport-middle{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.play-button{background:var(--text);width:44px;height:44px;color:var(--bg);border-radius:50%;font-size:16px}.play-button:hover{filter:brightness(.92)}.scrubber{min-width:60px;accent-color:var(--accent);flex:1}.clock{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:12px}.segmented{border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow:hidden}.seg{border-radius:0;min-width:32px;height:30px;padding:0 8px;font-size:12px;font-weight:700}.seg[aria-pressed=true]{background:var(--on);color:#111}.hint{color:var(--muted);text-align:center;min-height:2.6em;margin:0;padding:6px 16px;font-size:12px}.funnel{color:var(--muted);text-align:center;margin:0;padding:0 16px 10px;font-size:11px}.funnel a{color:var(--text)}.toast{border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;z-index:30;background:#14181cf0;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:120px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px}.dialog::backdrop{background:#0009}.dialog h2{margin:0 0 12px;font-size:17px}.dialog label{color:var(--muted);gap:6px;margin-bottom:12px;font-size:12px;display:grid}.dialog-note{color:var(--muted);margin:0 0 12px;font-size:12px}.dialog-error{color:#ff8a80;white-space:pre-wrap;min-height:1em;font-size:13px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.text-input,.json-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);padding:8px 10px}.json-input{min-height:240px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.export .progress{width:100%;accent-color:var(--accent)}.export-body{justify-items:center;gap:10px;display:grid}.export-preview{border-radius:6px;max-width:100%;max-height:60dvh}.narrow-only{display:none}@media (width<=760px){.toolbar{gap:4px;padding:6px 8px}.toolbar-trail{gap:4px}.text-button{letter-spacing:.03em;padding:0 8px;font-size:11px}.icon-button{width:32px}.divider,.wide-only{display:none}.menu-item.narrow-only{display:block}.toolbar-lead{min-width:90px}.seg{min-width:28px;padding:0 6px}.transport-lead{gap:2px}.sidebar{z-index:10;width:min(300px,86vw);position:absolute;inset:0 auto 0 0;box-shadow:8px 0 24px #00000080}.stage{flex-direction:column;gap:8px;padding:8px 16px}.tools{scrollbar-width:none;flex-direction:row;width:auto;padding-bottom:2px;overflow-x:auto}.tools::-webkit-scrollbar{display:none}.tools>*{flex:none}.transport{flex-wrap:wrap;gap:8px;padding:8px 16px}.transport-middle{flex-basis:100%;order:3}.transport-trail{margin-left:auto}.hint{padding:4px 16px}}