body.editing #createForm,body.editing #list,body.editing #detail,body.editing .ws-head:not(.ed-head){display:none!important}
.ws-tabs{display:inline-flex;padding:3px;margin-bottom:26px;border-radius:11px;border:1px solid var(--line-2);background:var(--bg-1)}
.ws-tabs a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:8px;font-size:14px;color:var(--fg-2);text-decoration:none;transition:background .2s,color .2s}
.ws-tabs a:hover{color:var(--fg)}
.ws-tabs a[aria-current=page]{background:var(--fg);color:var(--bg);box-shadow:inset 0 1px 0 #fff}
.ws-tabs a[aria-current=page] .beta{border-color:rgba(0,0,0,.25);color:#3a3a40}
.beta{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:99px;border:1px solid var(--line-3);font-size:10.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);vertical-align:middle;font-stretch:normal}
.h2 .beta{position:relative;top:-.35em}
.edit-app textarea,.edit-app select,.edit-app .field input,.cr textarea{width:100%;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg);font:inherit;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}
.edit-app textarea,.cr textarea{padding:12px 14px;resize:vertical;min-height:96px;line-height:1.5}
.edit-app select,.edit-app .field input{height:42px;padding:0 12px}
.cr textarea:focus,.cr select:focus,.edit-app textarea:focus,.edit-app select:focus,.edit-app .field input:focus{border-color:var(--line-3);box-shadow:0 0 0 4px rgb(var(--ink) / .07)}
.edit-app textarea::placeholder,.edit-app .field input::placeholder{color:var(--fg-3)}
.edit-app fieldset{border:0;margin:0;padding:0;min-width:0}
.ed-label{display:block;font-size:13.5px;color:var(--fg-2);margin-bottom:8px;padding:0}
.ed-new{padding:18px;margin-bottom:40px}
.ed-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ed-src{display:flex;flex-direction:column;gap:12px;min-width:0}
.drop{flex:1;display:grid;place-items:center;align-content:center;gap:8px;min-height:190px;padding:24px;text-align:center;border:1px dashed var(--line-3);border-radius:14px;background:var(--bg-1);cursor:pointer;transition:border-color .2s,background .2s}
.drop svg{width:28px;height:28px;color:var(--fg-2)}
.drop b{font-weight:550;overflow-wrap:anywhere}
.drop span{font-size:13.5px}
.drop:hover,.drop.over{border-color:var(--fg);background:rgb(var(--ink) / .04)}
.drop.has{border-style:solid;border-color:var(--line-3)}
.drop:focus-within{outline:2px solid var(--fg);outline-offset:3px}
.ed-or{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.ed-or::before,.ed-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ed-src .paste-box{background:var(--bg-1)}
.ed-how{display:flex;flex-direction:column;gap:14px;min-width:0}
.ed-how .ed-label{margin-bottom:0}
.ed-how textarea{flex:1}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line-2);font-size:13.5px;color:var(--fg-2);background:rgb(var(--ink) / .02);transition:background .2s,color .2s,border-color .2s}
.chip input:checked+span{background:var(--fg);color:var(--bg);border-color:transparent}
.chip input:focus-visible+span{outline:2px solid var(--fg);outline-offset:2px}
.ed-toggles{display:flex;flex-wrap:wrap;gap:10px 22px}
.switch{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--fg);cursor:pointer}
.switch input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:21px;margin:0;border-radius:99px;border:1px solid var(--line-3);background:var(--bg-2);cursor:pointer;flex:none;transition:background .2s}
.switch input::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--fg-3);transition:transform .2s var(--ease),background .2s}
.switch input:checked{background:var(--fg)}
.switch input:checked::after{transform:translateX(15px);background:var(--bg)}
.ed-go{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.ed-cost{font-size:12.5px;color:var(--fg-2)}
.ed-cost.over{color:var(--err)}
.ed-upload{display:grid;gap:10px;margin-top:16px}
.ed-upload .bar{height:6px}
.ed-upload .btn{justify-self:start}
.ed-note{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-2);margin-bottom:24px}
@media (max-width:820px){.ed-new-grid{grid-template-columns:1fr}.drop{min-height:150px}}


