:root{--bg:#141619;--panel:#1d2025;--panel2:#23262c;--line:#2e323a;--text:#e8e6e1;--dim:#9a9890;--accent:#ffb454;--laser:#35ff6d;--danger:#ff6b5e;--amber:#ffd166}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,Segoe UI,Roboto,sans-serif}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}header{display:flex;align-items:baseline;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}header h1{font-size:16px;margin:0;letter-spacing:.06em;text-transform:uppercase}header h1 span{color:var(--accent)}header .sub{color:var(--dim);font-size:12px}.stats{margin-left:auto;display:flex;gap:18px;font-size:12px}.stats b{color:var(--laser);font-weight:600}.stats .warn b{color:var(--amber)}.stats .danger b{color:var(--danger)}.trace-main{flex:1 1;display:grid;grid-template-columns:280px 1fr}@media (max-width:760px){.trace-main{grid-template-columns:1fr}}.trace-aside{border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:14px}.ctl label{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);margin-bottom:4px}.ctl label output{color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}button,select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:13px;width:100%;cursor:pointer}button.primary{background:var(--accent);color:#1a1204;border:none;font-weight:600}button:disabled,select:disabled{opacity:.4;cursor:default}.chk,.row{display:flex;gap:8px}.chk{align-items:center;font-size:13px;color:var(--dim)}.chk input{accent-color:var(--accent)}.group-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:4px}.ilda-points{font-size:12px;color:var(--dim);text-align:center;margin-top:-4px}.ilda-points b{color:var(--laser);font-weight:600}.ilda-points b.warn{color:var(--amber)}.ilda-points b.danger{color:var(--danger)}.ilda-points-fit{color:var(--dim)}.ilda-points-hint{color:var(--amber)}.ai-usage,.ilda-points-hint{font-size:11px;text-align:center;margin-top:-4px}.ai-usage{color:var(--dim)}.budget-readout{color:var(--text);font-weight:600}.budget-readout.warn{color:var(--amber)}.budget-readout.danger{color:var(--danger)}.reinforce{border:1px solid var(--line);border-radius:6px;background:var(--panel2)}.reinforce>summary{cursor:pointer;font-size:12px;color:var(--dim);padding:8px 10px;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reinforce>summary::-webkit-details-marker{display:none}.reinforce>summary:before{content:"▸ ";color:var(--dim)}.reinforce[open]>summary:before{content:"▾ "}.reinforce[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}.reinforce-groups{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:10px}.reinforce-group{display:flex;flex-direction:column;gap:6px;min-width:0}.reinforce-group-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.reinforce-field{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--dim)}.reinforce .reinforce-field input[type=number]{width:56px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:4px 6px;font-size:12px;text-align:right}input[type=color]{width:38px;height:30px;border:1px solid var(--line);border-radius:6px;background:none;padding:2px;cursor:pointer}.trace-stage-col{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.drop{border:1.5px dashed var(--line);border-radius:10px;text-align:center;color:var(--dim);cursor:pointer;transition:.15s}.drop.full{flex:1 1;min-height:340px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:38px 20px}.drop.compact{padding:9px 14px;font-size:12px}.drop.over,.drop:hover{border-color:var(--accent);color:var(--text)}.drop-row{display:flex;align-items:stretch;gap:8px}.drop-row.full{flex:1 1;min-height:340px;align-items:stretch}.drop-row .drop{flex:1 1;min-width:0}.drop-paste{flex:0 0 auto;width:auto;height:-moz-fit-content;height:fit-content;padding:8px 18px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--dim);cursor:pointer}.drop-paste:hover{border-color:var(--accent);color:var(--text)}.drop-row.compact .drop-paste{align-self:stretch}.drop-row.full .drop-paste{align-self:flex-start}.stage{position:relative;flex:1 1;min-height:340px;border-radius:10px;background:#000;border:1px solid var(--line);overflow:hidden}.stage .tabs{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}.tabs button{width:auto;padding:4px 10px;font-size:12px;border-radius:99px}.tabs button.on{background:var(--accent);color:#1a1204;border-color:var(--accent)}.busy{top:12px;right:12px;z-index:2;font-size:11px;color:var(--accent);background:rgba(20,22,25,.85);border:1px solid var(--line);border-radius:99px;padding:3px 10px}.busy,.layer{position:absolute}.layer{inset:0;display:flex;align-items:center;justify-content:center;padding:34px 14px 14px}.layer canvas,.layer img,.layer svg{max-width:100%;max-height:100%;object-fit:contain}.error-banner{border:1px solid var(--danger);color:var(--danger);background:rgba(255,107,94,.08);border-radius:8px}.error-banner,.notice-banner{padding:8px 12px;font-size:13px}.notice-banner{border:1px solid var(--accent);color:var(--accent);background:rgba(255,180,84,.08);border-radius:8px}.recents{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px}.recents-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.recents-clear{width:auto;padding:3px 10px;font-size:11px;text-transform:none;letter-spacing:normal}.recents-strip{display:flex;flex-wrap:wrap;gap:8px}.recents-thumb{width:56px;height:56px;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;background:var(--panel2);transition:.15s}.recents-thumb:hover{border-color:var(--accent)}.recents-thumb img{width:100%;height:100%;object-fit:cover;display:block}.batch-panel{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.batch-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--dim)}.batch-panel-head button{width:auto;padding:4px 10px;font-size:12px}.batch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.batch-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;font-size:12px}.batch-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item-status{color:var(--dim);flex:none}.batch-item.batch-tracing .batch-item-status{color:var(--accent)}.batch-item.batch-done .batch-item-status{color:var(--laser)}.batch-item.batch-failed .batch-item-status{color:var(--danger)}.batch-item.batch-skipped .batch-item-status{color:var(--dim);font-style:italic}.vector-hint{margin:2px 0 4px}.vector-hint,footer{color:var(--dim);font-size:12px}footer{padding:10px 20px;border-top:1px solid var(--line)}.brand-nav{display:flex;align-items:baseline;gap:18px}.tab-nav{display:flex;gap:6px}.tab-nav .tab{padding:4px 12px;border-radius:99px;font-size:12px;text-decoration:none;color:var(--dim);border:1px solid transparent;letter-spacing:.04em}.tab-nav .tab:hover{color:var(--text);border-color:var(--line)}.tab-nav .tab.active{color:#1a1204;background:var(--accent);border-color:var(--accent);font-weight:600}.roto-main{flex:1 1;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}.roto-blurb{color:var(--dim);max-width:60ch;line-height:1.6}.roto-hint{color:var(--dim);font-size:12px;margin:4px 0 0}.roto-gate{max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.roto-gate h2{margin:0;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.roto-gate-form{display:flex;gap:8px}.roto-gate-form .primary{width:auto;padding:8px 18px;white-space:nowrap}.roto-form input[type=file],.roto-form input[type=number],.roto-input{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:13px;width:100%}.roto-input{flex:1 1}.roto-workspace{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:760px){.roto-workspace{grid-template-columns:1fr}}.roto-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;gap:16px}.roto-field,.roto-form{display:flex;flex-direction:column}.roto-field{gap:8px}.roto-field .group-title{margin:0}.roto-caps{color:var(--dim);font-size:11px;margin:2px 0 0}.roto-radios{display:flex;gap:16px}.roto-chips,.roto-radios{flex-wrap:wrap}.roto-chips{display:flex;gap:8px}.roto-chip{width:auto;padding:6px 14px;border-radius:99px;font-size:12px;background:var(--panel2);color:var(--dim);border:1px solid var(--line)}.roto-chip.active{background:var(--accent);color:#1a1204;border-color:var(--accent);font-weight:600}.roto-inline{flex-direction:row;gap:12px;align-items:end}.roto-inline>div{gap:6px}.roto-inline>div,.roto-jobs{display:flex;flex-direction:column}.roto-jobs{gap:14px;min-width:0}.roto-job{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.roto-job-head{display:flex;align-items:center;gap:8px}.roto-job-title{font-size:13px;color:var(--text);flex:1 1 auto;min-width:0}.roto-job-clear{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;padding:0;transition:color .15s ease,border-color .15s ease}.roto-job-clear:hover{color:var(--danger);border-color:var(--danger)}.roto-job-meta{font-size:11px;color:var(--dim)}.roto-job-status{font-size:13px;color:var(--dim)}.roto-dim{color:var(--dim);font-size:12px}.roto-badge{font-size:11px;padding:2px 10px;border-radius:99px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.roto-badge-queued{color:var(--dim)}.roto-badge-running{color:var(--accent);border-color:var(--accent)}.roto-badge-done{color:var(--laser);border-color:var(--laser)}.roto-badge-failed{color:var(--danger);border-color:var(--danger)}.roto-running{display:flex;align-items:center;gap:8px;color:var(--accent)}.roto-spinner{width:13px;height:13px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:roto-spin .8s linear infinite;display:inline-block}@keyframes roto-spin{to{transform:rotate(1turn)}}.roto-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.roto-result{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.roto-result-head{font-size:12px;color:var(--accent)}.roto-preview{width:100%;border-radius:8px;background:#000;border:1px solid var(--line);display:block}.roto-preview-wrap{position:relative}.roto-fullscreen{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;font-size:16px;line-height:1;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.55);color:var(--dim);cursor:pointer}.roto-fullscreen:hover{border-color:var(--accent);color:var(--text)}.roto-result-stats{font-size:11px;color:var(--dim)}.roto-download{text-align:center;padding:7px 10px;border-radius:6px;background:var(--accent);color:#1a1204;font-weight:600;font-size:13px;text-decoration:none}.roto-download:hover{filter:brightness(1.08)}.roto-rerender{margin-top:2px;background:var(--panel2);color:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:7px 10px;font-size:13px;font-weight:600}.roto-rerender:hover:not(:disabled){background:var(--amber);color:#1a1204}.gp-export{position:relative;display:flex;align-items:center;gap:8px;min-width:0}.gp-export-link{flex:1 1 auto;min-width:0;text-align:center;padding:7px 10px;border-radius:6px;background:var(--accent);color:#1a1204;font-weight:600;font-size:13px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-export-link:hover{filter:brightness(1.08)}.gp-export-json{flex:0 0 auto;font-size:11px;color:var(--dim);text-decoration:underline}.gp-export-json:hover{color:var(--accent)}.gp-info{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:1;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--dim);cursor:pointer}.gp-info:hover,.gp-info[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.gp-tooltip{position:absolute;top:calc(100% + 8px);right:0;left:0;margin-left:auto;max-width:320px;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;box-shadow:0 10px 28px rgba(0,0,0,.5);font-size:12px;line-height:1.55;color:var(--text)}.gp-tooltip p{margin:0 0 8px}.gp-tooltip p:last-child{margin-bottom:0}.gp-tooltip strong{color:var(--accent)}.gp-tooltip ol{margin:0 0 8px;padding-left:18px}.gp-tooltip li{margin-bottom:3px}.gp-tooltip-foot{color:var(--dim)}.gp-tooltip-close{position:absolute;top:8px;right:8px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:11px;line-height:1;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}.gp-tooltip-close:hover{color:var(--text);border-color:var(--accent)}.gp-tooltip>p:first-of-type{padding-right:22px}.roto-failed{display:flex;flex-direction:column;gap:8px}.roto-stderr summary{cursor:pointer;color:var(--dim);font-size:12px}.roto-stderr pre{margin:8px 0 0;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--dim);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.help-main{flex:1 1;max-width:760px;width:100%;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:26px}.help-main h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:6px;margin:0 0 10px}.help-main section li,.help-main section p{color:var(--text);font-size:13.5px;line-height:1.6}.help-main section b{color:var(--laser);font-weight:600}.help-main section i{color:var(--amber);font-style:normal}.help-main ol,.help-main ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.roto-history{margin-top:18px;display:flex;flex-direction:column;gap:8px}.roto-history .group-title{margin-bottom:2px}.roto-history-card{border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.roto-history-thumb{flex:0 0 auto;width:104px;height:104px;object-fit:contain;border-radius:6px;background:#000;border:1px solid var(--line)}.roto-history-head{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.roto-history-name{color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roto-history-when{font-size:11px;color:var(--dim)}.roto-history-links{display:flex;gap:6px;flex:0 0 auto}.roto-history-dl,.roto-history-gp{font-size:12px;padding:4px 10px;border-radius:6px;text-decoration:none;border:1px solid var(--line)}.roto-history-dl{background:var(--accent);color:#1a1204;font-weight:600;border-color:var(--accent)}.roto-history-dl:hover{filter:brightness(1.08)}.roto-history-gp{background:transparent;color:var(--dim)}.roto-history-gp:hover{border-color:var(--accent);color:var(--accent)}.roto-history-del{width:auto;padding:4px 9px;font-size:12px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer}.roto-history-del:hover{border-color:var(--danger);color:var(--danger)}.renders-main{flex:1 1;max-width:720px;width:100%;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:12px}.renders-main .roto-history{margin-top:4px}.renders-note{margin-top:18px;font-size:12px;color:var(--dim);line-height:1.6;border-top:1px solid var(--line);padding-top:14px}