:root{--bg: #09090b;--surface: #101012;--surface-high: #17171a;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--text: #fafafa;--text-dim: #a1a1aa;--text-faint: #71717a;--accent: #3fbf7f;--accent-soft: rgba(63, 191, 127, .14);--danger: #e5705f;--radius: 10px;--radius-lg: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--speed: .3s;color:var(--text);background:var(--bg);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{min-width:320px;margin:0;background:var(--bg);overflow:hidden}.sprite{display:none}.mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.icon{width:16px;height:16px;flex:none;fill:currentColor}button,input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:content-box;background-color:var(--line-strong);border-radius:999px}.app-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.topbar{padding:14px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:26px;height:26px;flex:none;border-radius:50%;border:2px solid var(--accent);box-shadow:inset 0 0 0 3px #3fbf7f2e;animation:breathe 4s var(--ease) infinite}.brand-text{display:grid;min-width:0}.brand-text strong{font-size:14px;font-weight:600;letter-spacing:-.01em}.brand-text span{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px;flex:none}.workspace{display:grid;grid-template-columns:76px 258px minmax(0,1fr) 300px;min-height:0}.workspace[data-settings=hidden]{grid-template-columns:76px 258px minmax(0,1fr)}.workspace[data-settings=hidden] .panel-settings{display:none}.workspace[data-focus=library]{grid-template-columns:76px minmax(0,1fr)}.workspace[data-focus=library] .stage-column,.workspace[data-focus=library] .panel-settings{display:none}.workspace[data-focus=library] .library-list:not(.is-list){grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.workspace[data-focus=library] .library-list.is-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.workspace[data-focus=library] .library-toolbar{display:flex;align-items:center;gap:7px;width:fit-content;padding:2px 12px}.workspace[data-focus=library] .toolbar-row{border:none}.workspace[data-focus=library] .toolbar-row+.toolbar-row{border-top:none}.workspace[data-focus=library] .toolbar-control{flex:0 0 auto}.workspace[data-focus=library] .toolbar-control select{flex:0 0 auto;width:auto}.workspace[data-focus=library] .panel-footer{display:flex;justify-content:center;gap:10px}.workspace[data-focus=library] .panel-footer .button{width:auto;min-width:150px}.nav-rail{display:flex;flex-direction:column;gap:6px;padding:14px 8px;border-right:1px solid var(--line);background:var(--surface)}.rail-button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px 8px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-faint);font-size:10.5px;font-weight:500;letter-spacing:.02em;cursor:pointer;position:relative;transition:color var(--speed) var(--ease),background var(--speed) var(--ease)}.rail-button .icon{width:19px;height:19px}.rail-button:hover{color:var(--text);background:var(--surface-high)}.rail-button:active{transform:scale(.94)}.rail-button.is-active{color:var(--accent);background:var(--accent-soft)}.panel-library[data-view=library] .left-view-archive,.panel-library[data-view=archive] .left-view-library,.panel-library[data-view=archive] .panel-footer{display:none}.panel{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;background:var(--surface)}.panel-library{border-right:1px solid var(--line)}.panel-settings{border-left:1px solid var(--line)}.tab-bar{position:sticky;top:-18px;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:-6px 0 14px;padding:3px;border-radius:999px;background:var(--surface-high);border:1px solid var(--line)}.tab-button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;border:none;border-radius:999px;background:transparent;color:var(--text-faint);font-size:10px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:color var(--speed) var(--ease),background var(--speed) var(--ease)}.tab-button .icon{width:16px;height:16px}.tab-button:hover{color:var(--text)}.tab-button:active{transform:scale(.96)}.tab-button.is-active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0006,inset 0 0 0 1px var(--line-strong)}.panel-settings .group{display:none;animation:rise .25s var(--ease)}.panel-settings[data-tab=scene] .group[data-tab=scene],.panel-settings[data-tab=style] .group[data-tab=style],.panel-settings[data-tab=clip] .group[data-tab=clip],.panel-settings[data-tab=export] .group[data-tab=export]{display:block}.panel-scroll{overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 24px}.panel-footer{display:grid;gap:8px;padding:14px 16px;border-top:1px solid var(--line)}.group+.group{border-top:1px solid var(--line)}.section-label{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.panel-library .section-label{margin-bottom:14px}summary.section-label{position:sticky;top:-18px;z-index:1;display:flex;align-items:center;gap:8px;padding:14px 0 12px;margin:0 -2px;background:var(--surface);cursor:pointer;list-style:none;transition:color var(--speed) var(--ease)}summary.section-label::-webkit-details-marker{display:none}summary.section-label:before{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translate(-1px,-1px);transition:transform .25s var(--ease)}.group[open]>summary.section-label:before{transform:rotate(45deg) translate(-1px,-1px)}summary.section-label:hover{color:var(--text-dim)}.group-body{padding-bottom:20px;animation:rise .28s var(--ease)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform .12s var(--ease),opacity var(--speed) var(--ease)}.button:active:not(:disabled){transform:translateY(1px) scale(.985)}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{background:var(--accent);color:#04140c;font-weight:600}.button-primary:hover:not(:disabled){background:#4ad693}.button-ghost{background:var(--surface-high);border-color:var(--line);color:var(--text-dim)}.button-ghost:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.button-outline{background:transparent;border-color:var(--accent);color:var(--accent)}.button-outline:hover:not(:disabled){background:var(--accent-soft)}.button-block{width:100%}.button-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.button-danger[data-armed=true]{border-color:var(--danger);color:var(--danger)}.button-tiny{padding:6px 10px;font-size:12px}.library-toolbar{margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-high);padding:2px 6px}.toolbar-row{display:flex;align-items:center;gap:5px;min-height:30px}.toolbar-row+.toolbar-row{border-top:1px solid var(--line)}.toolbar-control{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.toolbar-control span{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.toolbar-control select{flex:1;width:auto;min-width:0;border:none;background:transparent;padding:4px 0;font-size:11.5px;font-weight:500;color:var(--text);cursor:pointer}.toolbar-row:last-child .toolbar-control{flex:0 1 auto}.toolbar-row:last-child .toolbar-control select{min-width:52px}.toolbar-divider{width:1px;height:16px;background:var(--line-strong);flex:none}.toolbar-star{display:inline-flex;cursor:pointer}.toolbar-star input{display:none}.toolbar-star span{font-size:15px;color:var(--text-faint);transition:color var(--speed) var(--ease)}.toolbar-star input:checked+span{color:#f5c518}.toolbar-count{font-family:Geist Mono,monospace;font-size:10.5px;color:var(--text-faint);white-space:nowrap}.toolbar-flex{flex:1}.view-toggle{display:flex;gap:2px;border:1px solid var(--line);border-radius:7px;padding:2px}.view-button{border:none;border-radius:5px;background:transparent;color:var(--text-faint);font-size:12px;line-height:1;padding:4px 7px;cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.view-button.is-active{background:var(--surface);color:var(--accent)}.library-list{display:grid;gap:4px}.library-group{grid-column:1 / -1;margin-top:10px;padding:12px 2px 4px;border-top:1px solid var(--line);font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-group:first-child{margin-top:0;padding-top:0;border-top:none}.library-item{--index: 0;position:relative;display:block;padding:6px 6px 9px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease);content-visibility:auto;contain-intrinsic-size:auto 196px}.library-item:hover{background:var(--surface-high);border-color:var(--line);transform:translateY(-1px)}.library-item:active{transform:none}.library-item:hover .library-item-thumb{filter:brightness(1.08)}.library-item.is-active{background:var(--surface-high);border-color:var(--line-strong)}.library-item.label-gem{box-shadow:inset 0 2px 0 var(--accent)}.library-item.label-trash{box-shadow:inset 0 2px 0 var(--danger)}.library-list.is-list .library-item.label-gem{box-shadow:inset 3px 0 0 var(--accent)}.library-list.is-list .library-item.label-trash{box-shadow:inset 3px 0 0 var(--danger)}.library-item-media{position:relative;width:100%;margin-bottom:7px}.library-item-check{position:absolute;top:6px;left:6px;width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.library-item-like{position:absolute;top:4px;right:5px;padding:0 3px;border:none;background:transparent;color:#ffffff73;font-size:16px;line-height:1.3;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));transition:color var(--speed) var(--ease),transform .12s var(--ease)}.library-item-like:hover{color:#fff;transform:scale(1.15)}.library-item-like:active{transform:scale(.86)}.library-item-like.is-liked{color:#f5c518}.library-item-trash,.library-item-gem{position:absolute;bottom:4px;padding:0 3px;border:none;background:transparent;color:#ffffff73;font-size:14px;line-height:1.3;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));transition:color var(--speed) var(--ease),transform .12s var(--ease)}.library-item-trash{left:6px}.library-item-gem{right:6px}.library-item-trash:hover,.library-item-gem:hover{color:#fff;transform:scale(1.18)}.library-item-trash:active,.library-item-gem:active{transform:scale(.86)}.library-item-trash.is-trash{color:var(--danger)}.library-item-gem.is-gem{color:var(--accent)}.library-list.is-list .library-item{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px;padding:8px;contain-intrinsic-size:auto 56px}.library-list.is-list .library-item-media{width:62px;margin:0}.library-list.is-list .library-item-like{top:1px;right:1px;font-size:12px}.library-list.is-list .library-item-trash,.library-list.is-list .library-item-gem{bottom:1px;font-size:11px}.library-list.is-list .library-item-trash{left:1px}.library-list.is-list .library-item-gem{right:1px}.library-list.is-list .library-item-check{top:2px;left:2px;width:12px;height:12px}.library-list.is-list .library-item-remove{top:50%;right:4px;transform:translateY(-50%);background:transparent;color:var(--text-faint)}.library-list.is-list .library-item-ai{display:none}.library-item-verdict{position:absolute;top:6px;left:27px;z-index:1;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.6;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.library-item-verdict[data-verdict=gem]{background:color-mix(in srgb,var(--accent) 28%,rgba(8,14,11,.85));color:var(--accent)}.library-item-verdict[data-verdict=trash]{background:color-mix(in srgb,var(--danger) 26%,rgba(16,9,8,.85));color:color-mix(in srgb,var(--danger) 85%,#fff)}.library-item-verdict[data-source=human][data-verdict=gem]{background:var(--accent);color:#06120c}.library-item-verdict[data-source=human][data-verdict=trash]{background:var(--danger);color:#170a08}.library-item-live{position:absolute;inset:0;width:100%;height:100%;border-radius:6px;pointer-events:none}.library-item-thumb{display:block;width:100%;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover;transition:filter var(--speed) var(--ease);background:#0b0b0d linear-gradient(115deg,#141417,#1d1d21,#141417);border:1px solid var(--line)}.library-item-body{min-width:0;display:grid;gap:3px}.library-item-name{font-size:12px;font-weight:500;line-height:1.35;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.library-item-meta{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-ai{font-size:10.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-ai[data-verdict=gem]{color:color-mix(in srgb,var(--accent) 75%,var(--text-faint))}.library-item-ai[data-verdict=trash]{color:color-mix(in srgb,var(--danger) 60%,var(--text-faint))}.library-item-remove{position:absolute;top:10px;right:32px;width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:6px;background:#0000008c;color:#fff;font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--speed) var(--ease),color var(--speed) var(--ease),background var(--speed) var(--ease)}.library-item:hover .library-item-remove,.library-item-remove:focus-visible{opacity:1}.library-item-remove:hover{background:#e5705f26;color:var(--danger)}.shortcut-hint{margin:0;padding:0 22px 14px;background:var(--surface);color:var(--text-faint);font-size:11px}.shortcut-hint kbd{padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface-high);color:var(--text-dim);font-family:Geist Mono,ui-monospace,monospace;font-size:10px}.library-more{width:100%;margin-top:6px;padding:10px;border:1px dashed var(--line);border-radius:var(--radius);background:transparent;color:var(--text-faint);font:inherit;font-size:11.5px;cursor:pointer}.library-more:hover{border-color:var(--line-strong);color:var(--text-dim)}.empty-state{display:grid;justify-items:start;gap:6px;padding:26px 4px;color:var(--text-faint)}.empty-state-icon{width:26px;height:26px;fill:none;stroke:currentColor;opacity:.5}.empty-state strong{font-size:13px;font-weight:500;color:var(--text-dim)}.empty-state span{font-size:12px;line-height:1.55}.empty-state code{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-dim)}.stage-column{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--bg)}.stage-frame{display:grid;place-items:center;min-height:0;padding:22px}.stage{position:relative;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);outline:none;transition:border-color var(--speed) var(--ease)}.stage:focus-visible,.stage.is-dragging{border-color:var(--accent)}#game-canvas{display:block;width:100%;height:100%}.stage-overlay{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;background:#09090bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-overlay strong{font-size:14px;font-weight:500}.stage-overlay span{font-size:12.5px;color:var(--text-dim);max-width:46ch}.loading-progress{display:grid;gap:6px;justify-items:center;width:min(320px,70%);margin-top:6px}.loading-progress[hidden]{display:none}.loading-bar{width:100%;height:3px;border-radius:999px;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .15s linear}.loading-label{font-size:11px;color:var(--text-dim)}.skeleton{height:9px;border-radius:999px;background:linear-gradient(90deg,#17171a,#232327,#17171a);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-wide{width:min(280px,46%)}.skeleton-narrow{width:min(170px,28%)}.export-results{display:grid;gap:8px;margin-top:12px;min-width:0}.export-results select{width:100%;min-width:0;text-overflow:ellipsis}.export-results .hint{margin:0;overflow-wrap:anywhere}.export-progress{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;padding:14px 16px;background:linear-gradient(transparent,#09090beb 45%)}.export-progress-copy{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px}.export-progress-copy strong{font-weight:500}.export-progress-copy span{color:var(--accent)}.progress-track{height:3px;border-radius:999px;background:var(--line-strong);overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s linear}.transport{display:flex;align-items:center;gap:14px;padding:14px 22px 20px;border-top:1px solid var(--line);background:var(--surface)}.play-button{width:38px;height:38px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--accent);color:#04140c;cursor:pointer;transition:transform .12s var(--ease),background var(--speed) var(--ease),opacity var(--speed) var(--ease)}.play-button .icon{width:20px;height:20px}.play-button:hover:not(:disabled){background:#4ad693}.play-button:active:not(:disabled){transform:scale(.93)}.play-button:disabled{opacity:.4;cursor:not-allowed}.time-label{font-size:12px;flex:none}.time-label-dim{color:var(--text-faint)}.inline-field{display:flex;align-items:center;gap:8px;flex:none;font-size:12px;color:var(--text-faint)}input[type=range]{appearance:none;width:100%;height:8px;border-radius:999px;background:var(--line-strong);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);transition:transform .18s var(--ease)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.timeline-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center;min-height:34px}.timeline-graph{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.timeline{flex:1;min-width:0;position:relative;z-index:1}.trim-region{position:absolute;top:-2px;bottom:-2px;background:var(--accent-soft);border-left:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:3px;pointer-events:none}.trim-controls{display:flex;gap:6px;margin-top:10px}.trim-controls .button{flex:1;padding:7px 8px;font-size:12px}.timeline-marks{position:absolute;inset:0;pointer-events:none}.timeline-marks span{position:absolute;top:50%;width:2px;height:11px;margin-left:-1px;border-radius:1px;transform:translateY(-50%);background:var(--text-dim)}.timeline-marks span[data-kind=death]{background:var(--danger)}.timeline-marks span[data-kind=kill],.timeline-marks span[data-kind=surge]{background:var(--accent)}.highlights{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 16px;background:var(--surface);max-height:132px;overflow-y:auto;overscroll-behavior:contain}.highlights:empty{display:none}.ad-slot{display:grid;gap:6px;justify-items:center;padding:0 22px 16px;background:var(--surface)}.ad-slot-label{color:var(--text-faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ad-slot .adsbygoogle{width:100%;max-width:970px;min-height:90px}.highlight-chip{display:inline-flex;align-items:center;gap:2px;padding:3px 6px 3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-high);color:var(--text-dim);font-size:11.5px;cursor:pointer;transition:border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform .12s var(--ease)}.highlight-chip:hover{border-color:var(--line-strong);color:var(--text)}.highlight-chip:active{transform:translateY(1px) scale(.985)}.highlight-jump{display:inline-flex;align-items:center;gap:7px;padding:2px 4px 2px 0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.highlight-jump:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.highlight-act{width:18px;height:18px;display:grid;place-items:center;border:none;border-radius:5px;background:transparent;color:var(--text-faint);font-size:12px;line-height:1;cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.highlight-act:hover{background:var(--surface);color:var(--text)}.highlight-act[data-on=true]{background:var(--accent-soft);color:var(--accent)}.highlight-chip[data-state=kept]{border-color:var(--accent);color:var(--text)}.highlight-chip[data-state=dropped]{opacity:.4}.highlight-chip[data-state=dropped] .highlight-jump{text-decoration:line-through}.highlight-add{color:var(--text-faint);border-style:dashed;padding:5px 10px;cursor:pointer}.timeline-marks span[data-state=kept]{height:15px}.highlight-chip[data-kind=death] .highlight-jump:before{background:var(--danger)}.highlight-chip[data-kind=manual] .highlight-jump:before{background:var(--text-dim)}.highlight-chip time{font-family:Geist Mono,monospace;color:var(--text-faint)}.preset-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.preset-tools+.preset-tools{margin-top:8px}.theme-fields{margin-top:14px}.theme-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;padding:7px 0;font-size:12px}.theme-row+.theme-row{border-top:1px solid var(--line)}.theme-row span{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-row input[type=color]{width:100%;height:24px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:none;cursor:pointer}.theme-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.theme-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.theme-row .theme-percent{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.theme-row output{font-family:Geist Mono,monospace;font-size:10.5px;text-align:right;color:var(--accent)}select,input[type=text],input[type=url]{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-high);font-size:12.5px;transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease)}select:hover,input[type=text]:hover,input[type=url]:hover{border-color:var(--line-strong)}select:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible{outline:none;border-color:var(--accent)}input::placeholder{color:var(--text-faint)}.inline-field select{width:auto;padding:5px 8px}.field{display:grid;gap:6px;margin-bottom:12px}.field>span{font-size:11.5px;color:var(--text-faint)}.field-indent{margin:2px 0 10px 12px;padding-left:10px;border-left:1px solid var(--line)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.row+.row{border-top:1px solid var(--line)}.row-text{display:grid;gap:1px;min-width:0}.row-text strong{font-size:12.5px;font-weight:500}.row-text small{font-size:11px;color:var(--text-faint)}.row-select select{width:118px;flex:none}.row-toggle input[type=checkbox]{width:15px;height:15px;flex:none;accent-color:var(--accent);cursor:pointer}.slider{display:grid;gap:8px;padding:10px 0}.slider+.slider{border-top:1px solid var(--line)}.slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.slider-head strong{font-size:12.5px;font-weight:500}.slider-head output{font-size:11.5px;color:var(--accent)}.slider-note{font-size:11px;line-height:1.45;color:var(--text-faint)}.meta-list{margin:0;display:grid}.meta-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px}.meta-list>div+div{border-top:1px solid var(--line)}.meta-list dt{color:var(--text-faint)}.meta-list dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-editor{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.skin-editor.is-bare{grid-template-columns:minmax(0,1fr)}.skin-editor.is-bare .skin-preview{display:none}.skin-preview{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--surface-high);border:1px solid var(--line)}.skin-fields .field:last-child{margin-bottom:0}.gallery-tools{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;margin:14px 0 10px}input[type=search]{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-high);font-size:12.5px;transition:border-color var(--speed) var(--ease)}input[type=search]:focus-visible{outline:none;border-color:var(--accent)}.skin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;max-height:232px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.skin-tile{position:relative;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-high);cursor:pointer;overflow:hidden;transition:border-color var(--speed) var(--ease),transform .14s var(--ease)}.skin-tile img{display:block;width:100%;height:100%;object-fit:cover}.skin-tile:hover{border-color:var(--line-strong);transform:scale(1.08)}.skin-tile:active{transform:scale(.96)}.skin-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.skin-gallery-empty{grid-column:1 / -1;padding:18px 2px;font-size:12px;color:var(--text-faint)}.export-grid{display:grid;grid-template-columns:1fr 84px;gap:10px}.export-grid .field{margin-bottom:0}.hint{margin:12px 0 0;font-size:11.5px;line-height:1.55;color:var(--text-faint)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes breathe{0%,to{box-shadow:inset 0 0 0 3px #3fbf7f2e}50%{box-shadow:inset 0 0 0 3px #3fbf7f6b}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.archive-results{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12px}.archive-calendar{display:grid;gap:10px;padding:10px;border:1px solid var(--border, #333);border-radius:8px;background:#ffffff05}.archive-calendar[hidden]{display:none}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-month{font-size:12.5px;font-weight:500}.calendar-nav{border:1px solid var(--border, #333);border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;font:inherit;font-size:12px;line-height:1;padding:3px 8px}.calendar-nav:hover{color:inherit;background:#ffffff0f}.calendar-nav-wide{font-size:11px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-dow{font-size:10px;text-align:center;color:var(--text-faint);padding-bottom:2px}.calendar-day{aspect-ratio:1;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-faint);cursor:default;font:inherit;font-size:11px;display:grid;place-items:center}.calendar-day[data-has=true]{color:inherit;cursor:pointer;background:#4ade801f;border-color:#4ade8040}.calendar-day[data-has=true]:hover{background:#4ade8038}.calendar-day[data-selected=true]{background:var(--accent);border-color:var(--accent);color:#08120c;font-weight:500}.day-scale{display:grid;gap:5px;border-top:1px solid var(--border, #333);padding-top:9px}.day-scale[hidden]{display:none}.day-scale-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px}.day-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:1px;height:34px;align-items:end}.day-hour{border:0;padding:0;border-radius:2px 2px 0 0;background:#4ade8080;height:calc(6px + var(--fill, 0) * 28px);min-height:2px;cursor:pointer}.day-hour:disabled{background:#ffffff0f;height:2px;cursor:default}.day-hour:hover:not(:disabled){background:#4ade80cc}.day-hour[data-selected=true]{background:var(--accent)}.day-ticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text-faint)}.archive-hit{text-align:left;padding:7px 9px;border:1px solid var(--border, #333);border-radius:6px;background:#ffffff0a;color:inherit;cursor:pointer;font:inherit;font-size:12px;display:grid;gap:2px}.archive-hit strong{font-weight:500}.archive-hit small{color:var(--text-faint);font-size:11px}.archive-hit-track{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.archive-hit-spark{font-family:var(--mono, ui-monospace, monospace);letter-spacing:-1px;color:var(--accent);opacity:.75}.archive-hit:hover{background:#ffffff1a}.mobile-nav,.compact-only,.sheet-header{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.archive-connection{margin-bottom:12px}.archive-connection summary,.library-more summary,.library-filters summary{cursor:pointer;color:var(--text-dim);font-size:13px;padding:10px 0}.archive-connection .field{margin-top:10px}.library-filters>summary{display:none}.library-more>summary{padding:8px;text-align:center}.library-more[open]{display:grid;gap:8px}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.file-drop-overlay{position:fixed;z-index:40;inset:10px;pointer-events:none;border:2px dashed var(--accent);border-radius:18px;background:#09090beb;display:grid;place-items:center;padding:24px}.file-drop-overlay>div{display:grid;justify-items:center;gap:16px;text-align:center}.file-drop-overlay .icon{width:48px;height:48px;color:var(--accent)}.file-drop-overlay strong{font-size:22px}.file-drop-overlay span{font-size:15px;color:var(--text-dim)}.import-notice{position:fixed;z-index:35;bottom:20px;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-high);box-shadow:0 8px 32px #0006}.import-notice span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;max-height:120px;overflow:auto}.import-notice button{min-width:44px;min-height:44px}@media(hover:none),(pointer:coarse){.shortcut-hint{display:none}button,.button,summary{touch-action:manipulation}}@media(max-width:1100px){html,body{height:100%;overflow:hidden}.app-shell{height:var(--app-height, 100dvh);grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top)}.topbar{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));min-height:56px}.brand-mark{width:24px;height:24px}.brand-text strong{font-size:15px}.brand-text span{font-size:12px}.workspace,.workspace[data-settings=hidden],.workspace[data-focus=library]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,40%);grid-template-rows:minmax(0,1fr);overflow:hidden}.workspace[data-mobile-section=player]{grid-template-columns:minmax(0,1fr)}.nav-rail,#back-to-player,#library-expand{display:none!important}.workspace .panel,.workspace[data-settings=hidden] .panel-settings,.workspace[data-focus=library] .panel-settings{display:none}.workspace[data-mobile-section=library] .panel-library,.workspace[data-mobile-section=archive] .panel-library,.workspace[data-mobile-section=edit] .panel-settings,.workspace[data-mobile-section=export] .panel-settings{display:grid;grid-column:2;grid-row:1;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:0;border-left:1px solid var(--line)}.sheet-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;position:relative;align-items:center;padding:6px 14px;border-bottom:1px solid var(--line);gap:8px}.sheet-header strong{font-size:16px;font-weight:600}.sheet-header>.button{font-size:24px;padding:0}.sheet-handle{display:none}.panel-scroll{min-height:0;max-height:none;padding:12px 16px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.panel-footer{padding:10px 16px;gap:6px}.panel-library[data-view=archive] .panel-footer{display:none}.left-view>.section-label{display:none}.library-filters{margin-bottom:12px}.library-filters>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--line)}.library-filters>summary:after{content:"+"}.library-filters[open]>summary:after{content:"\2212"}.library-toolbar{margin-top:10px}.library-more>summary{min-height:44px;display:grid;place-items:center}#library-add{background:var(--accent);color:#04140c;border-color:transparent;font-weight:600}#library-render-selected:disabled{display:none}.library-list,.workspace[data-focus=library] .library-list:not(.is-list),.workspace[data-focus=library] .library-list.is-list{grid-template-columns:minmax(0,1fr)}.library-item{min-width:0}.library-check-target{position:absolute;top:0;left:0;width:44px;height:44px;display:grid;place-items:center;z-index:1}.library-list .library-item-check{position:static;width:22px;height:22px}.toolbar-star{min-width:44px;min-height:44px;align-items:center;justify-content:center}.empty-state{padding:28px 4px;gap:12px}.empty-state strong{font-size:17px}.empty-state span{font-size:14px;line-height:1.5}.workspace .stage-column,.workspace[data-focus=library] .stage-column{display:flex;flex-direction:column;grid-column:1;grid-row:1;overflow:hidden}.stage-frame{flex:1;width:100%;padding:12px;min-height:0;container-type:size}.stage{width:min(100cqw,calc(100cqh * 16 / 9));max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:12px}.stage-overlay{gap:8px;padding:16px}.stage-overlay strong{font-size:17px;font-weight:600}.stage-overlay span{font-size:13px;line-height:1.4}.transport{display:grid;grid-template-columns:44px minmax(0,1fr) 64px 44px;grid-template-rows:44px;gap:6px;padding:4px 10px;flex:none}.timeline-wrap{grid-column:2;grid-row:1;width:100%;min-width:0;height:44px}.transport .timeline-graph{height:28px}.transport .trim-region{bottom:14px}.play-button{grid-column:1;grid-row:1;width:44px;height:44px}#current-time{grid-column:2;grid-row:1;align-self:end;justify-self:start}#duration{grid-column:2;grid-row:1;align-self:end;justify-self:end}.time-label{position:relative;z-index:2;pointer-events:none;font-size:10px;line-height:1.2}.inline-field{display:flex;grid-column:3;grid-row:1}.inline-field>span{display:none}#speed{width:64px;padding-left:5px;padding-right:2px;border-color:transparent;background-color:transparent}#player-expand{display:grid;place-items:center;grid-column:4;grid-row:1;font-size:22px;padding:0;border-color:transparent;background:transparent}.compact-only{display:block}.touch-tools{display:flex;gap:6px;flex:none;padding:8px 12px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line)}.touch-tools>*{flex:none}.touch-tools .button{font-size:12px;padding:8px}.touch-tools select{font-size:16px;width:118px}#touch-trim-summary{margin:0;padding:4px 12px;font-size:12px}.highlights{flex:0 1 auto;min-height:0;max-height:120px;overflow-y:auto;padding:8px 12px;margin:0;gap:6px}.highlight-chip,.highlight-act{min-height:44px}.highlight-act{min-width:44px}.shortcut-hint{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line-strong);background:var(--surface);z-index:20}.mobile-nav button{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:48px;padding:4px;border:0;border-radius:10px;background:none;color:var(--text-dim);font-size:11px}.mobile-nav .icon{width:20px;height:20px}.mobile-nav [aria-current=page]{color:var(--accent);background:var(--accent-soft)}.mobile-nav button:active{background:var(--surface-high)}.app-shell[data-export-busy=true] [data-section=export]:after{content:"";position:absolute;top:4px;right:22%;width:7px;height:7px;border-radius:50%;background:var(--accent)}button,.button,summary,select{min-height:44px}button,.button{min-width:44px}input:not([type=range]):not([type=checkbox]),select,textarea{font-size:16px;min-height:44px;min-width:0;max-width:100%}input[type=checkbox]{width:22px;height:22px;flex:none}.toggle{min-height:54px}.toggle>span,.field>span,.slider-head strong{font-size:14px}.slider-note,.hint{font-size:12px;line-height:1.5}input[type=range]{height:36px;margin:0;border-radius:0;background:linear-gradient(var(--line-strong),var(--line-strong)) center / 100% 6px no-repeat;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.tab-bar{top:-12px;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;margin:0 0 12px}.tab-button{border-radius:8px;font-size:12px;min-height:48px}#settings-tabs [data-tab=export],.workspace[data-mobile-section=export] #settings-tabs{display:none}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-grid button{min-width:0;min-height:44px;font-size:14px}.calendar-nav{min-width:44px}.day-hours{grid-template-columns:repeat(24,44px);height:58px;overflow-x:auto;align-items:end}.day-hour,.day-hour:disabled{min-height:44px;height:44px;position:relative;border-radius:4px}.day-hour:after{content:attr(data-hour);position:absolute;bottom:3px;left:0;right:0;font-size:11px;color:var(--text)}.day-ticks{display:none}.archive-hit{padding:12px;gap:5px;min-width:0}.archive-hit strong{font-size:14px}.archive-hit small{font-size:12px}.archive-hit-spark{overflow:hidden}.import-notice{bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell[data-player-expanded=true] .topbar,.app-shell[data-player-expanded=true] .mobile-nav,.app-shell[data-player-expanded=true] .touch-tools,.app-shell[data-player-expanded=true] .highlights,.app-shell[data-player-expanded=true] #touch-trim-summary{display:none}.app-shell[data-player-expanded=true]{grid-template-rows:minmax(0,1fr)}}@media(max-width:767px){.app-shell{grid-template-rows:minmax(0,1fr) auto}.topbar{display:none}.workspace,.workspace[data-settings=hidden],.workspace[data-focus=library]{display:block}.workspace .stage-column{height:100%}.stage-frame{flex:none;height:calc((100vw - 20px)*.5625 + 16px);aspect-ratio:auto;padding:8px 10px;container-type:size}.stage{width:100%;height:auto;max-height:100%}.workspace[data-mobile-section=player] .stage-column:has(#drop-state:not([hidden])) .stage-frame{min-height:300px;aspect-ratio:auto}.stage:has(#drop-state:not([hidden])){height:100%;aspect-ratio:auto}.stage-column:has(#drop-state:not([hidden])) .transport,.stage-column:has(#drop-state:not([hidden])) .touch-tools{display:none}.welcome-actions{flex-direction:column;width:min(240px,100%)}.welcome-actions .button{width:100%}.workspace[data-mobile-section=library] .panel-library,.workspace[data-mobile-section=archive] .panel-library,.workspace[data-mobile-section=edit] .panel-settings,.workspace[data-mobile-section=export] .panel-settings{position:absolute;z-index:10;inset:0;border:0;border-top:1px solid var(--line-strong);border-radius:18px 18px 0 0}.workspace:is([data-mobile-section=edit],[data-mobile-section=export]) .panel-settings{top:var(--edit-top, 45%)}.workspace[data-sheet-expanded=true] .panel-settings,.workspace[data-keyboard=true] .panel{top:0}.sheet-header{padding:10px 14px 6px}.sheet-handle{display:grid;place-items:center;grid-column:1 / -1;min-height:44px;height:44px;margin:-18px 44px -22px;padding:0;background:none;border:0;touch-action:none}.sheet-handle span{width:36px;height:4px;border-radius:2px;background:var(--text-faint)}.sheet-handle:disabled{visibility:hidden}.workspace:is([data-mobile-section=edit],[data-mobile-section=export]) .stage-frame{max-height:var(--preview-limit, 30dvh)}.workspace:is([data-mobile-section=edit],[data-mobile-section=export]) .stage{width:min(100cqw,calc(100cqh * 16 / 9));max-width:100%;margin:auto}.workspace:is([data-mobile-section=edit],[data-mobile-section=export]) :is(.touch-tools,.highlights){visibility:hidden}.panel-scroll{padding-left:14px;padding-right:14px}.library-toolbar{padding:8px}.toolbar-row{flex-wrap:wrap;gap:6px}.toolbar-control{flex:1 1 auto}.toolbar-control select{width:auto}.library-list:not(.is-list) .library-item-thumb{max-height:180px;object-fit:cover}.app-shell[data-player-expanded=true] .stage-frame{flex:1;aspect-ratio:auto;min-height:0;container-type:size}.app-shell[data-player-expanded=true] .stage{width:min(100cqw,calc(100cqh * 16 / 9))}}@media(max-width:1100px)and (max-height:500px)and (orientation:landscape){.app-shell{grid-template-rows:minmax(0,1fr) auto}.topbar{display:none}.workspace,.workspace[data-settings=hidden],.workspace[data-focus=library]{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,44%)}.workspace[data-mobile-section=player]{grid-template-columns:minmax(0,1fr)}.workspace .panel{position:static!important;border-radius:0!important}.workspace .stage-frame{flex:1;aspect-ratio:auto;min-height:0;max-height:none;container-type:size}.workspace .stage{width:min(100cqw,calc(100cqh * 16 / 9));max-width:100%}.sheet-handle,.highlights,.touch-tools{display:none}.mobile-nav{padding-top:2px;padding-bottom:max(2px,env(safe-area-inset-bottom))}.mobile-nav button{min-height:44px;display:flex;justify-content:center;gap:6px}.transport{padding:0 10px 4px}}