.ed-ask{padding:20px;margin:24px 0 28px;display:grid;gap:16px}
.fmt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fmt-card{position:relative;display:grid;gap:6px;align-content:start;padding:12px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg-1);cursor:pointer;transition:border-color .2s,background .2s}
.fmt-card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.fmt-card:has(input:checked){border-color:var(--fg);background:rgb(var(--ink) / .05);box-shadow:0 0 0 1px var(--fg)}
.fmt-card:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:3px}
.fmt-card b{font-weight:550;font-size:14.5px}
.fmt-card .dim{font-size:12.5px;line-height:1.45}
.fmt-prev{display:grid;place-items:center;height:150px;border-radius:8px;background:#000;overflow:hidden;margin-bottom:4px}
.fmt-prev img{max-height:150px;max-width:100%;object-fit:contain}
.fmt-prev i{font-style:normal;color:var(--fg-3);font-size:13px;border:1px solid var(--line-3);border-radius:6px;display:grid;place-items:center}
.fmt-prev.r-square i{width:90px;height:90px}.fmt-prev.r-vertical i{width:70px;height:124px}.fmt-prev.r-landscape i{width:150px;height:84px}
.ed-ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;align-items:end}
@media (max-width:720px){.fmt-cards,.ed-ask-grid{grid-template-columns:1fr}}

