:root{--bg:#08080c;--surface:#111119;--surface2:#171722;--text:#f7f6ff;--muted:#9d9aac;--line:#ffffff17;--violet:#7c5cff;--cyan:#22d3ee;--ok:#34d399;--warn:#fbbf24;--err:#f87171;--grad:linear-gradient(110deg,var(--violet),var(--cyan));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -15%,#7c5cff33,transparent 34%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.nav nav{color:var(--muted);align-items:center;gap:24px;font-size:14px;display:flex}.brand{letter-spacing:-.04em;font-size:20px;font-weight:800}.brand span{color:var(--cyan)}.brand-mark{background:var(--grad);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;margin-right:9px;font-size:16px;display:inline-grid}.button,button{background:var(--grad);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;padding:13px 20px;font-weight:700;display:inline-flex;box-shadow:0 10px 35px #7c5cff38}.button.secondary,button.secondary{background:var(--surface2);border:1px solid var(--line);box-shadow:none}.button.small{padding:9px 15px;font-size:13px}.hero{text-align:center;padding:110px 0 80px}.eyebrow{color:#c5b9ff;background:#7c5cff14;border:1px solid #7c5cff59;border-radius:99px;padding:7px 12px;font-size:13px;display:inline-flex}.hero h1{letter-spacing:-.065em;max-width:920px;margin:24px auto 18px;font-size:clamp(48px,7vw,88px);line-height:.98}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero>p{max-width:680px;color:var(--muted);margin:0 auto 30px;font-size:19px}.actions{justify-content:center;gap:12px;display:flex}.mock-window{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111119b8;border-radius:24px;max-width:1040px;margin:75px auto 0;padding:11px;box-shadow:0 50px 120px #00000080}.mock-inner{text-align:left;background:linear-gradient(140deg,#171322,#0d1820);border-radius:16px;grid-template-columns:320px 1fr;min-height:400px;display:grid;overflow:hidden}.mock-panel{border-right:1px solid var(--line);padding:28px}.mock-output{color:var(--muted);background:radial-gradient(circle,#22d3ee1f,#0000 55%);place-items:center;display:grid}.fake-field{border:1px solid var(--line);background:#ffffff08;border-radius:9px;height:46px;margin:12px 0}.section{padding:100px 0}.section h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(34px,5vw,56px);line-height:1.05}.section-lead{color:var(--muted);max-width:650px;margin-bottom:42px}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,#ffffff04);border-radius:16px;padding:25px}.card h3{margin:12px 0 8px}.card p{color:var(--muted);margin:0}.icon{font-size:25px}.model-row{border-bottom:1px solid var(--line);grid-template-columns:1fr repeat(3,140px);gap:12px;padding:16px 20px;display:grid}.model-table{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.model-row.header{color:var(--muted);font-size:13px}.auth-wrap{place-items:center;min-height:calc(100vh - 76px);padding:60px 20px;display:grid}.auth-card{border:1px solid var(--line);background:#111119e6;border-radius:20px;width:min(460px,100%);padding:32px}.auth-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:32px}.muted{color:var(--muted)}.field{gap:7px;margin:18px 0;display:grid}.field label{color:#c7c4d3;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0c0c12;border-radius:10px;outline:none;padding:12px 13px}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--violet)}.full{width:100%}.error{color:var(--err);font-size:14px}.success{color:var(--ok);font-size:14px}.link{color:#a995ff}.tabs{background:#0c0c12;border-radius:11px;gap:6px;padding:5px;display:flex}.tabs button{box-shadow:none;color:var(--muted);background:0 0;flex:1;padding:8px}.tabs button.active{background:var(--surface2);color:#fff}.app-shell{padding:45px 0 100px}.app-head{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.app-head h1{letter-spacing:-.05em;margin:0;font-size:40px}.credit-pill{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:9px 13px}.studio-grid{grid-template-columns:390px 1fr;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px}.inline-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cost{border:1px solid var(--line);border-radius:10px;justify-content:space-between;margin:18px 0;padding:13px;display:flex}.tasks{gap:12px;display:grid}.task{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:80px 1fr auto;align-items:center;gap:15px;padding:14px;display:grid}.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#7c5cff8c,#22d3ee59);border-radius:9px;place-items:center;width:80px;display:grid}.status{color:var(--warn);background:#fbbf241a;border-radius:99px;padding:5px 9px;font-size:12px}.status.succeed{color:var(--ok);background:#34d3991a}.status.failed{color:var(--err);background:#f871711a}.progress{background:#252533;border-radius:4px;height:4px;margin-top:9px;overflow:hidden}.progress span{background:var(--grad);height:100%;display:block}.empty{text-align:center;color:var(--muted);padding:70px 20px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:35px 0 55px;font-size:13px;display:flex}.footer .brand{color:#fff}.notice{color:#f6d57a;background:#fbbf240f;border:1px solid #fbbf244d;border-radius:10px;margin:15px 0;padding:12px 14px;font-size:13px}@media (max-width:800px){.nav nav>a:not(.button){display:none}.hero{padding-top:75px}.mock-inner{grid-template-columns:1fr}.mock-output{min-height:230px}.grid-3,.studio-grid{grid-template-columns:1fr}.model-row{grid-template-columns:1fr 70px 70px 70px;font-size:12px}.footer{display:block}.task{grid-template-columns:60px 1fr}.task>:last-child{grid-column:2}.thumb{width:60px}.app-head{flex-direction:column;align-items:start;gap:12px}}
