:root{color-scheme:dark;--bg:#101315;--panel:#191d20;--line:#30373a;--muted:#97a3a6;--accent:#c5f279;--red:#ff9f9f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1ef;font:14px system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:inherit;background:#242b2d;text-decoration:none;display:inline-block;text-align:center}button:hover,a.button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:wait}button.primary{background:var(--accent);color:#18210f;border-color:var(--accent);font-weight:700}.ghost{background:transparent;border-color:transparent}.brand{font-weight:850;letter-spacing:2px}.grow{flex:1;min-width:0}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px;line-height:1.6}.small{font-size:11px}.error{color:var(--red);font-size:13px}.row{display:flex;align-items:center;gap:9px}.wrap{flex-wrap:wrap}.full{width:100%}.tag{font-size:10px;background:#293b24;color:var(--accent);padding:4px 7px;border-radius:5px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}h1{font-size:32px;letter-spacing:-1px}h2{font-size:18px}h3{font-size:15px}input,textarea,select{color:inherit;background:#101618;border:1px solid var(--line);border-radius:7px;padding:11px;width:100%;outline:none}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}input[type=color]{height:40px;padding:4px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:16px}label input,label select,label textarea{margin-top:7px;color:#edf1ef}header{display:flex;align-items:center;gap:14px;height:70px;padding:12px 22px;border-bottom:1px solid var(--line)}header .title{background:transparent;border-color:transparent;width:300px;font-weight:600}.dashboard{max-width:1300px;margin:auto;padding:45px 30px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 32px}.dashboard>input{max-width:400px;margin-bottom:25px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.project-card .art{height:120px;background:linear-gradient(135deg,#305644,#151e25);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:34px}.project-card .body{padding:19px}.project-card h3{margin:0 0 12px}.project-card .row{margin-top:18px}.health{margin-top:35px}.tabs{display:flex;align-items:center;gap:5px;padding:12px 22px;border-bottom:1px solid var(--line)}.tabs>button{background:transparent;border-color:transparent}.tabs>button.active{background:#293423;color:var(--accent)}.edit-layout{display:grid;grid-template-columns:205px minmax(350px,1fr) 310px;min-height:calc(100vh - 135px)}.scene-sidebar,.inspector{background:var(--panel);padding:20px 15px}.scene-sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.scene-card{width:100%;display:flex;gap:10px;align-items:center;text-align:left;margin-bottom:8px;background:transparent;border-color:transparent;padding:9px}.scene-card.active{border-color:var(--accent);background:#273223}.scene-number{display:grid;place-items:center;width:34px;height:48px;background:#314238;border-radius:5px;color:var(--accent);flex-shrink:0}.scene-card b{display:block;font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-controls{margin-top:18px;gap:5px}.scene-controls button{flex:1;padding:7px}.preview-area{padding:18px 28px;min-width:0}.preview-stage{display:flex;justify-content:center;align-items:center;padding:8px;background:radial-gradient(ellipse,#253633,transparent 70%)}.portrait{width:238px;aspect-ratio:9/16;max-height:58vh;background:#1c3934;position:relative;overflow:hidden;border-radius:9px;border:1px solid #40554b;box-shadow:0 20px 60px #0004}.backdrop{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.brand-overlay{position:absolute;top:0;left:0;width:100%;height:11%;padding:10% 6% 0;background:#0a1213d2;font-size:6.4px;letter-spacing:.2px;font-weight:700}.text-overlay{position:absolute;left:5.4%;right:5.4%;top:62.5%;bottom:7.8%;border-radius:7px;background:#0a1213e1;padding:4%}.text-overlay h2{font-size:14px;line-height:1.3;margin:0;color:var(--accent);white-space:pre-line;overflow-wrap:anywhere}.text-overlay p{font-size:8px;line-height:1.4;margin-top:8px;max-height:56px;overflow:hidden}.preview-tools{display:flex;justify-content:center;align-items:center;gap:10px;margin:14px 0}.timeline{display:flex;gap:5px;margin-bottom:17px}.timeline button{min-width:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;background:#283b2f;padding:11px 5px}.timeline button.active{border-color:var(--accent);color:var(--accent)}.feedback-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:14px}.feedback-box .row input{flex:1;min-width:0}.note{display:flex;gap:9px;border-top:1px solid var(--line);padding:10px 0;align-items:center}.note p{margin:4px 0;font-size:12px}.note.resolved{opacity:.5}.note button{padding:5px 8px}.note .grow{overflow-wrap:anywhere}#feedback-list{max-height:190px;overflow:auto}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.5}.narrow{width:78px}details{border-top:1px solid var(--line);padding:13px 0;font-size:12px}summary{cursor:pointer;color:var(--muted);margin-bottom:12px}.ai-box{padding:15px 0;border-top:1px solid var(--line);margin-top:15px}.input-layout{max-width:1250px;margin:auto;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px}.panel>textarea{margin-bottom:16px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.asset{border:1px solid var(--line);border-radius:8px;padding:10px;overflow:hidden}.asset img,.asset video{width:100%;height:120px;object-fit:cover;border-radius:5px;background:#101315}.asset audio{width:100%;height:35px}.asset p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset .row button{font-size:11px;padding:6px}.outputs{padding:30px;max-width:1250px;margin:auto}.output-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;gap:25px;align-items:flex-start}.output-card video{width:185px;border-radius:8px;background:#000}.output-card .details{flex:1}.output-card .row{flex-wrap:wrap}.job{border:1px solid var(--line);padding:15px;border-radius:10px;margin:12px 0}.job .message{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto}.job progress{width:100%;accent-color:var(--accent);height:7px}.empty{padding:35px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);line-height:1.8}.proposal{padding:14px;border:1px solid var(--line);border-radius:9px;margin:10px 0}.proposal p{line-height:1.7;font-size:13px}dialog{background:var(--panel);color:inherit;border:1px solid #45504a;border-radius:15px;width:650px;max-width:95vw;max-height:90vh;padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog h2{margin:0}dialog .row{margin-top:15px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--accent);color:#172210;border-radius:9px;z-index:50;display:none;max-width:90vw;box-shadow:0 10px 40px #0005}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#22372d,transparent 60%)}.auth-card{width:390px;max-width:95vw;background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:16px}.auth-card h1{font-size:25px}.auth-card .brand{color:var(--accent);font-size:12px;margin-bottom:30px}@media(min-width:1500px){.portrait{width:285px}.preview-area{padding:22px 50px}.text-overlay h2{font-size:17px}.text-overlay p{font-size:10px}.brand-overlay{font-size:8px}}@media(max-width:1000px){.edit-layout{grid-template-columns:150px minmax(280px,1fr) 260px}.preview-area{padding:16px 12px}.scene-sidebar{padding:15px 9px}.scene-card b{max-width:75px}header .title{width:220px}.input-layout{padding:18px;gap:15px}.asset-grid{grid-template-columns:1fr}}@media(max-width:760px){header{padding:10px;gap:5px}header .title{width:145px;font-size:12px}header .brand{font-size:11px}header .tag,header #save-status{display:none}.tabs{padding:8px;gap:0;flex-wrap:wrap}.tabs button{padding:10px;font-size:11px}.edit-layout{display:flex;flex-direction:column}.scene-sidebar{border-bottom:1px solid var(--line)}#scene-list{display:flex;overflow:auto}.scene-card{min-width:145px;width:auto}.scene-sidebar .small{display:none}.scene-controls{margin:5px 0;max-width:220px}.portrait{max-height:none;width:220px}.inspector{border-top:1px solid var(--line)}.input-layout{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.dashboard{padding:20px}.dash-heading{display:block}.dash-heading button{margin-top:12px}h1{font-size:27px}.output-card{display:block}.output-card video{width:100%;max-height:400px}.output-card .details{margin-top:15px}.outputs{padding:18px}}