.ed-layout{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto 1fr;gap:20px;align-items:start}
.ed-main{display:grid;gap:14px;min-width:0}
.ed-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ed-fmts{display:inline-flex;padding:3px;border-radius:11px;border:1px solid var(--line-2);background:var(--bg-1)}
.ed-fmts button{height:30px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);font-family:var(--mono);font-size:13px}
.ed-fmts button[aria-selected=true]{background:var(--fg);color:var(--bg)}
.ed-ver select{height:36px;width:auto;padding:0 10px;font-family:var(--mono);font-size:13px}
.ed-bar .btn{margin-left:auto}
.ed-player{display:grid;place-items:center;border-radius:var(--r);border:1px solid var(--line);background:#000;overflow:hidden;min-height:200px}
.ed-player video{display:block;width:100%;background:#000}
.ed-player.r-square video{aspect-ratio:1/1;width:min(100%,72vh)}
.ed-player.r-vertical video{aspect-ratio:9/16;width:min(100%,calc(72vh * 9 / 16))}
.ed-player.r-landscape video{aspect-ratio:16/9}
.ed-side{display:grid;gap:16px;position:sticky;top:84px;grid-column:2;grid-row:1 / span 2}
.ed-layout>.ed-scenes{grid-column:1;grid-row:2}
.ed-hint{font-size:13px;color:var(--fg-3);line-height:1.5;margin:-4px 0 12px}
.ed-styles .ed-hint{margin:12px 0 0}
.ed-how .ed-hint{margin:0}
.ed-scene-hint{padding:0 16px;margin:-4px 0 12px}
.ed-styles,.ed-chat{padding:16px}
.ed-styles .h3,.ed-chat .h3{font-size:16px;margin-bottom:12px}
.ed-style-list{display:grid;gap:6px}
.style-btn{display:grid;gap:2px;text-align:left;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;transition:border-color .2s,background .2s}
.style-btn b{font-weight:550;font-size:14px}
.style-btn span{font-size:12.5px;color:var(--fg-3);line-height:1.4}
.style-btn:hover:not(:disabled){border-color:var(--line-3);background:rgb(var(--ink) / .03)}
.style-btn[aria-pressed=true]{border-color:var(--fg);background:rgb(var(--ink) / .06)}
.style-btn[aria-pressed=true] b::after{content:"Current";margin-left:8px;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2)}
.style-btn:disabled{opacity:.6;cursor:default}
.ed-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:16px 0 8px}
.thread{display:grid;gap:10px;max-height:380px;overflow-y:auto;margin-bottom:12px;padding-right:2px}
.msg{display:grid;gap:3px;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.5}
.msg .msg-who{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.msg p{color:var(--fg);overflow-wrap:anywhere}
.msg.me{justify-self:end;max-width:90%;background:var(--bg-3);border:1px solid var(--line-2)}
.msg.bot{justify-self:start;max-width:94%;border:1px solid var(--line)}
.msg .spin{display:inline-block;vertical-align:-1px;margin-right:8px}
.msg .err{color:var(--err)}
.ed-chat-form{display:grid;gap:10px}
.ed-chat-form .chips{margin-top:0}
.chip-btn{height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--line-2);background:transparent;color:var(--fg-2);font-size:12.5px}
.chip-btn:hover{color:var(--fg);border-color:var(--line-3)}
.ed-chat-form textarea{min-height:76px}
.ed-chat-form .btn{justify-self:end}
.ed-scenes{padding:0}
.ed-scenes summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}
.ed-scenes summary::-webkit-details-marker{display:none}
.ed-scenes summary .mono{font-size:12px}
.scenes{display:grid;gap:10px;padding:0 16px 4px;counter-reset:sc}
.scene{padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-1)}
.scene[data-dirty]{border-color:var(--line-3)}
.scene-top{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--fg-2);margin-bottom:10px}
.scene-top .kind{margin-right:auto}
.scene-rm{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scene-grid .wide{grid-column:1/-1}
.scene-grid .field{font-size:12px}
.scene-grid .field input,.scene-grid select{height:36px;font-size:14px}
.ed-scene-go{display:flex;justify-content:flex-end;padding:12px 16px 16px}
@media (max-width:1000px){.ed-layout{grid-template-columns:1fr}.ed-side{position:static;grid-column:auto;grid-row:auto}.ed-layout>.ed-scenes{grid-column:auto;grid-row:auto}}
@media (max-width:560px){.scene-grid{grid-template-columns:1fr}.ed-bar .btn{margin-left:0}}
.clip-actions{flex-wrap:wrap}
.status.ask{border-color:var(--fg);color:var(--fg);font-weight:550}
.status.ask .dot{background:var(--fg);animation:pulse 1.4s ease-in-out infinite}
.ed-ask-head{display:grid;gap:8px}
.ed-ask-head .h3{font-size:clamp(20px,2.4vw,26px)}
.ed-why{padding:10px 14px;border-radius:10px;border:1px dashed var(--line-2);color:var(--fg-2);font-size:14px}
.ed-ask legend .dim{display:block;font-size:12.5px;margin-top:2px}
.fmt-prev{position:relative}
.fmt-tag{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.72);border:1px solid var(--line-2);color:var(--fg-2);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.fmt-card::after{content:"";position:absolute;top:20px;right:20px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-3);background:rgba(0,0,0,.6);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--bg)}
.fmt-card:has(input:checked)::after{content:"✓";background:var(--fg);border-color:var(--fg)}
.ed-more{border-top:1px solid var(--line);padding-top:12px}
.ed-more summary{cursor:pointer;font-size:14px;color:var(--fg-2)}
.ed-more summary .dim{font-size:12.5px;margin-left:8px}
.ed-more[open] summary{margin-bottom:14px}
.ed-more .ed-ask-grid{margin-bottom:14px}
.ed-ask .ed-go .btn{min-width:200px;justify-content:center}
@media (max-width:560px){.ed-ask .ed-go{flex-direction:column-reverse;align-items:stretch}.ed-ask .ed-go .btn{width:100%}}
.ed-mine{font-size:12.5px;color:var(--fg-2);margin-top:2px}
.ed-mine b{color:var(--fg);font-weight:500}
.ed-add{display:inline-flex;gap:6px;flex-wrap:wrap}
.ed-add .btn{border-style:dashed}
.ed-add .btn .dim{font-weight:400}
.style-btn.has-thumb{grid-template-columns:64px 1fr;align-items:center;column-gap:12px}
.style-btn img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#000}
.style-txt{display:grid;gap:2px}
.look-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.look-card{position:relative;display:grid;gap:6px;align-content:start;padding:8px;border-radius:12px;border:1px solid var(--line-2);cursor:pointer;font-size:13px}
.look-card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.look-card img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;background:#000}
.look-card b{font-weight:550;line-height:1.25}
.look-card:has(input:checked){border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}
.look-card:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:3px}
.look-mine{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;border:1px dashed var(--line-3);color:var(--fg-3);font-size:11px}
.broll-q{display:flex;gap:6px}
.broll-q input{flex:1;min-width:0}
.broll-pick{grid-column:1/-1;margin-top:10px}
.broll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.broll-hit{position:relative;padding:0;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:#000;cursor:pointer;aspect-ratio:16/9}
.broll-hit img{width:100%;height:100%;object-fit:cover;display:block}
.broll-hit span{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:10.5px}
.broll-hit[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:-2px}
.broll-credit{margin-top:6px;font-size:11.5px;color:var(--fg-3)}
.cr{margin-bottom:28px}
.cr-tabs{display:flex;gap:2px;padding:3px;margin:0 0 16px;border-radius:11px;border:1px solid var(--line-2);background:var(--bg-1);width:max-content;max-width:100%;overflow-x:auto}
.cr-tabs button{height:34px;padding:0 14px;border:0;border-radius:8px;background:none;color:var(--fg-2);font-size:14px;white-space:nowrap}
.cr-tabs button:hover{color:var(--fg)}
.cr-tabs button[aria-selected=true]{background:var(--fg);color:var(--bg)}
.cr .ed-quick .chips{margin-top:0}
.cr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cr-row .ed-label{margin:0;min-width:52px}
.cr select{height:36px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg);padding:0 10px;font:inherit;font-size:14px;max-width:min(320px,100%)}
.cr .ed-quick .ed-label{margin-bottom:8px}
#queueNote{margin:-12px 0 20px}
body.editing #queueNote{display:none!important}
.cr textarea{min-height:96px}
.cr-src-hint:empty{display:none}
.cr .drop{min-height:170px}
@media (max-width:560px){.cr-tabs{width:100%}.cr-tabs button{flex:1;padding:0 8px;font-size:13px}.cr .ed-go .btn{width:100%}}
.cr-make{font-size:13.5px}