.cx{--cx-line:var(--line-2,#ffffff1a);--cx-soft:var(--line,#ffffff0f);min-height:100dvh;color:var(--tx);background:radial-gradient(900px 380px at 30% -10%, #c8f04a0f, transparent 60%), var(--bg);font-family:var(--font-ohf-inter), system-ui, sans-serif;padding:18px 24px 56px}.cx-dim{color:var(--tx3);font-weight:400}.cx-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cx-top{justify-content:space-between;align-items:flex-end;gap:16px;max-width:1480px;margin:0 auto 16px;display:flex}.cx-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:1480px;margin:0 auto 12px;display:flex}.cx-toolbar .cx-dim{margin:0;font-size:12.5px}.cx-title h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.cx-title p{color:var(--tx3);margin:4px 0 0;font-size:12.5px}.cx-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start;gap:20px;max-width:1480px;margin:0 auto;display:grid}@media (max-width:1180px){.cx-layout{grid-template-columns:minmax(0,1fr)}.cx-monitor{order:-1;position:static!important}}.cx-composer{flex-direction:column;gap:14px;min-width:0;scroll-margin-top:16px;display:flex}.cx-card{border:1px solid var(--cx-line);background:var(--s1);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:16px 16px 14px;display:flex}.cx-card-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cx-card-head h2{margin:0;font-size:14px;font-weight:650}.cx-card-head .cx-dim{font-size:12px}.cx-step{background:var(--accent-08,#c8f04a1a);width:20px;height:20px;color:var(--accent);border-radius:50%;align-self:center;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.cx-chips{flex-wrap:wrap;gap:6px;display:flex}.cx-chip{border:1px solid var(--cx-line);background:var(--bg);min-height:30px;color:var(--tx2);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;text-decoration:none;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.cx-chip:hover:not(:disabled){color:var(--tx);border-color:var(--tx3)}.cx-chip[data-on]{color:var(--accent-ink,#0a0a0a);background:var(--accent);border-color:var(--accent);font-weight:600}.cx-chip:disabled{opacity:.45;cursor:not-allowed}.cx-chip svg{width:14px;height:14px}.cx-link{color:var(--tx3);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0 4px;font-size:12px;text-decoration:underline}.cx-link:hover{color:var(--tx)}.cx-scene{resize:vertical;box-sizing:border-box;border:1px solid var(--cx-line);background:var(--bg);width:100%;min-height:108px;color:var(--tx);font:inherit;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.55}.cx-scene:focus:not(:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-08,#c8f04a1a);outline:none}.cx-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cx-mentions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.cx-mention{border:1px solid var(--accent-32,#c8f04a52);background:var(--accent-08,#c8f04a14);height:30px;color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:12px;font-weight:600;display:inline-flex}.cx-mention select{background:var(--bg);height:24px;color:var(--tx);font:inherit;border:0;border-radius:999px;padding:0 6px;font-size:11.5px}.cx-castlist{border:1px dashed var(--cx-line);border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.cx-castlist button{border:1px solid var(--cx-line);background:var(--bg);color:var(--tx);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:12.5px;display:inline-flex}.cx-castlist button:hover{border-color:var(--accent)}.cx-castlist img,.cx-castlist span{object-fit:cover;background:var(--s2);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.cx-hook{border:1px solid var(--cx-line);background:var(--bg);border-radius:12px;gap:14px;padding:12px 36px 12px 12px;font-size:13px;display:flex;position:relative}.cx-hook[data-err]{border-color:#ff787866}.cx-hook p{margin:0 0 6px}.cx-hook ul{color:var(--tx2);margin:0 0 6px;padding-left:18px}.cx-hook-score{color:#ffb44a;background:#ffaa3c26;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.cx-hook-score[data-good]{background:var(--accent-08,#c8f04a1f);color:var(--accent)}.cx-hook>button{color:var(--tx3);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:6px;right:8px}.cx-frame{flex-direction:column;gap:10px;display:flex}.cx-frame-on{align-items:center;gap:14px;display:flex}.cx-frame-on img,.cx-frame-on video{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--cx-line);background:#000;border-radius:10px;flex:none;width:132px}.cx-frame-on>div{flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}.cx-frame-on .cx-dim{font-size:12px}.cx-framepick{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.cx-framepick button{border:1px solid var(--cx-line);background:var(--bg);color:var(--tx2);font:inherit;cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:0;font-size:11px;display:flex;overflow:hidden}.cx-framepick button:hover{border-color:var(--accent)}.cx-framepick img,.cx-framepick video{aspect-ratio:16/10;object-fit:cover;background:#000;width:100%;display:block}.cx-framepick span{white-space:nowrap;text-overflow:ellipsis;padding:0 8px 6px;overflow:hidden}.cx-looks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.cx-look{border:1px solid var(--cx-line);background:var(--bg);color:var(--tx);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:10px;transition:border-color .12s,transform .12s;display:flex;position:relative}.cx-look:hover{border-color:var(--tx3)}.cx-look[data-on]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cx-look strong{font-size:13px;font-weight:650}.cx-look em{color:var(--tx3);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;font-style:normal;overflow:hidden}.cx-swatch{border-radius:8px;place-items:center;width:100%;height:34px;margin-bottom:4px;display:grid}.cx-swatch--mine{background:var(--s2);color:var(--accent)}.cx-swatch--save{border:1px dashed var(--cx-line);color:var(--tx3);background:0 0;font-size:18px}.cx-look--save{border-style:dashed}.cx-look--mine{padding:0}.cx-look--mine>button:first-child{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:10px;display:flex}.cx-x{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;width:20px;height:20px;font-size:13px;line-height:1;transition:opacity .12s;position:absolute;top:4px;right:4px}.cx-look--mine:hover .cx-x,.cx-thumb:hover .cx-x,.cx-x:focus-visible{opacity:1}.cx-tabs{background:var(--bg);border:1px solid var(--cx-soft);border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.cx-tabs button{height:32px;color:var(--tx2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}.cx-tabs button:hover{color:var(--tx)}.cx-tabs button[data-on]{background:var(--s2);color:var(--tx);box-shadow:inset 0 1px #ffffff0a}.cx-tabs b{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink,#0a0a0a);border-radius:999px;place-items:center;padding:0 5px;font-size:10.5px;display:inline-grid}.cx-tray{background:var(--bg);border:1px solid var(--cx-soft);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cx-tray h4{letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);margin:4px 0 0;font-size:11px;font-weight:600}.cx-tray h4 .cx-dim{text-transform:none;letter-spacing:0}.cx-note{margin:4px 0 0;font-size:11px}.cx-brief{box-sizing:border-box;border:1px solid var(--cx-line);background:var(--s1);width:100%;color:var(--tx);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:13px}.cx-active{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cx-pill{border:1px solid var(--accent-32,#c8f04a52);background:var(--accent-08,#c8f04a14);height:26px;color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.cx-pill span{opacity:.7}.cx-pill:hover span{opacity:1}.cx-engines{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.cx-engine{border:1px solid var(--cx-line);background:var(--bg);color:var(--tx);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.cx-engine:hover{border-color:var(--tx3)}.cx-engine[data-on]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cx-engine[data-tone=off]:not([data-on]){opacity:.6}.cx-engine-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cx-engine strong{font-size:13px}.cx-engine em{color:var(--tx3);font-size:11.5px;font-style:normal;line-height:1.4}.cx-engine i{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10.5px;font-style:normal;font-weight:600}.cx-engine i[data-tone=ok]{background:var(--accent-08,#c8f04a1f);color:var(--accent)}.cx-engine i[data-tone=busy]{color:#ffc15a;background:#ffbe5024}.cx-engine i[data-tone=off]{color:var(--tx3);background:#ffffff0f}.cx-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.cx-badges b{background:var(--s2);color:var(--tx2);border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:500}.cx-gate{color:var(--tx2);background:#6eaaff14;border:1px solid #6eaaff38;border-radius:10px;margin:0;padding:9px 12px;font-size:12.5px}.cx-gate a{color:#8ab8ff}.cx-dials{flex-wrap:wrap;gap:14px 22px;display:flex}.cx-dial{flex-direction:column;gap:6px;display:flex}.cx-dial>span{letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);font-size:11px;font-weight:600}.cx-seg{background:var(--bg);border:1px solid var(--cx-soft);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.cx-seg button{height:28px;color:var(--tx2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:12.5px}.cx-seg button:hover{color:var(--tx)}.cx-seg button[data-on]{background:var(--s2);color:var(--tx);box-shadow:inset 0 0 0 1px var(--cx-line);font-weight:600}.cx-aspects{gap:4px;display:inline-flex}.cx-aspects button{border:1px solid var(--cx-soft);background:var(--bg);width:46px;height:50px;color:var(--tx3);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:5px 0;font-size:10.5px;display:flex}.cx-aspects button i{border:1.5px solid;border-radius:3px;max-width:28px;height:22px;max-height:22px;display:block}.cx-aspects button[data-on]{color:var(--accent);border-color:var(--accent)}.cx-toggles{color:var(--tx2);justify-content:flex-end;font-size:12.5px}.cx-toggles label{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.cx-toggles input{accent-color:var(--accent)}.cx-plan{background:var(--bg);border:1px solid var(--cx-soft);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.cx-plan-head{flex-direction:column;gap:3px;font-size:13px;display:flex}.cx-plan-head .cx-dim{font-size:12px}.cx-plan-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.cx-plan-row{color:var(--tx3);flex-direction:column;gap:5px;font-size:11.5px;display:flex}.cx-plan-row b{background:var(--s2);width:18px;height:18px;color:var(--tx);border-radius:5px;place-items:center;margin-right:4px;font-size:10.5px;display:inline-grid}.cx-plan-row textarea{box-sizing:border-box;border:1px solid var(--cx-line);background:var(--s1);width:100%;color:var(--tx);font:inherit;resize:vertical;border-radius:9px;padding:8px 10px;font-size:12.5px}.cx-prompt{border:1px solid var(--cx-soft);background:var(--bg);border-radius:10px;padding:0 12px}.cx-prompt summary{cursor:pointer;color:var(--tx2);padding:10px 0;font-size:12.5px}.cx-prompt summary .cx-dim{font-size:12px}.cx-prompt p{color:var(--tx2);word-break:break-word;margin:0 0 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.55}.cx-prompt .cx-chip{margin-bottom:12px}.cx-notice{color:var(--accent);margin:0;font-size:12.5px}.cx-error{color:#ff8a8a;margin:0;font-size:12.5px}.cx-kbd{margin:0;font-size:11px}.cx-monitor{border:1px solid var(--cx-line);background:var(--s1);border-radius:18px;flex-direction:column;gap:12px;max-height:calc(100dvh - 28px);padding:12px;display:flex;position:sticky;top:14px;overflow:auto;box-shadow:0 24px 60px #00000059}.cx-screen{aspect-ratio:16/9;background:#000;border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.cx-screen[data-aspect="9:16"]{aspect-ratio:9/16;width:auto;max-height:62dvh;margin:0 auto}.cx-screen[data-aspect="1:1"]{aspect-ratio:1}.cx-screen[data-aspect="4:3"]{aspect-ratio:4/3}.cx-screen[data-aspect="21:9"]{aspect-ratio:21/9}.cx-screen video{object-fit:contain;background:#000;width:100%;height:100%}.cx-render{text-align:center;color:#eee;box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;width:100%;padding:18px;font-size:13px;display:flex}.cx-render .cx-dim{font-size:12px}.cx-render--empty svg{width:28px;height:28px;color:var(--tx3)}.cx-render--fail strong{color:#ff9a9a}.cx-rec{background:#ff4d4d;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite cx-pulse;box-shadow:0 0 0 4px #ff4d4d33}@keyframes cx-pulse{50%{opacity:.35}}.cx-bar{background:#ffffff1f;border-radius:4px;width:min(260px,80%);height:4px;overflow:hidden}.cx-bar i{background:var(--accent);border-radius:4px;height:100%;transition:width .4s;display:block}.cx-bar i[data-indet]{animation:1.6s ease-in-out infinite cx-slide;width:30%!important}@keyframes cx-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.cx-rec,.cx-bar i[data-indet]{animation:none}.cx-chip,.cx-look,.cx-x{transition:none}}.cx-meta{flex-direction:column;gap:6px;display:flex}.cx-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.cx-meta>.cx-dim{font-size:11.5px}.cx-acts{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.cx-acts button,.cx-acts a{border:1px solid var(--cx-line);background:var(--bg);height:28px;color:var(--tx2);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.cx-acts button:hover,.cx-acts a:hover{color:var(--tx);border-color:var(--tx3)}.cx-acts button[data-on]{color:var(--accent);border-color:var(--accent-32,#c8f04a52)}.cx-acts button:first-child{background:var(--accent);color:var(--accent-ink,#0a0a0a);border-color:var(--accent);font-weight:600}.cx-acts svg{width:14px;height:14px}.cx-cut{border-top:1px solid var(--cx-soft);flex-direction:column;gap:8px;padding-top:10px;display:flex}.cx-cut-head{align-items:center;gap:8px;font-size:13px;display:flex}.cx-cut-head .cx-dim{flex:1;font-size:12px}.cx-strip{gap:6px;min-height:52px;padding-bottom:4px;display:flex;overflow-x:auto}.cx-thumb{flex:none;position:relative}.cx-thumb>button:first-child{aspect-ratio:16/9;border:1px solid var(--cx-line);cursor:pointer;width:84px;color:var(--tx2);font:inherit;background:#000;border-radius:8px;place-items:center;padding:0;font-size:11px;display:grid;position:relative;overflow:hidden}.cx-thumb video{object-fit:cover;width:100%;height:100%}.cx-thumb b{color:#fff;background:#000000a6;border-radius:4px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;display:grid;position:absolute;bottom:3px;left:4px}.cx-thumb[data-sel]>button:first-child{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cx-thumb[data-status=failed]>button:first-child{color:#ff9a9a;border-color:#ff787880}.cx-thumb[data-status=running]>button:first-child{color:var(--accent)}.cx-thumb[data-drop]>button:first-child{opacity:.35}.cx-thumb-state{font-weight:700}.cx-cut-acts{flex-wrap:wrap;gap:6px;display:flex}.cx-primary{background:var(--accent);height:32px;color:var(--accent-ink,#0a0a0a);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:0 14px;font-size:12.5px;font-weight:650}.cx-primary:disabled{opacity:.6;cursor:progress}.cx-earlier{max-width:1480px;margin:28px auto 0}.cx-earlier h2{margin:0 0 10px;font-size:14px;font-weight:650}.cx-earlier h2 .cx-dim{font-size:12px}.cx-earlier-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.cx-earlier-item{flex-direction:column;gap:4px;display:flex}.cx-earlier-item>button:first-child{border:1px solid var(--cx-soft);background:var(--s1);color:var(--tx2);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:0;display:flex;overflow:hidden}.cx-earlier-item>button:first-child:hover{border-color:var(--tx3)}.cx-earlier-item img{aspect-ratio:16/9;object-fit:cover;width:100%}.cx-earlier-item p{margin:0;padding:0 10px 10px;font-size:11.5px;line-height:1.4}.cx-earlier-item .cx-link{align-self:flex-start;font-size:11.5px}.cx-frame .cx-row>.cx-dim{font-size:12px}.cx-engine i[data-tone=get]{color:var(--warn);background:#f0b35c1f}.cx-engine i[data-tone=busy]{background:var(--accent-08);color:var(--accent-strong)}.cx-gate{border-color:#f0b35c47;border-left:3px solid var(--warn);background:#f0b35c12}.cx-gate a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.cx-error{border:1px solid var(--danger-line,#ff8d7859);background:var(--danger-bg,#ff8d7814);color:var(--danger);border-radius:10px;padding:9px 12px}.cx-hook-score{color:var(--warn);background:#f0b35c24}.cx-step{background:var(--accent-14);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--accent-32)}.cx-card-head h2{letter-spacing:-.005em;font-size:15px}.cx-engine{transition:border-color .15s var(--ease), background .15s var(--ease)}.cx-engine[data-on],.cx-aspects button[data-on]{background:var(--accent-08)}.cx-screen{box-shadow:inset 0 0 0 1px var(--cx-soft)}.cx-render--empty{color:var(--tx2)}.cx-render--empty strong{color:var(--tx)}.cx :is(button,a,summary,select,input,textarea):focus-visible,.cx-scene:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:640px){.cx{padding:14px 16px 48px}.cx-top,.cx-toolbar{flex-direction:column;align-items:flex-start}.cx-dials{gap:12px}.cx-engines{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cx-engine,.cx-seg button,.cx-aspects button{transition:none}}