:root{color-scheme:dark;--bg:#111615;--panel:#1a201e;--line:#353c38;--muted:#9fa9a4;--text:#f3f3e9;--accent:#d5e775;--alert:#f19b80;--input:#202724;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;border-bottom:1px solid var(--line);padding:0 clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;white-space:nowrap}.brand-mark{width:19px;height:19px;display:grid;grid-template-columns:repeat(3,4px);gap:3px;align-items:end;transform:skew(-13deg)}.brand-mark i{display:block;width:4px;background:var(--accent)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:14px}.brand-suffix{font-size:13px;font-weight:400;color:var(--muted)}.topbar-end{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px;white-space:nowrap}.connection{display:flex;align-items:center;gap:8px}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.connection.offline .connection-dot{background:var(--alert)}.topbar-divider{height:18px;width:1px;background:var(--line)}.meta-slash{padding:0 5px;color:#6f7973}.workspace{flex:1;display:grid;grid-template-columns:minmax(360px,450px) minmax(0,1fr);min-height:0}.composer{padding:36px clamp(20px,3vw,48px) 32px;border-right:1px solid var(--line)}.library{padding:36px clamp(22px,4.2vw,68px) 40px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;margin:0 0 10px;letter-spacing:1.4px}.section-heading h1,.section-heading h2{margin:0;font-size:27px;line-height:1.1;font-weight:600}.heading-index{font-size:11px;color:#829087;margin-bottom:3px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:var(--text);font-size:12px;font-weight:600}.field-heading span:last-child{font-size:11px;color:var(--muted);font-weight:400}.row-heading{margin-top:25px}textarea{display:block;width:100%;height:230px;min-height:145px;resize:vertical;background:var(--input);border:1px solid #455047;border-radius:5px;color:var(--text);padding:17px;line-height:1.55;outline:none}textarea::placeholder{color:#829087}textarea:focus,.upload:focus-within,select:focus,.segmented:focus-within{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:1px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload{min-height:94px;display:flex;flex-direction:column;position:relative;align-items:flex-start;justify-content:center;border:1px dashed #596159;border-radius:5px;padding:13px 15px;cursor:pointer;overflow:hidden}.upload:hover{background:#242b27}.upload.has-file{border-style:solid;border-color:#b1c46b}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{font-size:20px;line-height:20px;color:var(--accent);margin-bottom:7px}.upload-main{font-size:12px;font-weight:600}.upload-sub{color:var(--muted);font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.control-group{border:0;padding:0;margin:0;min-width:0}.control-group legend{font-size:12px;font-weight:600;margin-bottom:11px}.segmented{display:flex;border:1px solid #455047;border-radius:5px;padding:3px;background:var(--input);height:40px}.segmented label{flex:1;min-width:0;position:relative}.segmented input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented span{height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:11px;color:var(--muted);border-radius:3px}.segmented input:checked+span{color:#111615;background:var(--accent);font-weight:700}.model-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:14px}.model-row label{font-size:12px;font-weight:600}.model-row select{appearance:none;min-width:210px;width:68%;height:40px;padding:0 30px 0 12px;background:var(--input);color:var(--text);border:1px solid #455047;border-radius:5px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23d5e775' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.submit-area{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.submit-area p{font-size:11px;color:var(--muted);margin:0 0 16px;min-height:14px;line-height:1.4}.submit-area p.error{color:var(--alert)}#submit-button{width:100%;height:47px;border:0;border-radius:5px;background:var(--accent);color:#111615;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 17px}#submit-button:hover{background:#e4f38e}#submit-button:disabled{opacity:.55;cursor:wait}.button-arrow{font-size:18px;font-weight:400}.render-count{display:inline-block;font-size:13px;vertical-align:middle;font-weight:500;color:var(--muted);margin-left:8px}.library-body{max-width:1080px}.preview{height:clamp(270px,42vh,430px);background:#0b0f0e;border:1px solid #303833;display:grid;place-items:center;overflow:hidden;position:relative}.preview video{width:100%;height:100%;object-fit:contain;background:#080b0a}.empty-preview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;color:var(--muted);padding:20px;font-size:12px}.empty-preview strong{color:var(--text);font-size:16px;font-weight:500;margin-top:12px}.empty-mark{font-size:52px;font-weight:200;line-height:1;color:var(--accent);transform:rotate(-15deg)}.preview-stage{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--muted);font-size:12px}.preview-stage strong{color:var(--text);font-size:15px;font-weight:500}.spinner{height:24px;width:24px;border:2px solid #414b42;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:6px}@keyframes spin{to{transform:rotate(360deg)}}.detail{min-height:51px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.detail strong{color:var(--text);font-weight:500}.detail a{color:var(--accent);text-decoration:none}.detail a:hover{text-decoration:underline}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:29px 0 12px}.queue-heading h3{font-size:13px;margin:0;font-weight:600}.queue-heading span{color:var(--muted);font-size:11px}.jobs{max-height:320px;overflow-y:auto}.empty-jobs{border-top:1px solid var(--line);padding:21px 0;color:var(--muted);font-size:12px}.job{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;background:none;color:var(--text);border:0;border-top:1px solid var(--line);text-align:left;padding:12px 6px 12px 0}.job:hover,.job.selected{background:#1c2420}.job-dot{height:7px;width:7px;border-radius:50%;background:#8e9990}.job-dot.completed{background:var(--accent)}.job-dot.failed{background:var(--alert)}.job-dot.running,.job-dot.submitting{background:#e8bd77}.job-text{min-width:0;display:flex;flex-direction:column;gap:6px}.job-text strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500}.job-text small,.job-right small{font-size:11px;color:var(--muted)}.job-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.job-right span{font-size:11px;color:var(--accent)}.job-right .failed{color:var(--alert)}footer{height:43px;border-top:1px solid var(--line);padding:0 clamp(20px,3vw,48px);display:flex;justify-content:space-between;align-items:center;color:#79877f;font-size:10px}@media(max-width:900px){.workspace{grid-template-columns:minmax(315px,40%) minmax(0,60%)}.composer{padding:28px 21px}.library{padding:28px 22px}.preview{height:350px}}@media(max-width:680px){.topbar{height:58px}.topbar-meta,.topbar-divider{display:none}.workspace{display:block}.composer{border-right:0;border-bottom:1px solid var(--line);padding:28px 20px 30px}.library{padding:28px 20px 40px}.section-heading{margin-bottom:23px}textarea{height:185px}.preview{height:300px}.jobs{max-height:none}footer{padding:0 20px}}@media(max-width:380px){.control-grid{grid-template-columns:1fr}.reference-grid{gap:7px}.upload{padding:11px}.model-row select{min-width:190px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}