:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b0f14;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:#0b0f14}.page{padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f1720;border-radius:12px;margin-bottom:16px}.brand{font-weight:700;font-size:18px}.gear{background:#111827;border:1px solid #1f2937;color:#e5e7eb;border-radius:8px;padding:6px 10px}.layout{display:grid;grid-template-columns:290px 1fr;gap:12px}.layout.collapsed{grid-template-columns:56px 1fr}.drill{background:#0f1720;border-radius:12px;padding:8px;height:calc(100vh - 120px);overflow:auto;position:relative;transition:width .16s ease}.drill.collapsed{padding:4px}.collapse-toggle{position:sticky;top:0;display:flex;justify-content:flex-end;z-index:2}.collapse-toggle button{background:#111827;border:1px solid #1f2937;color:#e5e7eb;border-radius:6px;padding:2px 6px;cursor:pointer}.list{background:#0f1720;border-radius:12px;padding:8px;height:calc(100vh - 120px);overflow:auto}.list-row{display:flex;gap:6px;align-items:center}.list-item{flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:8px;color:#e5e7eb;border-radius:8px;overflow:hidden}.list-item .title,.list-item .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item:hover{background:#111827}.list-item.active.current{background:#1e3a5f;border-left:3px solid #3b82f6}.list-item.active.ancestor{background:#161f2b;border-left:3px solid #1f2937}.inline-rename{width:100%;background:#111827;color:#e5e7eb;border:1px solid #3b82f6;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:600;margin:0}.list-del{width:28px;height:28px;border-radius:8px;background:#111827;border:1px solid #1f2937;color:#9ca3af}.list-del:hover{color:#fff;border-color:#374151}.list-dup{width:28px;height:28px;border-radius:8px;background:#111827;border:1px solid #1f2937;color:#93c5fd;font-size:12px}.list-dup:hover{color:#dbeafe;border-color:#3b82f6;background:#0b1220}.list-add{width:100%;margin-top:8px;background:#111827;border:1px dashed #1f2937;color:#9ca3af;padding:8px;border-radius:8px;cursor:pointer;transition:background .12s ease}.list-add:hover{background:#1f2937;color:#e5e7eb}.title{font-weight:600}.meta{font-size:11px;color:#9ca3af}.section-title{font-size:12px;color:#9ca3af;margin:8px;text-transform:uppercase;letter-spacing:.08em}.editor{background:#0f1720;border-radius:12px;padding:16px;overflow:auto}label{display:block;margin-top:12px;font-size:12px;color:#9ca3af}input,textarea,select{width:100%;margin-top:6px;background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:8px;padding:8px}textarea{min-height:160px}.row{display:grid;grid-template-columns:1fr 1fr 120px;gap:12px}.row.two-col{grid-template-columns:1fr 1fr}.preview video{margin-top:12px;width:100%;max-width:400px;border-radius:12px}.block{margin-bottom:22px;background:#0f1720;border:1px solid #1f2937;border-radius:12px;padding:14px}.block h3{margin:4px 0 12px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%}.grid>div>img{width:100%;border-radius:6px;cursor:pointer}.grid img.selected{border:2px solid #3b82f6;border-radius:6px}.grid img:only-child{max-width:400px;justify-self:start}.card{background:#111827;border:1px solid #1f2937;border-radius:10px;padding:10px}.card .desc{font-size:12px;line-height:1.4;color:#cbd5f5;margin-top:6px}.card img{width:100%;max-width:400px;border-radius:8px;margin-top:8px;cursor:pointer}.card.selectable{cursor:pointer;transition:border .12s ease,background .12s ease}.card.selectable:hover{border-color:#374151;background:#0f1720}.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-top:8px;width:100%}.thumbs img{width:100%;border-radius:6px;cursor:pointer}.thumbs img.selected{border:2px solid #3b82f6}.thumbs img.inactive{border:1px solid #1f2937;opacity:.5}.thumb-wrap{position:relative;display:inline-block}.thumb-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;border:1px solid #1f2937;background:#111827;color:#e5e7eb;font-size:12px;line-height:16px;cursor:pointer}.thumb-remove:hover{background:#ef4444;color:#fff}.thumb-label{font-size:10px;color:#9ca3af;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:2px}.thumbs img:only-child{max-width:400px;justify-self:start}.feed{display:flex;flex-direction:column;gap:16px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.character-panel{background:#0b111a;border:1px solid #1f2937;border-radius:12px;padding:12px}.char-head{margin-bottom:8px}.batch{margin-top:12px}.batch-head{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.batch-head-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.batch-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.batch-model-label{display:inline-block;margin:2px 0 7px}.composite-model-label{display:inline-block;margin:5px 0;padding:2px 0}.batch-delete{width:24px;height:24px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#9ca3af;line-height:1;font-size:16px;cursor:pointer;padding:0;flex:0 0 auto}.batch-delete:hover{color:#e5e7eb;border-color:#475569;background:#111827}.history-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.history-card-grid>.card{min-width:0}.history-card-grid>.card>img{display:block;margin:8px auto 0;max-width:300px}@media(max-width:1320px){.history-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.history-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.history-card-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.gen-form{margin-top:16px;padding:12px;border:1px dashed #1f2937;border-radius:10px;background:#0b1220}.gen-history{margin:6px 0 12px}.gen-history>summary{cursor:pointer;color:#9ca3af;font-size:12px;letter-spacing:.2px}.gen-history[open]>summary{color:#cbd5e1}.gen-history .grid .card>.title{font-size:10px;color:#9ca3af;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.gen-history .grid .card>img{margin-top:4px}.selected-preview{margin:8px 0 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.gen-title{font-size:12px;color:#9ca3af;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.hover-tip-btn{position:relative}.hover-tip-floating{position:fixed;z-index:1500;max-width:min(520px,78vw);padding:8px 10px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#e5e7eb;font-size:11px;line-height:1.35;white-space:normal;text-align:left;box-shadow:0 10px 24px #00000059;pointer-events:none}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .16s ease-out}.modal.open{opacity:1}body.modal-open{overflow:hidden}.modal-content{position:relative;background:#0f1720;border:1px solid #1f2937;border-radius:12px;padding:12px;max-width:90vw;max-height:90vh;transform:translateY(6px) scale(.98);transition:transform .16s ease-out;cursor:grab;overflow:hidden}.modal.open .modal-content{transform:translateY(0) scale(1)}.modal-content.dragging{cursor:grabbing}.modal-content img{max-width:86vw;max-height:80vh;display:block;border-radius:10px;transition:transform 60ms ease-out;transform-origin:center;pointer-events:none;-webkit-user-select:none;user-select:none}.confirm-card{background:#0f1720;border:1px solid #1f2937;border-radius:12px;padding:14px;min-width:280px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.confirm-actions button{padding:6px 10px}.bulk-inframe-modal{width:min(780px,92vw);max-height:86vh;overflow:hidden;background:#0f1720;border:1px solid #1f2937;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.bulk-inframe-head .title{font-size:14px;font-weight:700}.bulk-inframe-top-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-inframe-top-actions button{font-size:11px;color:#cbd5e1;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:6px 10px;cursor:pointer}.bulk-inframe-top-actions button:hover{color:#e5e7eb;border-color:#374151}.bulk-inframe-list{overflow:auto;border:1px solid #1f2937;border-radius:10px;padding:10px;background:#0b111a}.bulk-inframe-scene{border:1px solid #1f2937;border-radius:10px;background:#0f1720;padding:8px}.bulk-inframe-scene+.bulk-inframe-scene{margin-top:8px}.bulk-inframe-scene-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bulk-inframe-toggle{font-size:11px;color:#9ca3af;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:4px 8px;cursor:pointer}.bulk-inframe-toggle:hover{color:#e5e7eb;border-color:#374151}.bulk-inframe-shots{margin-top:8px;padding-top:8px;border-top:1px solid #1f2937;display:grid;gap:6px}.bulk-inframe-shot-item{margin-left:14px}@media(max-width:1200px){.layout{grid-template-columns:240px 1fr}}@media(max-width:900px){.layout{grid-template-columns:200px 1fr}.list{height:auto}}@media(max-width:700px){.layout{grid-template-columns:1fr}.drill{height:auto;max-height:50vh}}.breadcrumb{font-size:12px;color:#9ca3af;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 4px 10px}.breadcrumb span:nth-child(odd){color:#e5e7eb}.drill-level{padding:6px 0 0;margin:0;position:relative;border-left:none}.drill-level:before{display:none}.drill-level.depth-0{padding:4px}.drill-level.depth-0>.level-title{font-size:12px;color:#e5e7eb;font-weight:600;margin:4px 0 6px}.drill-level.depth-1,.drill-level.depth-2,.drill-level.depth-3{margin-top:10px;padding-left:14px;border-left:2px solid #1f2937}.drill-level.depth-1>.level-title{color:#9ca3af}.drill-level.depth-2>.level-title{color:#6b7280}.drill-level.depth-3>.level-title{color:#6b7280}.level-title{font-size:11px;color:#9ca3af;margin:6px 0;text-transform:uppercase;letter-spacing:.08em}.list-row{position:relative}.list-row:before{display:none}.list-item.active+.list-del{border-color:#2563eb}:root{--text-title: 18px;--text-subhead: 15px;--text-body: 13px;--text-meta: 11px}.section-head{display:flex;align-items:center;gap:8px}.section-head h3{font-size:var(--text-subhead);margin:0}.section-help{margin-left:4px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid #6b7280;color:#9ca3af;font-size:11px;font-weight:700;line-height:1;background:transparent;cursor:help}.section-help-tip-floating{position:fixed;z-index:9999;width:max-content;max-width:min(520px,78vw);background:#0f1720;border:1px solid #374151;border-radius:8px;padding:10px 12px;color:#fff;font-size:11px;line-height:1.45;text-align:left;box-shadow:0 12px 28px #0000006b;pointer-events:none}.section-help-tip-floating:before{content:"";position:absolute;left:14px;width:8px;height:8px;background:#0f1720;border-left:1px solid #374151;border-top:1px solid #374151}.section-help-tip-floating.below:before{top:-5px;transform:rotate(45deg)}.section-help-tip-floating.above:before{bottom:-5px;transform:rotate(225deg)}.section-sub{font-size:var(--text-meta);color:#9ca3af;margin:6px 0 10px}.badge{background:#1f2937;color:#e5e7eb;border:1px solid #2b3647;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge.subtle{background:#0b1220;color:#9ca3af;border-color:#1f2937}.prompt-toggle{margin-top:6px}.prompt-toggle summary{cursor:pointer;font-size:11px;color:#9ca3af}.prompt-toggle .meta{margin-top:6px}.card.selectable{position:relative}.card.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}.breadcrumb{gap:8px}.pill{background:#111827;border:1px solid #1f2937;color:#e5e7eb;border-radius:999px;padding:2px 6px;font-size:10px}.prompt-body{color:#9ca3af;font-size:11px;line-height:1.5;max-width:72ch;margin-top:6px}.char-head .title{font-size:16px;font-weight:600}.char-head{border-bottom:1px solid #1f2937;padding-bottom:8px;margin-bottom:10px}.ref-preview{margin:10px 0;padding:10px;border:1px solid #1f2937;border-radius:10px;background:#0b111a}.ref-title{font-size:11px;color:#9ca3af;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ref-card{background:#0f1720;border:1px solid #1f2937;border-radius:8px;padding:8px}.ref-name{font-size:12px;font-weight:600;margin-bottom:6px}.ref-card .thumbs{margin-top:4px;grid-template-columns:repeat(4,minmax(60px,1fr))}.ref-card .thumbs img{max-width:100%;border:1px solid #1f2937;border-radius:6px}.ref-card .thumbs img.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}.ref-preview .ref-group{margin-bottom:10px}.ref-preview .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.ref-preview .thumbs img{width:100%;border-radius:8px;border:1px solid #1f2937;cursor:pointer}.ref-preview .thumbs img.selected{border-color:#3b82f6!important;outline:2px solid #3b82f6!important}.ref-preview .thumbs.single-ref{grid-template-columns:minmax(0,400px);justify-content:start}.ref-preview .thumbs.single-ref .thumb-wrap{max-width:400px;width:100%}.ref-preview .thumbs.single-ref img{max-width:400px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-panel{background:#0b111a;border:1px solid #1f2937;border-radius:12px;padding:12px}.story-panel .title{font-weight:600;margin-bottom:8px}@media(max-width:900px){.story-grid{grid-template-columns:1fr}}.immutables{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}.immutables label{font-size:11px;color:#9ca3af}.immutables input,.immutables textarea{width:100%;background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:6px;padding:6px;font-size:12px}@media(max-width:900px){.immutables{grid-template-columns:1fr}}.shot-refs{background:#0b111a;border:1px solid #1f2937;border-radius:10px;padding:10px;margin-bottom:12px}.shot-refs-title{font-size:12px;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.shot-refs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.checkbox{display:flex;align-items:center;gap:6px;font-size:12px}@media(max-width:900px){.shot-refs-grid{grid-template-columns:1fr}}.shot-env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.shot-env-card{min-height:120px}.shot-env-card img{width:100%;max-width:100%;border-radius:8px;margin-top:8px}.shot-select{background:#0b111a;border:1px solid #1f2937;border-radius:10px;padding:12px;margin-bottom:12px}.shot-select .primary{margin-top:10px}.shot-select .thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.shot-select .thumbs img{max-width:100%}.shot-char-base-thumbs img{border:1px solid #1f2937;border-radius:6px}.shot-var-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:6px}.shot-var-option{width:100%;text-align:left;background:#111827;border:1px solid #1f2937;border-radius:10px;padding:8px;color:#e5e7eb;cursor:pointer}.shot-var-option .title{font-size:12px;font-weight:600}.shot-var-option .meta{font-size:10px;color:#9ca3af;margin-top:2px}.shot-var-option.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}.shot-char-var-thumbs{margin-top:6px}.shot-char-var-thumbs img{border:1px solid #1f2937;border-radius:6px}.shot-char-var-selected-thumbs{margin-top:8px}@media(max-width:760px){.shot-select .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.shot-var-options{grid-template-columns:repeat(1,minmax(0,1fr))}}.shot-char-tabs{display:flex;flex-direction:column;gap:12px;margin:8px 0}.shot-char-tabs-head{font-size:13px;font-weight:600;color:#cbd5e1;letter-spacing:.01em}.shot-char-tab{background:#0b111a;border:1px solid #334155;border-radius:12px;overflow:hidden}.shot-char-summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(180deg,#132033,#0f172a);border-bottom:1px solid #1f2937;font-size:20px;font-weight:700;color:#e5e7eb;line-height:1.2}.shot-char-summary::-webkit-details-marker{display:none}.shot-char-summary::marker{content:""}.shot-char-summary:before{content:"▾";font-size:13px;color:#93c5fd;line-height:1;transform:translateY(1px)}.shot-char-tab:not([open])>.shot-char-summary:before{content:"▸"}.shot-char-name{font-size:20px;font-weight:700;letter-spacing:.01em}.shot-char-steps{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}.shot-char-step{position:relative;margin-left:14px;padding-left:14px;border-left:2px solid #1f2937}.shot-char-step:before{content:"";position:absolute;left:-2px;top:18px;width:14px;border-top:2px solid #1f2937}.shot-char-step-summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #334155;border-radius:10px;background:#111827;font-size:16px;font-weight:700;color:#dbeafe;letter-spacing:.01em}.shot-char-step-summary::-webkit-details-marker{display:none}.shot-char-step-summary::marker{content:""}.shot-char-step-summary:before{content:"▾";font-size:12px;color:#60a5fa;line-height:1}.shot-char-step:not([open])>.shot-char-step-summary:before{content:"▸"}.shot-char-step-content,.shot-char-step-content.gen-form{margin-top:8px}@media(max-width:700px){.shot-char-summary{padding:11px 12px;font-size:18px}.shot-char-name{font-size:18px}.shot-char-step{margin-left:10px;padding-left:10px}.shot-char-step:before{width:10px;top:17px}.shot-char-step-summary{font-size:15px}}label{font-size:12px;letter-spacing:.02em}input,textarea,select{font-size:13px;line-height:1.4;padding:9px 10px;border-radius:10px}input:focus,textarea:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}button.primary{background:#2563eb;color:#fff;border:1px solid #2563eb;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600;margin-top:14px}button.primary:hover{background:#1d4ed8}button.primary:active{transform:translateY(1px)}.character-panel{padding:14px}.char-head .title{font-size:15px;letter-spacing:.01em}.card{padding:12px;border-radius:12px}.card img{border-radius:10px}.card .desc{font-size:12px;color:#cbd5e1}.thumbs{gap:8px}.hl-textarea-display{margin-top:6px;background:#111827;border:1px solid #1f2937;border-radius:10px;padding:9px 10px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word;cursor:text;min-height:60px}.hl-textarea-display:hover{border-color:#374151}.hl-dynamic{color:#60a5fa}.hl-template{color:#e5e7eb}.hl-editor-wrap{position:relative}.mention-menu{position:absolute;left:8px;top:calc(100% - 2px);z-index:20;min-width:240px;max-height:220px;overflow-y:auto;background:#0f1720;border:1px solid #1f2937;border-radius:8px;padding:4px;box-shadow:0 8px 20px #00000059}.mention-menu button{width:100%;text-align:left;background:transparent;color:#e5e7eb;border:0;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:12px}.mention-menu button:hover,.mention-menu button.active{background:#1f2937}.prompt-default-btns{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.prompt-default-btns button{font-size:10px;color:#9ca3af;background:#111827;border:1px solid #1f2937;border-radius:6px;padding:2px 8px;cursor:pointer}.prompt-default-btns button:hover{color:#e5e7eb;border-color:#374151}.json-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.json-actions button{font-size:11px;color:#cbd5e1;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:6px 10px;cursor:pointer}.json-actions button:hover{color:#e5e7eb;border-color:#374151;background:#0f1720}.shot-top-summary{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.shot-top-summary-label{min-width:0;display:inline-flex;align-items:center;gap:8px}.shot-top-summary-title{font-size:var(--text-subhead);font-weight:600}.shot-top-summary-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.shot-top-summary-actions button{font-size:11px;color:#cbd5e1;background:#111827;border:1px solid #1f2937;border-radius:8px;padding:6px 10px;cursor:pointer}.shot-top-summary-actions button:hover{color:#e5e7eb;border-color:#374151;background:#0f1720}.shot-ref-help{position:relative;display:inline-flex;align-items:center}.shot-ref-help-btn{width:18px;height:18px;border-radius:999px;border:1px solid #6b7280;background:transparent;color:#9ca3af;font-size:11px;font-weight:700;line-height:16px;padding:0;cursor:help}.shot-ref-help-tip{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(360px,80vw);background:#0f1720;border:1px solid #374151;border-radius:8px;padding:8px 10px;color:#fff;font-size:11px;line-height:1.4;box-shadow:0 8px 24px #00000059;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.shot-ref-help:hover .shot-ref-help-tip,.shot-ref-help:focus-within .shot-ref-help-tip{opacity:1;transform:translateY(0)}@media(max-width:900px){.editor,.block{padding:12px}.character-grid,.grid,.row{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,minmax(80px,1fr))}button.primary{width:100%}}