:root{color-scheme:dark;--bg:#101513;--panel:#171e1b;--line:#2b3630;--text:#eef3eb;--muted:#92a49a;--accent:#c5f577;--accent-dark:#213318;--error:#ffb29f;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#192114;font-weight:650;display:inline-flex;align-items:center;justify-content:space-between;gap:22px}.primary:hover:enabled{background:#d8ffa1}.secondary{background:#29372e;color:var(--text);border:1px solid #3d5043}.quiet{background:transparent;color:var(--muted);padding:7px 9px}.quiet:hover:enabled{background:#253027;color:var(--text)}.full{width:100%}.muted,.hint{color:var(--muted)}.small,.hint{font-size:12px}.hint{margin:7px 0 18px;line-height:1.5}.hidden{display:none!important}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:600}.brand{display:flex;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.6px;gap:5px}.brand-light{font-weight:350;color:var(--muted)}.brand-mark{background:var(--accent);color:#182215;border-radius:9px;width:31px;height:31px;display:grid;place-items:center;font-size:23px;font-weight:750;margin-right:6px}h1{font-size:25px;margin:18px 0 5px;letter-spacing:-.6px}h2{font-size:15px;font-weight:600;margin:0}.topbar{height:73px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);gap:33px}.workspace-label{color:var(--muted);border-left:1px solid var(--line);padding-left:28px;font-size:12px}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px}.workspace{display:grid;grid-template-columns:290px minmax(360px,1fr) 270px;gap:18px;padding:22px;max-width:1900px;margin:auto;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.generation,.library{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.model-tag{font-size:10px;color:var(--accent);background:var(--accent-dark);border:1px solid #3a502d;padding:3px 7px;border-radius:5px}label{display:block;font-size:12px;color:#c4d0c9;margin-top:15px}input,textarea,select{background:#111814;border:1px solid #344339;border-radius:7px;color:var(--text);padding:10px 11px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.6;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label input,label select{margin-top:6px}input::placeholder,textarea::placeholder{color:#728179}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid select{font-size:11px;padding:10px 6px}.image-drop{border:1px dashed #405644;border-radius:8px;padding:16px 10px;text-align:center;cursor:pointer;color:var(--text)}.image-drop small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.image-drop input,.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.image-drop:hover{border-color:var(--accent)}.advanced{margin:22px 0;font-size:12px;color:var(--muted)}.advanced summary{cursor:pointer}.advanced small{display:block;font-size:10px;margin:5px 0}.editing{min-width:0}.project-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 18px}.project-bar input{display:block;background:transparent;border:0;padding:3px 0;font-size:21px;font-weight:600}.project-actions{display:flex;align-items:center;gap:5px}.project-actions select{width:120px;font-size:11px;padding:8px}.preview-wrap{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#050806}.preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;max-height:520px;isolation:isolate}.preview video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.caption-overlay{position:absolute;left:6%;right:6%;text-align:center;white-space:pre-wrap;pointer-events:none;font-size:clamp(14px,2vw,30px);line-height:1.3;text-shadow:0 1px 8px #000;font-weight:500;overflow-wrap:anywhere;z-index:2}.caption-overlay:not(:empty){background:#0007;padding:5px 9px;border-radius:4px}.empty-preview{z-index:1;text-align:center;pointer-events:none}.preview-symbol{display:block;color:var(--accent);font-size:58px;font-weight:200;line-height:1.3}.empty-preview h2{font-size:17px;margin:14px 0 8px}.empty-preview p{font-size:12px;color:var(--muted)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--panel);font-size:11px;color:var(--muted);padding:6px 15px;border-top:1px solid var(--line);gap:10px}.preview-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{padding:20px;margin-top:18px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-heading .hint{margin-bottom:0;font-size:11px}.timeline-heading h2 span{margin-left:10px}.export-controls{display:flex;gap:8px;align-items:center}.export-controls select{width:74px;padding:9px;font-size:12px}.export-controls button{font-size:12px}.timeline-clips{margin-top:22px;display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;min-height:108px}.empty-timeline{border:1px dashed #3c4b40;border-radius:8px;color:var(--muted);font-size:12px;width:100%;display:grid;place-items:center;text-align:center;padding:20px}.clip-card{border:1px solid #3d4c42;min-width:150px;width:150px;border-radius:7px;overflow:hidden;background:#202a23;flex-shrink:0;cursor:pointer}.clip-card.active{border:2px solid var(--accent)}.clip-card img{width:100%;height:65px;object-fit:cover;display:block}.clip-info{padding:6px 8px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.clip-actions{display:flex;gap:0;border-top:1px solid var(--line)}.clip-actions button{padding:3px 8px;font-size:11px;flex:1;border-radius:0}.clip-editor{display:grid;grid-template-columns:140px 1fr 110px;gap:15px;padding-top:10px;border-top:1px solid var(--line);align-items:end}.clip-editor label{margin-top:0}.clip-editor input{padding:8px}.clip-editor .caption-input textarea{margin-top:6px}.clip-editor select{margin-bottom:6px}.library h2{margin-top:17px}.upload-button{font-size:23px;line-height:1;padding:0 5px;margin:0;color:var(--accent);cursor:pointer}.count{font-size:10px;padding:2px 6px;border-radius:5px;background:#2b3930;color:var(--muted);margin-left:7px}.assets{max-height:440px;overflow:auto;padding-right:3px}.asset{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow:hidden;background:#101713}.asset img{width:100%;height:105px;object-fit:cover;cursor:pointer;display:block}.asset-info{padding:9px}.asset-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px}.asset-meta{font-size:10px;color:var(--muted)}.asset-actions{display:flex;justify-content:space-between;margin-top:6px}.asset-actions button,.asset-actions a{font-size:11px;padding:5px 7px}.asset-actions button{background:var(--accent-dark);color:var(--accent);border-radius:5px}.asset-actions a{color:var(--muted)}.empty-library{font-size:12px;color:var(--muted);padding:25px 5px;text-align:center}.jobs-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid var(--line);padding:0 0 14px}.jobs{max-height:300px;overflow:auto}.job{padding:11px 0;border-top:1px solid var(--line);font-size:11px}.job-top{display:flex;justify-content:space-between;gap:8px;font-weight:600}.job-phase{color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.job-error{color:var(--error);font-size:10px;overflow-wrap:anywhere}.job-metrics{color:var(--muted);font-size:10px}.job.running .job-top::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:5px;animation:pulse 1.3s infinite}.job.done .job-top{color:var(--accent)}.job.error .job-top{color:var(--error)}.job-cancel{font-size:10px;padding:3px 7px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#172012;border-radius:8px;padding:13px 22px;max-width:90vw;z-index:20;box-shadow:0 10px 45px #0008}.toast.error{background:#ffcabd;color:#3a1710}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:25px;width:380px;max-width:90vw}dialog::backdrop{background:#0009}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{padding:55px max(35px,calc((100vw - 1100px)/2));min-width:0;display:flex;flex-direction:column;justify-content:center}.login-card .brand{margin-bottom:75px}.login-card h1{font-size:46px;line-height:1.1;margin:20px 0;letter-spacing:-2px}.login-card>p{max-width:360px}.login-card form{max-width:360px;margin:18px 0 50px}.login-card .primary{width:100%;padding:14px;margin-top:8px}.login-foot{font-size:11px}.login-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 28%,#304628,#18231b 60%,#101713)}.orb{position:absolute;left:12%;top:16%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e5f2b6,#739a51 40%,#27331f 75%);box-shadow:40px 60px 70px #0008;transform:rotate(-25deg)}.frame{position:absolute;border:1px solid #efffd637;border-radius:30px;transform:rotate(-20deg);width:67%;height:52%;top:20%;left:15%}.f2{top:25%;left:23%}.art-caption{position:absolute;bottom:14%;left:12%;font-size:clamp(25px,3vw,49px);font-weight:300;line-height:1.2;letter-spacing:-1px}.art-tag{position:absolute;bottom:7%;left:12%;font-size:10px;letter-spacing:2px;color:#bdd0b4}#login-error{color:var(--error);font-size:12px;min-height:18px}.help{max-width:850px;margin:50px auto;padding:0 25px 70px}.help h1{font-size:36px;margin:45px 0 20px}.help h2{font-size:22px;margin:32px 0 12px}.help p,.help li{color:#bdcbc1}.help a{color:var(--accent)}.help code{background:#253027;padding:2px 5px;border-radius:4px}.help table{border-collapse:collapse;width:100%;font-size:13px}.help td,.help th{border:1px solid var(--line);padding:10px;text-align:left}@keyframes pulse{50%{opacity:.35}}@media(min-width:1600px){.workspace{grid-template-columns:320px minmax(360px,1fr) 310px;gap:25px;padding:28px}.generation,.library{padding:25px}.asset img{height:125px}}@media(max-width:1180px){.workspace{grid-template-columns:260px minmax(320px,1fr);padding:15px;gap:15px}.library{grid-column:1/-1}.assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:none}.assets .asset{margin:0}.jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-bar{flex-wrap:wrap}.clip-editor{grid-template-columns:140px 1fr}.clip-editor>label:last-child{grid-column:1/-1}.timeline-heading{flex-wrap:wrap}}@media(max-width:700px){.topbar{height:65px;padding:0 15px;gap:10px}.brand{font-size:17px}.brand-mark{width:27px;height:27px;font-size:20px}.workspace-label{display:none}.topbar nav{gap:4px}.topbar nav>a{font-size:10px}.topbar nav button{font-size:10px;padding:7px 5px}.workspace{grid-template-columns:minmax(0,1fr);padding:12px;gap:15px}.generation{padding:20px}.generation textarea{min-height:110px}.library{grid-column:auto}.editing{grid-row:2}.project-bar{padding:4px 0 15px}.project-actions{width:100%;justify-content:flex-end}.project-actions select{flex:1}.preview{min-height:200px}.empty-preview h2{font-size:15px}.timeline{padding:15px}.timeline-heading{gap:14px}.export-controls{width:100%;justify-content:flex-end}.timeline-clips{margin-top:16px}.clip-editor{grid-template-columns:1fr}.clip-editor>label:last-child{grid-column:auto}.trim-grid{max-width:220px}.assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jobs{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:35px 28px;justify-content:flex-start}.login-card .brand{margin-bottom:70px}.login-card h1{font-size:43px}.login-card form{max-width:none}.login-card>p{max-width:none}.help{margin-top:30px}.help h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}