:root{--bg:#05070b;--navy:#071522;--panel:#0b1926;--panel2:#101f2d;--gold:#e6bd55;--gold2:#ffd979;--text:#f7f4eb;--muted:#8994a4;--line:#1b2c3b;--radius:20px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif}button,textarea,select,input{font:inherit}.boot{height:100vh;display:grid;place-items:center;color:var(--gold);letter-spacing:.25em}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{position:fixed;inset:0 auto 0 0;width:245px;padding:25px 16px;background:linear-gradient(180deg,#06111d,#04090f);border-right:1px solid var(--line);z-index:5}.logo{display:flex;align-items:center;gap:12px;padding:8px 12px 28px;font-weight:800;letter-spacing:.08em}.logo b{font:italic 34px Georgia;color:var(--gold)}nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:var(--muted);padding:14px 15px;border-radius:14px;text-align:left;display:flex;gap:13px;cursor:pointer}.nav.active,.nav:hover{color:var(--gold2);background:linear-gradient(90deg,rgba(230,189,85,.14),rgba(8,33,54,.7))}.provider{position:absolute;left:16px;right:16px;bottom:20px;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:10px;background:#08131e}.provider i{width:9px;height:9px;border-radius:50%;background:#4fd47a;box-shadow:0 0 12px #4fd47a}.provider small,.provider b{display:block}.provider small{color:var(--muted);margin-top:3px}main{grid-column:2;min-width:0}header{height:72px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(5,7,11,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.headline{color:var(--muted)}.credit{background:#101b26;border:1px solid #4d4023;color:var(--gold2);padding:10px 15px;border-radius:14px}.content{max-width:1320px;margin:auto;padding:34px}.hero{padding:58px 5vw;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 80% 10%,rgba(230,189,85,.13),transparent 35%),linear-gradient(145deg,#0b1b2a,#070d14)}.hero p,.page-title p{color:var(--gold);font-size:12px;letter-spacing:.16em}.hero h1,.page-title h1{font-size:clamp(30px,5vw,55px);margin:8px 0 26px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions button,.secondary,.edit-modes button{border:1px solid var(--line);background:#101e2b;color:var(--text);padding:12px 18px;border-radius:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.cards article,.settings article{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.cards strong{display:block;font-size:35px;margin:11px 0;color:var(--gold2)}.cards span,.cards small,.settings span{color:var(--muted)}.page-title{margin-bottom:20px}.page-title h1{font-size:40px;margin-bottom:0}.tabs{display:flex;gap:6px;background:#07111b;padding:6px;border:1px solid var(--line);border-radius:16px;width:max-content;margin-bottom:22px}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:11px}.tabs button.active{background:#172535;color:var(--gold2)}.studio-grid{display:grid;grid-template-columns:minmax(340px,520px) minmax(0,1fr);gap:20px}.form,.output{background:linear-gradient(160deg,var(--panel),#07111b);border:1px solid var(--line);border-radius:var(--radius);padding:22px;height:max-content}.form label{display:block;color:#adb6c3;margin:0 0 9px}.form textarea,.form select,.model-card,.upload,.model-sheet input{width:100%;border:1px solid var(--line);background:#07111b;color:var(--text);border-radius:14px;padding:14px;margin:0 0 16px}.form textarea{min-height:85px;resize:vertical}.form textarea.large{min-height:145px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-card{display:flex;justify-content:space-between;text-align:left;cursor:pointer}.model-card small,.model-card b{display:block}.model-card small{color:var(--gold);font-size:10px;margin-bottom:5px}.model-card em{font-style:normal}.cost{display:flex;justify-content:space-between;background:#09131d;border:1px solid #443a22;border-radius:14px;padding:14px;margin-bottom:13px}.cost b{color:var(--gold2)}.primary{width:100%;border:0;border-radius:14px;padding:15px;background:linear-gradient(135deg,#c99830,#f0d16f);color:#161006;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(230,189,85,.13)}.secondary{width:100%;margin-bottom:10px;cursor:pointer}.upload{display:grid;place-items:center;min-height:100px;border-style:dashed!important;cursor:pointer}.upload input{display:none}.source{width:100%;max-height:260px;object-fit:contain;border-radius:14px;margin-bottom:16px;background:#020408}.source-chip{display:flex;align-items:center;gap:10px;background:#07111b;padding:9px;border-radius:13px;margin-bottom:15px}.source-chip img{width:42px;height:42px;object-fit:cover;border-radius:9px}.source-chip button{margin-left:auto}.output.empty,.gallery-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px}.result{width:100%;max-height:70vh;object-fit:contain;border-radius:16px;background:#020408}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quick-actions button{border:1px solid #4d4023;background:#111b25;color:var(--gold2);border-radius:11px;padding:10px 13px}.status{display:flex;align-items:center;gap:10px;color:var(--gold2)}.status i{width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold);animation:pulse 1.2s infinite}.skeleton{height:380px;margin-top:18px;border-radius:17px;background:linear-gradient(100deg,#0a1621 30%,#1b2b36 45%,#0a1621 60%);background-size:200% 100%;animation:shine 1.3s infinite}.gallery{columns:4 240px;column-gap:14px}.gallery article{break-inside:avoid;margin-bottom:14px;border:1px solid var(--line);background:#09131d;border-radius:16px;overflow:hidden;cursor:pointer}.gallery img{display:block;width:100%}.gallery article div{padding:12px}.gallery b,.gallery small{display:block}.gallery small{color:var(--muted);margin-top:5px}.section-title{margin:28px 0 13px}.chat{height:calc(100vh - 165px);display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:10px max(2vw,12px)}.msg{display:flex;gap:12px;margin:18px auto;max-width:800px}.msg b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#14202d;color:var(--gold)}.msg p{margin:0;line-height:1.6}.composer{max-width:880px;width:100%;margin:0 auto;border:1px solid var(--line);background:#09131d;border-radius:22px;padding:12px}.composer textarea{width:100%;border:0;background:transparent;color:white;min-height:70px;resize:none;outline:0}.composer-row{display:flex;gap:9px;align-items:center}.square,.send,.model-button{border:1px solid var(--line);background:#111e2b;color:white;border-radius:12px;padding:10px 13px}.model-button{margin-right:auto}.send{background:var(--gold);color:#111}.shade{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:20}.sheet{position:fixed;z-index:21;left:50%;bottom:20px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:82vh;overflow:auto;border:1px solid var(--line);border-radius:26px;background:#07131e;padding:17px;box-shadow:0 30px 100px #000}.sheet-head{display:flex;align-items:center;justify-content:center;position:relative;padding:4px 0 15px}.sheet-head button{position:absolute;left:0;border:1px solid var(--line);background:#12202c;color:white;width:40px;height:40px;border-radius:50%}.sheet>button{width:100%;border:0;background:transparent;color:#bbc4d0;text-align:left;padding:15px;border-radius:12px;font-size:17px}.sheet>button:hover{background:#101f2b;color:var(--gold2)}.sheet>button span{display:inline-block;width:38px;color:var(--gold)}.model-list button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-bottom:1px solid #142432;background:transparent;color:white;padding:15px 5px}.model-list small,.model-list b{display:block}.model-list small{color:var(--muted);margin-top:5px}.model-list em{color:var(--gold);font-style:normal}.settings{display:grid;gap:13px}.settings article{display:flex;justify-content:space-between}.fab{display:none}.mobile-nav{display:none}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#102333;border:1px solid #4d4023;color:var(--gold2);padding:13px 17px;border-radius:13px}.toast.error{border-color:#7f3434;color:#ffaaaa}.prompt-output{min-height:240px;color:#d7dde5;line-height:1.7}.output-head{display:flex;justify-content:space-between}.edit-modes{display:flex;gap:7px;margin-bottom:14px}.empty{color:var(--muted);display:grid;place-items:center;text-align:center}@keyframes shine{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}@media(max-width:850px){.app{display:block;padding-bottom:80px}aside{display:none}main{grid-column:auto}header{height:58px;padding:0 16px}.headline{font-size:12px}.content{padding:20px 14px}.hero{padding:35px 22px}.hero h1{font-size:34px}.cards{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:1fr}.page-title h1{font-size:32px}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;height:72px;background:rgba(5,10,16,.96);border-top:1px solid var(--line);justify-content:space-around;padding:6px}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.mobile-nav button.active{color:var(--gold2)}.mobile-nav span,.mobile-nav small{display:block}.fab{display:block;position:fixed;z-index:12;bottom:39px;left:50%;transform:translate(-50%,50%);width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#c99830,#f5d878);font-size:30px;color:#181106}.gallery{columns:2 140px}.sheet{bottom:8px}.row{grid-template-columns:1fr 1fr}.cards strong{font-size:27px}.quick-actions button{flex:1}.chat{height:calc(100vh - 145px)}}
