:root{--bg-base: #0d0d0f;--bg-surface: #1a1a1f;--bg-surface-hover: #22222a;--bg-elev: #24242d;--border: #2a2a35;--border-strong: #3a3a48;--text-primary: #e8e8ef;--text-secondary: #8888a0;--text-tertiary: #5a5a70;--accent-amber: #f59e0b;--accent-green: #10b981;--accent-blue: #3b82f6;--accent-red: #ef4444;--accent-gray: #4b4b5e;--accent-text: #0d0d0f;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;background:var(--bg-base);position:sticky;top:0;z-index:10}.brand{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.02em}.brand-dot{display:inline-block;width:8px;height:8px;background:var(--accent-green);border-radius:2px;margin-right:8px;vertical-align:1px}.crumbs{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.crumbs .sep{color:var(--text-tertiary)}.crumbs a{cursor:pointer}.crumbs a:hover,.crumbs .current{color:var(--text-primary)}.topbar-spacer{flex:1}.topbar-env{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);display:flex;gap:12px}.topbar-env span b{color:var(--text-secondary);font-weight:500}.topnav{display:flex;gap:2px;margin-left:8px;padding:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.topnav a{padding:4px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);border-radius:4px;cursor:pointer;line-height:1.5}.topnav a:hover{color:var(--text-primary)}.topnav a.on{background:var(--bg-elev);color:var(--text-primary)}.style-identity{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:20px 0;align-items:start}.style-thumb{width:140px;height:140px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);overflow:hidden}.style-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.style-fields .field{display:flex;flex-direction:column;gap:6px}.style-fields .field input,.style-fields .field textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-size:13px;line-height:1.55;outline:none;resize:vertical;font-family:var(--font-ui)}.style-fields .field input:focus,.style-fields .field textarea:focus{border-color:var(--accent-amber)}.style-fields .desc-label{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.palette-strip{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0}.swatch{width:96px;height:96px;border-radius:8px;border:1px solid rgba(255,255,255,.08);position:relative;display:flex;align-items:flex-end;padding:8px;overflow:hidden}.swatch-hex{font-family:var(--font-mono);font-size:11px;background:#0d0d0fb8;color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:.03em}.swatch-x{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:100px;background:#0d0d0fb3;color:#fff;border:none;font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer}.swatch:hover .swatch-x{display:flex}.swatch-add{width:96px;height:96px;border-radius:8px;border:1.5px dashed var(--border-strong);background:var(--bg-surface);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:10px}.swatch-add input{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:4px 6px;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;outline:none;width:100%}.swatch-add input:focus{border-color:var(--accent-amber)}.swatch-add .btn{width:100%;height:22px;padding:0;font-size:13px}.moodboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:16px 0}.moodboard-tile{aspect-ratio:4 / 3;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border);position:relative;overflow:hidden}.moodboard-tile .tile-x{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:100px;background:#0d0d0fbf;color:#fff;border:none;font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer}.moodboard-tile:hover .tile-x{display:flex}.moodboard-add{border-style:dashed;border-color:var(--border-strong);background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;cursor:pointer}.moodboard-add span{font-size:10px;color:var(--text-tertiary);text-transform:uppercase}.moodboard-add:hover{border-color:var(--accent-amber);color:var(--text-primary)}.prompt-suffix{display:flex;flex-direction:column;gap:10px;padding:16px 0}.prompt-suffix-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.55;max-width:620px}.prompt-suffix textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-size:13px;font-family:var(--font-ui);line-height:1.55;resize:vertical;outline:none}.prompt-suffix textarea:focus{border-color:var(--accent-amber)}.inheritance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px 0}.inh-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.inh-num{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-primary);line-height:1}.inh-lbl{font-size:12px;color:var(--text-secondary)}.inh-link{margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--accent-amber);cursor:pointer}.inh-link:hover{text-decoration:underline}.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:8px 0 24px}.style-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .12s}.style-card:hover{border-color:var(--border-strong)}.style-card.active{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 5%,var(--bg-surface))}.style-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.style-card-name{font-weight:600;font-size:14px;color:var(--text-primary)}.style-card-body{flex:1;min-height:0}.style-card-actions{display:flex;gap:6px;align-items:center;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.style-form{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px;padding:16px}.view-toggle{display:flex;padding:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;gap:2px}.view-toggle button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);border-radius:4px;line-height:1.5;height:26px}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.on{background:var(--bg-elev);color:var(--text-primary)}.view-toggle svg{opacity:.8}.asset-filters{display:flex;gap:6px;padding:12px 0 4px;flex-wrap:wrap}.asset-filter{height:28px;padding:0 10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:100px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.asset-filter:hover{color:var(--text-primary);border-color:var(--border-strong)}.asset-filter.on{background:var(--bg-elev);color:var(--text-primary);border-color:var(--text-tertiary)}.asset-filter-count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);padding:1px 5px;background:var(--bg-surface);border-radius:100px}.asset-filter.on .asset-filter-count{color:var(--text-secondary)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}.asset-tile{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:0;overflow:hidden;cursor:pointer;text-align:left;color:inherit;transition:border-color .12s,transform .08s}.asset-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.asset-tile-media{position:relative;aspect-ratio:1 / 1;background:var(--bg-elev);overflow:hidden;border-bottom:1px solid var(--border)}.asset-tile-media>svg{width:100%;height:100%;display:block}.asset-kind-badge{position:absolute;top:6px;left:6px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.08em;padding:2px 5px;background:#0d0d0fc7;color:var(--text-primary);border-radius:3px}.asset-kind-badge.character{color:var(--accent-amber)}.asset-kind-badge.move{color:#aab}.asset-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:100px;box-shadow:0 0 0 2px #0d0d0f99}.asset-dot.idle{background:var(--accent-gray)}.asset-dot.gen{background:var(--accent-amber);animation:pulse 1.2s ease-in-out infinite}.asset-dot.ready{background:var(--accent-green)}.asset-dot.accepted{background:var(--accent-blue)}.asset-dot.failed{background:var(--accent-red)}.asset-dot.draft{background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.asset-busy{position:absolute;inset:0;background:#0d0d0f8c;display:flex;align-items:center;justify-content:center;color:var(--accent-amber);font-family:var(--font-mono);font-size:22px}.asset-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.asset-tile-body{padding:8px 10px 10px}.asset-tile-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.style-chip{display:inline-flex;align-items:center;gap:8px;height:22px;padding:0 8px 0 4px;border-radius:100px;background:var(--bg-elev);border:1px solid var(--border-strong);cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-transform:none;letter-spacing:.02em;transition:border-color .12s,color .12s}.style-chip:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.style-chip b{color:var(--text-primary);font-weight:600}.style-chip-swatches{display:inline-flex;align-items:center;padding:2px;gap:0}.style-chip-sw{width:10px;height:14px;display:inline-block;margin-right:-2px;border-radius:2px;border:1px solid rgba(13,13,15,.5)}.content{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:0}.section-label .count{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:13px;font-weight:500;border-radius:6px;transition:background .12s ease,border-color .12s ease;height:32px;white-space:nowrap}.btn:hover{background:var(--bg-surface-hover);border-color:var(--text-tertiary)}.btn.primary{background:var(--accent-green);color:var(--accent-text);border-color:var(--accent-green);font-weight:600}.btn.primary:hover{background:#0ea371;border-color:#0ea371}.btn.ghost{background:transparent;border-color:var(--border)}.btn.ghost:hover{background:var(--bg-surface)}.btn.sm{height:26px;padding:4px 8px;font-size:12px}.btn.icon{width:28px;height:28px;padding:0;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:100px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);white-space:nowrap}.pill .g{font-family:var(--font-mono);font-size:11px;line-height:1}.pill.idle{background:var(--accent-gray);color:var(--text-primary)}.pill.gen{background:var(--accent-amber)}.pill.ready{background:var(--accent-green)}.pill.accepted{background:var(--accent-blue);color:#fff}.pill.failed{background:var(--accent-red);color:#fff}.pill.draft{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.pill .spin{display:inline-block;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.char-list{display:flex;flex-direction:column}.char-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-top:none;cursor:pointer;transition:background .12s}.char-row:first-child{border-top:1px solid var(--border);border-radius:8px 8px 0 0}.char-row:last-child{border-radius:0 0 8px 8px}.char-list .char-row:only-child{border-radius:8px}.char-row:hover{background:var(--bg-surface-hover)}.thumb{width:56px;height:56px;border-radius:8px;flex-shrink:0;overflow:hidden;background:var(--bg-elev);border:1px solid var(--border)}.thumb.big{width:100px;height:100px}.char-row .meta{flex:1;min-width:0}.char-row .name{font-size:15px;font-weight:600;margin-bottom:2px}.char-row .sub{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:flex;gap:10px;align-items:center}.char-row .sub .dot{color:var(--text-tertiary)}.identity{display:flex;flex-direction:column;gap:20px;padding:20px 0}.identity-media{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-slot{display:flex;flex-direction:column;gap:8px;position:relative}.identity-img{position:relative;height:280px;border-radius:10px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--border)}.identity-slot-label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;text-align:center}.identity-desc{display:flex;flex-direction:column;gap:10px;min-width:0}.identity-desc .desc-label{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.identity-desc textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text-primary);resize:none;min-height:90px;max-height:140px;line-height:1.55;font-size:13px}.identity-desc textarea:focus{outline:none;border-color:var(--accent-amber)}.identity-actions{display:flex;gap:8px;align-items:center}.thumb{position:relative}.thumb .overlay,.identity-img .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0d0fb8;color:var(--accent-amber);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-align:center}.thumb .overlay.err{color:var(--accent-red)}.prompt-tooltip{position:absolute;inset:auto 0 0;background:#0d0d0feb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;z-index:20;border-radius:0 0 8px 8px}.prompt-tooltip-text{font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--text-secondary);flex:1;max-height:6em;overflow-y:auto;word-break:break-word;white-space:pre-wrap}.prompt-tooltip-copy{flex-shrink:0;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;padding:2px 6px;cursor:pointer;transition:color .15s,border-color .15s}.prompt-tooltip-copy:hover{color:var(--text-primary);border-color:var(--text-primary)}.move-list{display:flex;flex-direction:column}.move-row{display:grid;grid-template-columns:1fr 140px 140px auto;align-items:center;gap:16px;height:48px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background .12s}.move-row:first-child{border-top:1px solid var(--border);border-radius:6px 6px 0 0}.move-row:last-child{border-radius:0 0 6px 6px;border-bottom:1px solid var(--border)}.move-row:hover{background:var(--bg-surface-hover)}.move-row.active{background:var(--bg-surface-hover);box-shadow:inset 3px 0 0 var(--accent-amber)}.move-name{font-size:14px;font-weight:500;cursor:pointer}.move-name:hover{color:var(--accent-amber)}.move-category{display:inline-block;margin-left:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.move-input{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);background:var(--bg-elev);border:1px solid var(--border);padding:4px 8px;border-radius:4px;width:fit-content}.move-input input{background:transparent;border:none;outline:none;font:inherit;width:100%;color:inherit;padding:0}.move-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.move-generate-all{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.move-generate-all .hint{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.move-add-form{display:grid;grid-template-columns:1fr 160px 1.5fr auto;gap:10px;align-items:start;padding:12px 16px;background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:6px;margin-top:12px}.move-add-form input,.move-add-form textarea{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:4px;padding:8px 10px;color:var(--text-primary);font-size:13px;outline:none}.move-add-form input:focus,.move-add-form textarea:focus{border-color:var(--accent-amber)}.move-add-form input.notation{font-family:var(--font-mono)}.move-add-form input.invalid,.move-add-form textarea.invalid{border-color:var(--accent-red)}.move-add-form textarea{resize:vertical;min-height:36px;max-height:90px;font-family:var(--font-ui)}.move-add-form .form-actions{display:flex;gap:6px;padding-top:2px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.video-player{width:100%;aspect-ratio:16 / 9;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.video-player .ctrl-overlay{position:absolute;inset:0;pointer-events:none}.video-player .ctrl-bar{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);background:linear-gradient(transparent,#00000080);pointer-events:auto}.video-player .scrubber{flex:1;height:3px;background:#ffffff2e;border-radius:2px;overflow:hidden;position:relative}.video-player .scrubber>div{height:100%;background:var(--accent-amber);transition:width .1s linear}.prompt-panel{display:flex;flex-direction:column;gap:10px}.prompt-panel .label{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.prompt-panel textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;min-height:140px;resize:vertical;color:var(--text-primary);font-size:13px;line-height:1.55;outline:none}.prompt-panel textarea:focus{border-color:var(--accent-amber)}.frame-strip{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0}.frame{width:96px;height:64px;border-radius:4px;background:var(--bg-elev);border:2px solid var(--border);cursor:pointer;position:relative;overflow:hidden;transition:transform .1s,border-color .12s}.frame:hover{transform:translateY(-2px)}.frame.accepted{border-color:var(--accent-blue)}.frame.rejected{border-color:var(--accent-red);opacity:.55}.frame .tag{position:absolute;bottom:2px;left:4px;font-family:var(--font-mono);font-size:9px;color:var(--text-primary);background:#0d0d0fbf;padding:1px 4px;border-radius:2px;letter-spacing:.04em}.frame .mark{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.frame.accepted .mark{background:var(--accent-blue)}.frame.rejected .mark{background:var(--accent-red)}.props{display:grid;grid-template-columns:140px 1fr;gap:10px 20px;padding:20px 0 0}.props dt{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.props dd{margin:0;font-family:var(--font-mono);font-size:13px}.props dd input,.props dd select{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:6px 10px;width:100%;max-width:280px;outline:none;font-family:inherit;font-size:inherit;color:inherit}.props dd input:focus,.props dd select:focus{border-color:var(--accent-amber)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;width:440px;max-width:calc(100vw - 32px);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:16px;font-weight:600}.modal label,.modal .label-row{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.modal input[type=text]{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:6px;padding:10px 12px;color:var(--text-primary);outline:none;font-family:var(--font-ui);font-size:14px;text-transform:none;letter-spacing:normal}.modal input[type=text]:focus{border-color:var(--accent-amber)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:8px;padding:22px 16px;text-align:center;background:var(--bg-elev);cursor:pointer;transition:border-color .12s,background .12s;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;line-height:1.6}.dropzone:hover,.dropzone.over{border-color:var(--accent-amber);color:var(--text-primary);background:var(--bg-surface-hover)}.dropzone.has-file{border-style:solid;border-color:var(--accent-green);color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-primary);font-family:var(--font-ui);text-transform:none;letter-spacing:normal}.radio:hover{border-color:var(--border-strong);background:var(--bg-elev)}.radio.on{border-color:var(--accent-amber);background:#f59e0b14}.radio .r{width:14px;height:14px;border-radius:100px;border:1.5px solid var(--border-strong);flex-shrink:0;position:relative}.radio.on .r{border-color:var(--accent-amber)}.radio.on .r:after{content:"";position:absolute;inset:2px;border-radius:100px;background:var(--accent-amber)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.empty-hero{padding:72px 24px;text-align:center;border:1.5px dashed var(--border-strong);border-radius:12px;background:var(--bg-surface)}.empty-hero h1{margin:0 0 8px;font-size:22px;font-weight:600}.empty-hero p{margin:0 0 22px;color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column-reverse;gap:8px;z-index:200;pointer-events:none}.toast{background:var(--bg-elev);border:1px solid var(--border-strong);border-left:3px solid var(--accent-green);border-radius:6px;padding:12px 16px;min-width:280px;max-width:420px;font-size:13px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px #00000073;pointer-events:auto;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast.err{border-left-color:var(--accent-red)}.toast.info{border-left-color:var(--accent-amber)}.toast .t-body{flex:1}.toast .t-link{font-family:var(--font-mono);font-size:12px;color:var(--accent-green);cursor:pointer}.toast .t-link:hover{text-decoration:underline}.tweaks{position:fixed;bottom:20px;left:20px;width:280px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;z-index:150;box-shadow:0 12px 32px #00000080;font-size:12px;overflow:hidden}.tweaks header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.tweaks .body{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.tweaks .row{display:flex;flex-direction:column;gap:6px}.tweaks .row .label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.tweaks .row .seg{display:flex;gap:4px}.tweaks .seg button{flex:1;padding:5px 8px;border:1px solid var(--border-strong);border-radius:4px;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.tweaks .seg button.on{border-color:var(--accent-amber);color:var(--text-primary);background:#f59e0b1f}.app[data-accent=amber]{--accent-primary: var(--accent-amber)}.app[data-accent=green]{--accent-primary: var(--accent-green)}.app[data-accent=blue]{--accent-primary: var(--accent-blue)}.app[data-density=compact] .move-row{height:40px}.app[data-density=compact] .char-row{padding:10px 12px}.app[data-density=roomy] .move-row{height:56px}.app[data-density=roomy] .char-row{padding:18px}@media(max-width:768px){.content{padding:16px}.identity-media{grid-template-columns:1fr}.identity-img{height:200px}.detail-grid{grid-template-columns:1fr}.move-row{grid-template-columns:1fr auto}.move-input,.move-row .status-cell{display:none}.move-add-form{grid-template-columns:1fr}.topbar-env{display:none}}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px}.stage-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .12s,transform .08s}.stage-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.stage-card-media{position:relative;aspect-ratio:16 / 9;background:var(--bg-elev);border-bottom:1px solid var(--border);overflow:hidden}.stage-card-media>svg{width:100%;height:100%;display:block}.stage-card-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0d0f8c;color:var(--accent-amber)}.stage-loop-badge{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;padding:2px 6px;background:#0d0d0fcc;color:var(--accent-green);border-radius:3px}.stage-card-body{padding:10px 12px 12px}.stage-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.stage-card-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stage-hero{position:relative;width:100%;aspect-ratio:16 / 9;max-height:420px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:16px}.stage-hero>svg{width:100%;height:100%;display:block}.stage-hero-busy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d0f8c}.stage-hero-toolbar{position:absolute;bottom:10px;right:10px;display:flex;gap:6px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}.item-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .12s,transform .08s}.item-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.item-tile-media{position:relative;aspect-ratio:1 / 1;background:var(--bg-elev);border-bottom:1px solid var(--border);overflow:hidden}.item-tile-media>svg{width:100%;height:100%;display:block}.item-tile-body{padding:8px 10px 10px}.item-tile-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tile-meta{display:flex;gap:8px;align-items:center;margin-top:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.item-cat-pill{padding:1px 6px;border-radius:3px;background:var(--bg-elev);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.item-usedby{color:var(--text-tertiary);font-size:10px}.item-detail-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start;margin-top:18px}.item-hero{position:relative;aspect-ratio:1 / 1;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;overflow:hidden}.item-hero>svg{width:100%;height:100%;display:block}.item-refs{display:flex;flex-direction:column;gap:6px;margin-top:10px}.item-ref{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .12s}.item-ref:hover{background:var(--bg-surface-hover)}@media(max-width:768px){.item-detail-grid{grid-template-columns:1fr}}.fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pose-empty{padding:32px 16px;text-align:center;border:1px dashed var(--border);border-radius:8px;margin-top:12px;color:var(--text-secondary);font-size:13px}.pose-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.pose-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:14px}.pose-card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.pose-card-media{aspect-ratio:1;background:var(--bg-elev);overflow:hidden;display:flex;align-items:center;justify-content:center}.pose-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--accent-amber)}.pose-card-body{padding:10px 10px 8px;display:flex;flex-direction:column;gap:8px;flex:1}.pose-name-input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 0;width:100%;outline:none}.pose-name-input:focus{border-bottom-color:var(--accent-cyan)}.pose-prompt{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:11px;padding:6px 8px;resize:none;width:100%;box-sizing:border-box;font-family:var(--font-sans);line-height:1.5}.pose-prompt:focus{border-color:var(--accent-cyan);outline:none;color:var(--text-primary)}.pose-actions{display:flex;gap:6px;align-items:center}.gen-lab{display:flex;gap:0;min-height:calc(100vh - 100px)}.gen-lab-form{width:380px;flex-shrink:0;border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.gen-lab-results{flex:1;padding:24px;overflow-y:auto}.gen-dropzone{border:2px dashed var(--border);border-radius:8px;min-height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s}.gen-dropzone:hover{border-color:var(--accent-amber)}.gen-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gen-result-card{background:var(--bg-elev);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.gen-result-img{aspect-ratio:1;position:relative;background:var(--bg-surface)}.gen-result-meta{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.gen-result-actions{display:flex;gap:6px;flex-wrap:wrap}.gen-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.gen-modal{background:var(--bg-surface);border-radius:12px;width:800px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.gen-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.gen-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.gen-modal-img{width:320px;flex-shrink:0;background:var(--bg-elev);display:flex;align-items:center;justify-content:center}.gen-modal-img img{width:100%;height:100%;object-fit:contain}.gen-modal-right{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.gen-modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.trim-editor{display:flex;flex-direction:column;gap:10px}.trim-video{width:100%;border-radius:6px;display:block;background:var(--bg-elev)}.trim-thumbnails{display:flex;gap:12px}.trim-thumb-panel{display:flex;flex-direction:column;gap:4px;align-items:center}.trim-thumb-label{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:center}.trim-thumb-canvas{width:80px;height:80px;border:1px solid var(--border);border-radius:4px;image-rendering:pixelated;display:block;background:var(--bg-elev)}.trim-loop-banner{font-family:var(--font-mono);font-size:11px;color:var(--accent-green);background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:4px;padding:6px 10px}.trim-actions{display:flex;gap:8px}.trim-values{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}