:root{--bg:#080311;--bg2:#140829;--card:rgba(21,9,42,.86);--card2:rgba(36,13,76,.78);--text:#fff;--muted:#d6c6ff;--p1:#2a075f;--p2:#6d24ff;--p3:#a934ff;--p4:#f5edff;--border:rgba(255,255,255,.14);--shadow:0 28px 90px rgba(76,23,168,.36)}.light{--bg:#f8f5ff;--bg2:#fff;--card:rgba(255,255,255,.92);--card2:rgba(248,244,255,.9);--text:#1b0735;--muted:#665380;--border:rgba(73,21,141,.18);--shadow:0 28px 70px rgba(101,38,209,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#42118c 0,#16072e 28%,var(--bg) 68%);color:var(--text);min-height:100vh}.light body,body.light{background:radial-gradient(circle at 10% 0%,#e9dcff 0,#fff 38%,#f8f5ff 100%)}button,a,select,textarea{font:inherit}.app-shell{min-height:100vh}.screen{display:none;min-height:100vh;padding:24px}.screen.active{display:block}.splash-screen{display:none;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:22px;overflow:hidden;position:relative}.splash-screen:before{content:"";position:absolute;width:72vw;height:72vw;max-width:780px;max-height:780px;border-radius:50%;background:radial-gradient(circle,rgba(169,52,255,.22),transparent 60%);filter:blur(6px)}.splash-screen>*{position:relative}.splash-screen.active{display:flex}.splash-logo{width:min(360px,78vw);border-radius:42px;filter:drop-shadow(0 28px 55px rgba(112,36,255,.38))}.splash-screen h1{font-size:clamp(2.1rem,7vw,4.7rem);line-height:.95;margin:0;letter-spacing:6px}.splash-screen p,.hero-card p,.plans p{color:var(--muted);font-size:1.12rem}.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:18px;padding:14px 20px;font-weight:900;cursor:pointer;transition:.22s;text-decoration:none}.primary-btn{background:linear-gradient(135deg,var(--p2),var(--p3));color:#fff;box-shadow:var(--shadow)}.secondary-btn{background:linear-gradient(135deg,#251040,#4a168f);color:#fff;border:1px solid var(--border)}.ghost-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border);backdrop-filter:blur(10px)}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.big{padding:18px 34px;font-size:1.08rem}.full{width:100%;font-size:1.04rem}.topbar{max-width:1180px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:1000;letter-spacing:1.8px}.brand img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff}.main-grid,.gallery,.actions-bar,.history{max-width:1180px;margin-left:auto;margin-right:auto}.panel,.hero-card,.form-card,.plans article,.image-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:30px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-card h2{font-size:clamp(1.9rem,5vw,3.8rem);margin:8px 0;line-height:1}.badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(123,36,255,.16);border:1px solid var(--border);color:var(--muted);font-weight:900}.form-card{margin-top:18px}label{display:block;font-weight:900;color:var(--muted);margin-bottom:12px}textarea,select{width:100%;margin-top:8px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text);padding:14px;outline:none}textarea:focus,select:focus{border-color:var(--p3);box-shadow:0 0 0 4px rgba(123,36,255,.16)}textarea{min-height:132px;resize:vertical}option{background:#17082d;color:#fff}.grid-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prompt-preview{border:1px dashed var(--border);border-radius:18px;padding:16px;margin:8px 0 20px;background:rgba(124,36,255,.08)}.prompt-preview p{color:var(--muted);margin:.55rem 0 0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.plans h3{margin:0 0 8px}.loader{max-width:1180px;margin:30px auto;text-align:center;color:var(--muted)}.loader div{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;border:8px solid rgba(255,255,255,.14);border-top-color:var(--p3);border-right-color:var(--p2);animation:spin .88s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.image-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:22px}.image-card h3{margin:14px 0;color:var(--muted)}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-actions button,.card-actions a{padding:11px;border-radius:13px;text-align:center;text-decoration:none;font-weight:900;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text);cursor:pointer}.actions-bar{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.history{margin-top:22px}.history-item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--border);color:var(--muted)}.error{background:rgba(255,53,97,.14);border:1px solid rgba(255,53,97,.35);padding:12px;border-radius:16px;color:#ffd8e0}@media(max-width:780px){.screen{padding:16px}.grid-fields,.plans{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.actions-bar{flex-direction:column}.actions-bar button{width:100%}.splash-screen h1{letter-spacing:3px}.panel,.hero-card,.form-card,.plans article,.image-card{border-radius:24px;padding:18px}}