:root{--ui-bg: rgba(16, 16, 28, .82);--ui-bg-solid: #151524;--ui-raise: rgba(255, 255, 255, .07);--ui-raise-hover: rgba(255, 255, 255, .13);--ui-line: rgba(255, 255, 255, .1);--ui-text: #e8e8f0;--ui-muted: #9a9ab0;--ui-accent: #6f8cff;--ui-accent-hover: #8aa1ff;--ui-radius: 10px;--ui-gap: 8px}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{overflow:hidden;background:#1a1a2e;color:var(--ui-text);font:13px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#canvas-container{position:fixed;inset:0}.ui button,.ui select,.ui a,.ui summary{font:inherit;color:var(--ui-text)}.ui button,.ui select{border:none;border-radius:8px;background:var(--ui-raise);padding:7px 11px;cursor:pointer;min-height:32px}.ui button:hover,.ui select:hover{background:var(--ui-raise-hover)}.ui select{background-color:#24243a}.ui :focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui .primary{background:var(--ui-accent);color:#fff;font-weight:600}.ui .primary:hover{background:var(--ui-accent-hover)}.ui .quiet{background:transparent;color:var(--ui-muted)}.ui .quiet:hover{color:var(--ui-text);background:var(--ui-raise)}.ui .note{color:var(--ui-muted);font-size:12px}.toolbar{position:fixed;top:12px;left:12px;right:12px;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-gap);pointer-events:none}.toolbar>*{pointer-events:auto}.seg{display:inline-flex;padding:3px;border-radius:var(--ui-radius);background:var(--ui-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg a{padding:6px 12px;border-radius:7px;text-decoration:none;color:var(--ui-muted)}.seg a:hover{color:var(--ui-text)}.seg a[aria-current=page]{background:var(--ui-raise-hover);color:var(--ui-text)}.toolbar>.pop>.pop-button,.toolbar>button{background:var(--ui-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar>.pop>.pop-button:hover,.toolbar>button:hover{background:var(--ui-bg-solid)}.pop{position:relative}.pop-button{display:inline-flex;align-items:center;gap:6px}.pop-button:after{content:"▾";color:var(--ui-muted);font-size:10px}.pop-inner{display:inline-flex;align-items:center;gap:8px}.pop-title{color:var(--ui-muted)}.char-thumb{width:22px;height:22px;border-radius:5px;object-fit:cover}.char-label{font-weight:600}.char-button[aria-busy=true] .char-label:after{content:" …"}.panel{position:absolute;top:calc(100% + 6px);left:0;z-index:110;min-width:220px;max-width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow:auto;padding:12px;border-radius:var(--ui-radius);background:var(--ui-bg-solid);border:1px solid var(--ui-line);box-shadow:0 12px 40px #00000073}.panel h3{margin:4px 0 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}.panel h3~h3{margin-top:14px}.char-panel{width:min(560px,calc(100vw - 24px))}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px!important;text-align:center}.tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#0e0e18}.tile[aria-pressed=true]{background:var(--ui-raise-hover);box-shadow:inset 0 0 0 2px var(--ui-accent)}.customize{margin-top:14px;border-top:1px solid var(--ui-line);padding-top:10px}.customize summary{cursor:pointer;color:var(--ui-muted)}.customize[open] summary{color:var(--ui-text);margin-bottom:6px}.customize label{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;margin-top:8px}.customize label span{color:var(--ui-muted)}.cam-panel{display:grid;gap:6px}.cam-panel button{text-align:left}.switch{display:flex;justify-content:space-between;align-items:center;gap:12px}.switch:after{content:"";width:30px;height:17px;border-radius:9px;background:#fff3;box-shadow:inset -13px 0 0 2px #1d1d2e;transition:box-shadow .15s,background .15s}.switch[aria-checked=true]:after{background:var(--ui-accent);box-shadow:inset 13px 0 0 2px #1d1d2e}.help-panel{min-width:280px}.help-panel dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px}.help-panel dt{font-family:ui-monospace,Menlo,monospace;color:var(--ui-text);white-space:nowrap}.help-panel dd{color:var(--ui-muted)}.help-panel .about{margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line);max-width:420px}.help-panel .about+.about{margin-top:6px;padding-top:0;border-top:0}.help-panel a{color:var(--ui-text)}body.dropping #canvas-container{outline:3px dashed var(--ui-accent);outline-offset:-12px}.help-panel .check{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line)}.status{position:fixed;left:50%;bottom:74px;transform:translate(-50%);z-index:90;max-width:calc(100vw - 24px);padding:4px 10px;border-radius:6px;color:var(--ui-muted);font-size:12px;text-align:center;pointer-events:none}.status:empty{display:none}body:not(.has-bottom) .status{bottom:16px}.hint{position:fixed;left:50%;top:22%;transform:translate(-50%);z-index:80;padding:10px 18px;border-radius:999px;background:var(--ui-bg);color:var(--ui-text);font-size:15px;opacity:0;pointer-events:none;transition:opacity .8s}.hint.on{opacity:1}.inspector{position:fixed;right:12px;bottom:74px;z-index:90;padding:8px 10px;border-radius:8px;background:var(--ui-bg);color:var(--ui-muted);font:11px/1.4 ui-monospace,Menlo,monospace;white-space:pre;pointer-events:none}.bottom:empty{display:none}.bottom{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:100;width:min(1120px,calc(100vw - 24px));display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-gap);padding:8px;border-radius:14px;background:var(--ui-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.show-controls{position:fixed;right:12px;bottom:12px;z-index:100;background:var(--ui-bg)!important;color:var(--ui-muted)!important}body.controls-hidden .toolbar,body.controls-hidden .bottom,body.controls-hidden .status,body.controls-hidden .inspector{display:none}@media(max-width:640px){.pop-title{display:none}.toolbar .panel{position:fixed;top:58px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100vh - 220px)}.bottom .panel.up{position:fixed;left:12px;right:12px;bottom:150px}.status,.inspector{bottom:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.bottom .play{min-width:76px}.bottom select{max-width:220px}.bottom .timeline{flex:1 1 80px;min-width:80px;accent-color:var(--ui-accent)}.bottom .time{color:var(--ui-muted);font:12px ui-monospace,Menlo,monospace;white-space:nowrap}.bottom button[aria-pressed=false]{color:var(--ui-muted);text-decoration:line-through}.panel.up{top:auto;bottom:calc(100% + 6px)}.speed-panel label{display:flex;align-items:center;gap:10px}.speed-panel input{width:160px;accent-color:var(--ui-accent)}.source-link{color:var(--ui-muted);font-size:12px;white-space:nowrap;text-decoration:underline dotted}.source-link:hover{color:var(--ui-text)}