:root{
  --bg:#070a12;--panel:#111621;--panel2:#161b27;--line:#293143;--text:#f6f7fb;--muted:#aab1c3;
  --blue:#4e7cff;--violet:#9a5cff;--green:#31d66b;--gold:#caa86a;--danger:#ff5b6e;
  --shadow:0 24px 80px rgba(0,0,0,.45);--radius:18px;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(109,93,252,.26),transparent 34%),linear-gradient(135deg,#080b14,#0b101a 48%,#06070c);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);min-height:100vh} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} .app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:linear-gradient(180deg,rgba(18,22,32,.96),rgba(8,11,18,.98));border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.logo{width:34px;height:34px;border-radius:12px;background:conic-gradient(from 220deg,var(--violet),var(--blue),#67f3ff,var(--violet));box-shadow:0 0 26px rgba(120,90,255,.38)}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:12px;color:#d4d8e6;padding:12px 14px;border-radius:12px}.nav a.active,.nav a:hover{background:linear-gradient(90deg,rgba(106,95,255,.26),rgba(255,255,255,.06));color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.nav svg,.status svg{width:18px;height:18px;opacity:.9}.status{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:10px;color:#d7dbea;font-size:14px}.status span{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.main{min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:flex-end;padding:0 24px;background:rgba(11,14,23,.66);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.tagline{margin-right:auto;color:#cbd1e2}.credit-pill{display:flex;align-items:center;gap:8px;padding:9px 13px;background:#111723;border:1px solid #343c50;border-radius:12px}.btn{border:0;border-radius:12px;padding:11px 16px;background:#202738;color:#fff;cursor:pointer;transition:.18s;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 12px 32px rgba(100,92,255,.26)}.btn-buy{background:linear-gradient(135deg,#5d8bff,#985bff);font-weight:750}.btn-ghost{background:#151b28;border:1px solid #31394c}.btn-small{padding:8px 10px;font-size:13px;border-radius:9px}.select-mini{background:#111722;border:1px solid #343c50;color:#fff;border-radius:10px;padding:9px 10px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fff,#8e98ad);display:grid;place-items:center;color:#111;font-weight:800}.wrap{padding:30px 34px 44px}.hero h1{font-size:34px;line-height:1.05;margin:0 0 10px}.hero p{color:#c6ccdc;margin:0 0 26px;max-width:720px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.card{background:linear-gradient(180deg,rgba(31,36,49,.82),rgba(17,22,33,.84));border:1px solid rgba(143,154,189,.22);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.generator{padding:22px}.prompt{width:100%;height:138px;resize:vertical;background:rgba(17,21,31,.9);border:1px solid #3b4560;border-radius:12px;color:#fff;padding:15px;outline:none;line-height:1.45}.prompt:focus{border-color:#776bff;box-shadow:0 0 0 4px rgba(111,101,255,.12)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.chip{border:1px solid #374054;background:linear-gradient(180deg,#222938,#171c28);padding:7px 10px;border-radius:999px;color:#e6e8f2;font-size:13px}.chip:hover{border-color:#6e74ff}.section-title{font-weight:760;margin:16px 0 12px;color:#fff}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.use-card{min-height:82px;border:1px solid #354057;background:linear-gradient(180deg,#1b2130,#121722);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#eff1fb;cursor:pointer;padding:10px}.use-card:hover,.use-card.active{border-color:#8075ff;background:linear-gradient(180deg,rgba(86,82,174,.42),rgba(25,28,44,.9));box-shadow:0 0 0 3px rgba(115,105,255,.08)}.settings{padding:18px;position:sticky;top:96px}.settings h3{margin:0 0 16px}.pills{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pill{background:#161c28;border:1px solid #3a4358;border-radius:10px;color:#f5f6fb;padding:9px 10px;cursor:pointer}.pill.active{border-color:#8075ff;background:linear-gradient(135deg,rgba(78,124,255,.32),rgba(154,92,255,.24))}.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;color:#e5e7f0}.seg{display:flex;gap:7px;flex-wrap:wrap}.seg button{border:1px solid #3a4358;background:#151b28;color:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.seg button.active{background:linear-gradient(135deg,rgba(78,124,255,.45),rgba(154,92,255,.38));border-color:#8177ff}.toggle{width:42px;height:23px;border-radius:999px;background:#454b58;position:relative;display:inline-block;vertical-align:middle}.toggle input{display:none}.toggle i{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:2.5px;transition:.18s}.toggle input:checked+i{left:21px;background:#fff}.toggle:has(input:checked){background:linear-gradient(135deg,var(--blue),var(--violet))}.generate{width:100%;font-weight:850;font-size:16px;margin-top:16px}.cost{text-align:center;color:#b8bfd0;font-size:13px;margin-top:9px}.results{margin-top:26px}.results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.results h2{font-size:18px;margin:0}.grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}.asset{position:relative;padding:10px;background:linear-gradient(180deg,rgba(30,36,51,.92),rgba(18,22,32,.94));border:1px solid #31394f;border-radius:14px;overflow:hidden}.asset img{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;background:#111}.asset h3{font-size:15px;margin:10px 0 3px}.asset p{font-size:12px;color:#b8bfd0;margin:0 0 9px}.asset-actions{display:flex;gap:7px}.menu{position:absolute;right:10px;bottom:10px}.kebab{width:28px;height:28px;border-radius:9px;background:#111722;border:1px solid #3a4358;color:#fff}.menu-list{display:none;position:absolute;right:0;bottom:34px;background:#151a27;border:1px solid #3c465d;border-radius:12px;min-width:210px;padding:8px;box-shadow:0 18px 60px rgba(0,0,0,.45)}.menu:hover .menu-list{display:grid;gap:4px}.menu-list button{background:transparent;border:0;color:#fff;text-align:left;padding:9px;border-radius:8px}.menu-list button:hover{background:#222a3c}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(480px,100%);padding:28px}.field{display:grid;gap:8px;margin:14px 0}.input{background:#111722;border:1px solid #343c50;color:#fff;border-radius:12px;padding:13px 14px;width:100%}.notice{padding:12px 14px;border:1px solid #3d4860;background:#121927;border-radius:12px;color:#d9deec;margin:12px 0}.error{border-color:#65333d;background:#271219;color:#ffdce1}.pricing{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.price{padding:18px}.price h3{margin:0}.price strong{font-size:32px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-card{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-trust{text-align:center;color:#aeb5c8;font-size:13px;margin:22px 0 0}.mobile-bar{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;place-items:center;z-index:200}.modal.open{display:grid}.modal .card{width:min(560px,92vw);padding:22px}
@media(max-width:1280px){.grid{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.settings{position:static}.use-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:100;transform:translateX(-105%);transition:.22s;width:280px}.sidebar.open{transform:translateX(0)}.mobile-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b101a;z-index:70}.topbar{display:none}.wrap{padding:22px 16px}.hero h1{font-size:28px}.use-grid{display:flex;overflow-x:auto;padding-bottom:6px}.use-card{min-width:150px}.grid{grid-template-columns:repeat(2,1fr)}.pricing,.admin-grid,.form-grid{grid-template-columns:1fr}.workspace{gap:16px}.prompt{height:130px}.settings{order:2}.generator{order:1}.btn.generate{position:sticky;bottom:12px;z-index:40}.tagline{display:none}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.asset img{aspect-ratio:16/10}.credit-pill{font-size:13px;padding:8px 10px}.hero p{font-size:14px}.chips{max-height:86px;overflow:auto}.wrap{padding-bottom:90px}}
@media (min-width:700px) and (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1.2fr .8fr}.settings{position:static}.use-grid{grid-template-columns:repeat(2,1fr)}}
/* Canvander mobile overflow + text-safe render polish */
html,body{width:100%;max-width:100%;overflow-x:hidden}.app,.main,.wrap,.workspace,.card,.generator,.settings,.results,.grid{min-width:0;max-width:100%}img,svg,video,canvas{max-width:100%;height:auto}.exact-text-field{margin:12px 0 0}.exact-text-field span{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.exact-text-field small{color:#9fa8bd;font-weight:500}.asset-actions{min-width:0;flex-wrap:wrap}.asset-actions .btn{white-space:nowrap}.menu-list{max-width:calc(100vw - 24px)}.select-mini{max-width:100%}.use-grid{min-width:0}.use-card{overflow:hidden}.use-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.mobile-bar{max-width:100vw;overflow:hidden}.topbar{max-width:100%}
@media(max-width:900px){.app{width:100%;overflow-x:hidden}.workspace{display:grid;grid-template-columns:minmax(0,1fr)}.settings,.generator{width:100%;max-width:100%}.use-grid{max-width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.use-card{scroll-snap-align:start}.asset-actions{display:grid;grid-template-columns:1fr 1fr}.asset-actions .btn{width:100%;padding-left:8px;padding-right:8px}.mobile-bar .credit-pill{margin-left:auto}.mobile-bar .select-mini{width:64px;padding:8px 6px}}
@media(max-width:560px){.asset-actions{grid-template-columns:1fr}.btn-small{font-size:12px}.settings{padding:14px}.generator{padding:16px}.hero h1{font-size:25px}.exact-text-field .input{font-size:14px}}
@media (min-width:700px) and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr)}.settings{position:static}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}