*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#05070d;color:#eef6ff}body{overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.orb-a{width:360px;height:360px;background:#1688ff;top:-130px;right:10%}.orb-b{width:300px;height:300px;background:#5d42ff;bottom:-100px;left:30%}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;padding:25px 16px;background:rgba(6,9,17,.82);backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 10px 32px}.brand-mark,.modal-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1d9bff,#5b5cff);font-weight:900;box-shadow:0 0 25px rgba(30,145,255,.3)}.brand strong{display:block;font-size:13px;letter-spacing:2px}.brand span{font-size:9px;color:#71859b;letter-spacing:2.5px}.nav{border:0;background:transparent;color:#8494a7;text-align:left;width:100%;padding:12px 13px;border-radius:12px;display:flex;gap:12px;align-items:center;font-size:13px;cursor:pointer;margin:2px 0}.nav span{width:20px;text-align:center}.nav em{margin-left:auto;font-size:8px;font-style:normal;color:#52708d}.nav:hover,.nav.active{background:rgba(52,150,255,.09);color:#f1f7ff}.nav.active{box-shadow:inset 2px 0 #279cff}.nav-sep{height:1px;background:rgba(255,255,255,.06);margin:15px 8px}.side-bottom{margin-top:auto}.credit-card{border:1px solid rgba(50,150,255,.18);background:linear-gradient(135deg,rgba(21,91,155,.13),rgba(255,255,255,.02));border-radius:15px;padding:15px;margin-bottom:10px}.credit-card small{display:block;color:#647d95;font-size:9px;letter-spacing:1.5px}.credit-card b{display:block;font-size:27px;margin-top:5px}.credit-card span{color:#6d8197;font-size:10px}.side-auth,.login-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#dbe9f7;border-radius:11px;padding:10px 13px;cursor:pointer;width:100%}.main{margin-left:250px;min-height:100vh;padding:0 38px 50px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:linear-gradient(rgba(5,7,13,.95),rgba(5,7,13,.72),transparent)}.topbar small,.section-head small,.hero .eyebrow{color:#5f7b96;font-size:9px;letter-spacing:2px}.topbar h2{margin:4px 0 0;font-size:19px}.top-actions{display:flex;gap:10px;align-items:center}.credit-pill{font-size:11px;color:#8fa4b9;border:1px solid rgba(255,255,255,.08);padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.025)}.login-btn{width:auto}.avatar{width:38px;height:38px;border:1px solid rgba(64,165,255,.35);background:#10253b;color:#fff;border-radius:50%;cursor:pointer}.page{display:none;max-width:1180px;margin:auto}.page.active{display:block}.panel{background:linear-gradient(135deg,rgba(16,24,38,.82),rgba(8,13,23,.74));border:1px solid rgba(255,255,255,.075);border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.hero{min-height:420px;padding:55px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-3px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#4aaeff);-webkit-background-clip:text;color:transparent}.hero p{max-width:580px;color:#8da1b6;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:26px}.primary,.ghost{border-radius:11px;padding:12px 17px;font-weight:700;cursor:pointer;border:1px solid transparent}.primary{background:linear-gradient(135deg,#158eff,#396cff);color:white;box-shadow:0 12px 30px rgba(26,125,255,.22)}.ghost{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);color:#dce8f3}.wide{width:100%;margin-top:8px}.primary:disabled{opacity:.55;cursor:not-allowed}.hero-art{width:370px;height:300px;position:relative;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(65,166,255,.28);border-radius:50%;aspect-ratio:1}.r1{width:270px;box-shadow:0 0 80px rgba(0,139,255,.12)}.r2{width:180px;border-color:rgba(107,93,255,.38)}.core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle,rgba(53,164,255,.4),rgba(18,30,48,.8));box-shadow:0 0 70px rgba(34,147,255,.3)}.art-label{position:absolute;bottom:15px;right:5px;color:#55728d;font-size:9px;letter-spacing:2px;text-align:right}.section-head{display:flex;align-items:center;justify-content:space-between;margin:36px 2px 16px}.section-head h3{margin:5px 0;font-size:20px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{min-height:245px;padding:25px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(10,16,27,.66);cursor:pointer;transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(56,160,255,.3)}.tool-card.featured{background:linear-gradient(145deg,rgba(21,74,125,.22),rgba(10,16,27,.7))}.tool-icon{font-size:25px;margin-bottom:18px}.status{font-size:8px;letter-spacing:1.4px;padding:5px 7px;border-radius:5px}.live{color:#5fc1ff;background:rgba(50,158,255,.09)}.soon{color:#788da4;background:rgba(255,255,255,.04)}.tool-card h3{margin:15px 0 8px}.tool-card p{color:#788da0;font-size:12px;line-height:1.65;min-height:58px}.text-btn{background:none;border:0;color:#66b9ff;padding:0;cursor:pointer;font-weight:700;font-size:11px}.info-strip{text-align:center;color:#526b84;font-size:10px;letter-spacing:.4px;margin:25px}.studio-layout{display:grid;grid-template-columns:440px 1fr;gap:18px}.studio-controls,.preview-panel{padding:25px}.studio-controls label{display:flex;justify-content:space-between;color:#b8c8d8;font-size:11px;margin:18px 0 8px}.studio-controls label span{color:#536c83;font-size:9px}.studio-controls textarea,.studio-controls select,.auth-modal input{width:100%;background:#080d16;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#edf6ff;padding:12px;font:inherit;outline:none}.studio-controls textarea{resize:vertical}.studio-controls textarea:focus,.studio-controls select:focus,.auth-modal input:focus{border-color:#278fff;box-shadow:0 0 0 3px rgba(39,143,255,.08)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#0a111b;color:#72869b;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 11px;cursor:pointer;font-size:10px}.chip.active{color:#dff2ff;border-color:rgba(54,160,255,.45);background:rgba(37,137,255,.1)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fine,.muted{color:#52677e;font-size:10px;line-height:1.6}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-head h3{margin:4px 0}.small{padding:8px 11px;font-size:10px}.preview-empty{min-height:570px;margin-top:15px;border:1px dashed rgba(255,255,255,.09);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#667c93;gap:7px;text-align:center}.preview-empty img{max-width:100%;max-height:650px;border-radius:13px;object-fit:contain}.preview-symbol{font-size:25px;color:#379fff;margin-bottom:8px}.preview-empty strong{color:#91a4b8;font-size:12px}.preview-empty span{font-size:10px}.coming{min-height:520px;padding:70px;display:grid;place-items:center;text-align:center}.coming .big-icon{font-size:50px;color:#39a5ff}.coming h1{font-size:42px;margin:8px}.coming p{max-width:600px;color:#7e92a8;line-height:1.7}.creation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.creation-item{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(10,15,24,.7)}.creation-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#070b12}.creation-item div{padding:12px}.creation-item small{color:#536a80;font-size:9px}.creation-item p{font-size:11px;color:#b1c1d1;min-height:30px}.empty-card{padding:60px;text-align:center}.credit-hero{text-align:center;padding:70px}.credit-number{font-size:88px;font-weight:800;background:linear-gradient(90deg,#fff,#3da9ff);-webkit-background-clip:text;color:transparent}.credit-hero p{max-width:600px;margin:0 auto 25px;color:#748ba1;line-height:1.7}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.setting-card{padding:25px;min-height:180px}.setting-card h3{margin:10px 0}.setting-card p{color:#72869b;font-size:11px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(440px,100%);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#0a101a;box-shadow:0 30px 100px rgba(0,0,0,.5)}.auth-modal{text-align:left}.modal-logo{margin-bottom:16px}.modal h2{margin:7px 0}.modal p{color:#74879c;font-size:12px;line-height:1.6}.modal-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#71859b;font-size:24px;cursor:pointer}.auth-tabs{display:flex;background:#070c14;border-radius:10px;padding:4px;margin:20px 0}.auth-tab{flex:1;border:0;background:transparent;color:#70859b;padding:9px;border-radius:7px;cursor:pointer}.auth-tab.active{background:#15273a;color:white}.auth-modal label{display:block;color:#9db0c3;font-size:10px;margin:12px 0 6px}.form-message{min-height:18px}.toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:390px;background:#0d1723;border:1px solid rgba(64,163,255,.28);box-shadow:0 15px 45px rgba(0,0,0,.4);border-radius:12px;padding:12px 15px;color:#d8e9f7;font-size:11px;transform:translateY(15px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.hidden{display:none!important}.mobile-only{display:none}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0;padding:0 18px 40px}.mobile-only{display:block}.topbar{height:72px}.topbar>div:first-of-type{margin-right:auto;margin-left:10px}.hero{padding:35px;flex-direction:column;align-items:flex-start}.hero h1{font-size:45px}.hero-art{width:100%;height:220px}.tool-grid,.settings-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.creation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero{padding:25px}.hero h1{font-size:38px}.hero-art{display:none}.credit-pill{display:none}.two-col{grid-template-columns:1fr}.preview-empty{min-height:390px}.creation-grid{grid-template-columns:1fr}.coming{padding:35px 20px}.coming h1{font-size:31px}.main{padding:0 12px 30px}.topbar h2{font-size:16px}}
.text-input{width:100%;background:#080d16;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#edf6ff;padding:12px;font:inherit;outline:none}.text-input:focus{border-color:#278fff;box-shadow:0 0 0 3px rgba(39,143,255,.08)}.output-editor,.editor-area{width:100%;min-height:420px;margin-top:15px;background:#080d16;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#eaf4ff;padding:18px;resize:vertical;outline:none;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.editor-panel{padding:25px}.editor-area{min-height:520px;margin-top:15px}.editor-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.editor-tools .ghost{width:auto}.empty-card{grid-column:1/-1;padding:60px;text-align:center}.setting-card{min-height:200px}