@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#07090c;--surface:#0c1015;--panel:#10151b;--panel2:#141a21;--line:#242d37;--line2:#34414e;--text:#f2f5f7;--muted:#8995a1;--orange:#f39743;--orange2:#ffc06f;--blue:#7fb7e8;--danger:#ff8d8d;--shadow:0 24px 70px #0008}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 72% -20%,#182536 0,transparent 34%),var(--bg);color:var(--text);font:13px Inter,Segoe UI,sans-serif;letter-spacing:.01em}.topbar{height:72px;border-bottom:1px solid #202832;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#090c10e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font:800 27px Manrope,sans-serif;letter-spacing:-2px;padding-right:14px;border-right:1px solid var(--line)}.brand-mark span,.brand small em{color:var(--orange);font-style:normal}.brand>b{font:700 13px Manrope,sans-serif}.brand small{display:block;color:#75818c;font-size:9px;letter-spacing:1.55px;margin-top:4px}.status{display:flex;align-items:center;gap:10px}.status>strong{border:1px solid #77552d;background:#21170e;border-radius:999px;padding:6px 10px;color:var(--orange2);font-size:9px;letter-spacing:1.2px}.connection{display:flex;align-items:center;gap:7px;color:#aab3ba;font-size:11px}.connection i{width:8px;height:8px;border-radius:50%;background:#d45562;box-shadow:0 0 0 4px #d4556215}.connection i.ok{background:#42ce83;box-shadow:0 0 0 4px #42ce8318}button{font:700 10px Inter,sans-serif;letter-spacing:.45px;background:#151b22;color:var(--text);border:1px solid #303b47;border-radius:7px;padding:9px 11px;cursor:pointer;transition:.18s ease}button:hover{border-color:#657383;background:#1b232c}button:disabled{opacity:.45;cursor:wait}.icon-btn{background:#11161c}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--orange);margin:0 0 5px;font-weight:700}main{display:grid;grid-template-columns:305px 1fr;height:calc(100vh - 72px);min-height:650px}.controls{padding:19px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0d1116,#090d11);overflow:auto}.section-title{display:flex;gap:11px;align-items:center;margin:1px 0 17px}.section-title.compact{margin-top:21px}.section-title>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #6c4b29;border-radius:50%;color:var(--orange);font:700 10px Manrope}.section-title p{margin:0;color:#697580;font-size:8px;letter-spacing:1.6px}.section-title b{display:block;margin-top:3px;font:700 16px Manrope}label{display:flex;flex-direction:column;gap:6px;color:#9da8b2;font-size:9px;font-weight:700;letter-spacing:.65px;margin-bottom:12px;text-transform:uppercase}input,select,textarea{width:100%;background:#090d11;color:var(--text);border:1px solid #2b3540;border-radius:7px;padding:9px 10px;font:12px Inter,sans-serif;outline:none;text-transform:none}input:focus,select:focus,textarea:focus{border-color:#a06b35;box-shadow:0 0 0 3px #f397430d}textarea{resize:vertical;line-height:1.52}.row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.refs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drop{height:124px;border:1px dashed #40505f;border-radius:9px;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative;padding:8px;background:linear-gradient(145deg,#121820,#0a0e12)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop img{display:none;width:100%;height:80px;object-fit:cover;border-radius:5px}.drop.has img{display:block}.drop.has b,.drop.has small{display:none}.drop>span{font-size:8px;color:var(--orange);position:absolute;top:7px;left:8px}.drop b{font-size:10px;text-transform:none}.drop small{font-size:8px;color:#66727c;text-transform:none}.generate{width:100%;border:1px solid #f6ad61;background:linear-gradient(110deg,#df7926,#f4ac58);box-shadow:0 8px 28px #d56c2226;color:#160d06;font-weight:900;padding:12px;display:flex;justify-content:space-between;align-items:center}.generate:hover{background:linear-gradient(110deg,#ec8730,#ffc16f);border-color:#ffd099}.recover{width:100%;margin-top:7px;background:transparent;border-color:#37424d;color:#aab4bd;font-size:8px}.progress{margin-top:13px}.progress>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#838f99}.progress>i{display:block;height:4px;background:#1b232b;border-radius:4px;margin-top:7px;overflow:hidden}.progress em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),#ffd38e);transition:width .3s}#runStatus{min-height:35px;color:#7f8b95;font-size:10px;margin-top:8px;line-height:1.45}#runStatus.error{color:var(--danger)}.workspace{padding:13px;display:grid;grid-template-columns:minmax(370px,38%) minmax(500px,62%);gap:12px;min-width:0;overflow:hidden}.panel{background:linear-gradient(180deg,#11171d,#0d1217);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:auto;box-shadow:0 10px 34px #0003}.prompt-panel{padding:15px}.canvas-panel{padding:0;display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.panel-head h2{font:700 20px Manrope;margin:1px 0 3px;letter-spacing:-.4px}.panel-head small{font-size:9px;color:#6f7a84}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:278px;overflow:auto;padding-right:4px;margin-bottom:14px}.preset-card{text-align:left;min-height:67px;padding:9px;background:linear-gradient(145deg,#151b22,#0d1217);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.preset-card span{font-size:7px;color:#697580;letter-spacing:1px}.preset-card b{font:700 11px Manrope;line-height:1.15}.preset-card small{font-size:7px;color:#b47b42}.preset-card.active{border-color:var(--orange);background:linear-gradient(145deg,#302116,#17120e);box-shadow:inset 0 0 0 1px #f3974326}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.editor-head label{margin:0}.editor-head span{font-size:8px;color:var(--orange)}#multiPrompt{min-height:205px;font:11px/1.55 Consolas,monospace}.preset-editor{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px}.danger{color:#ffaaaa}.canvas-head{padding:16px 17px 13px;margin:0;border-bottom:1px solid var(--line)}.canvas-head h2 span{display:inline-grid;place-items:center;min-width:27px;height:20px;border-radius:20px;background:#2c2117;color:var(--orange2);font:700 9px Inter;padding:0 6px}.view-actions{display:flex;gap:5px}.view-actions button.active{border-color:var(--orange);color:var(--orange2);background:#2a1e13}.project-tabs{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid var(--line);min-height:48px}.project-tabs button{display:flex;gap:9px;align-items:center;white-space:nowrap;padding:7px 9px;background:#0c1116}.project-tabs button b{display:grid;place-items:center;border-radius:99px;background:#202a34;color:var(--orange2);min-width:20px;height:20px}.gallery{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:9px;overflow:auto;align-content:start;flex:1}.gallery.compare{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch}.card{background:#090d11;border:1px solid #26313a;border-radius:9px;overflow:hidden;position:relative;box-shadow:0 7px 22px #0004;transition:.2s}.card:hover{transform:translateY(-2px);border-color:#495867}.card img{width:100%;height:270px;object-fit:cover;object-position:center top;display:block;cursor:zoom-in;background:#080b0e}.gallery.compare .card{min-width:min(72%,560px);scroll-snap-align:center}.gallery.compare .card img{height:calc(100vh - 310px);min-height:410px;object-fit:contain;background:#050709}.card footer{padding:9px 10px}.card footer>div{display:flex;justify-content:space-between;font-size:8px;color:var(--orange2)}.card footer p{font-size:9px;line-height:1.35;color:#77838d;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.select-chip{position:absolute;right:7px;top:7px;margin:0;z-index:2}.select-chip input{position:absolute;opacity:0}.select-chip span{display:block;background:#080c0ed9;border:1px solid #53616d;border-radius:5px;padding:5px 7px;color:#c3ccd2;font-size:7px;backdrop-filter:blur(7px)}.select-chip input:checked+span{background:var(--orange);color:#160d06;border-color:#ffc06f}.empty{color:#71808c;padding:90px 30px;text-align:center;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px}.empty b{font:700 18px Manrope;color:#b7c0c7}.empty span{font-size:10px}.empty button{margin-top:7px}dialog{width:min(610px,90vw);background:#10161c;color:var(--text);border:1px solid #3a4753;border-radius:13px;padding:19px;box-shadow:var(--shadow)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:700 23px Manrope;margin:0 0 18px}.lightbox{display:none;position:fixed;inset:0;background:#020304f2;z-index:30;align-items:center;justify-content:center;backdrop-filter:blur(12px)}.lightbox.open{display:flex}.lightbox img{max-width:78vw;max-height:92vh;box-shadow:0 30px 100px #000}.lightbox>button{position:absolute;right:20px;top:20px}.lightbox aside{width:260px;padding:20px;color:#9ca8b1;font:10px/1.45 Consolas;white-space:pre-wrap}@media(max-width:1250px){main{grid-template-columns:285px 1fr}.workspace{grid-template-columns:1fr;overflow:auto}.canvas-panel{min-height:650px}.preset-grid{max-height:none}}@media(max-width:780px){.topbar{padding:0 12px}.connection{display:none}main{display:block;height:auto}.controls{border:0}.workspace{display:block}.panel{margin-bottom:10px}.preset-grid{grid-template-columns:1fr 1fr}.canvas-head{display:block}.view-actions{margin-top:10px}}