@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101f;--bg2:#0b1426;--panel:#0e1a2e;--panel2:#111f35;--line:#24324a;--text:#edf3ff;--muted:#91a2bf;--primary:#36a3ff;--primary2:#71c4ff;--good:#32d99b;--warn:#ffb84d;--danger:#ff6c77;--shadow:0 24px 80px #00000047;font-family:Inter,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f8fc;--bg2:#eef3fa;--panel:#fff;--panel2:#f8fbff;--line:#dce5f0;--text:#122038;--muted:#61728a;--primary:#0879d9;--primary2:#39a8ff;--good:#149c70;--warn:#bb7410;--danger:#d93d4c;--shadow:0 20px 55px #3148691f}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0%,#36a3ff1c,transparent 28%),var(--bg);color:var(--text);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;align-items:center;height:74px;padding:0 max(24px,50vw - 740px);display:flex;position:sticky;top:0}.logo-button{color:inherit;background:0 0;border:0;padding:0}.brand-mark-wrap{text-align:left;align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid color-mix(in srgb,var(--primary) 60%,var(--line));background:linear-gradient(145deg,#36a3ff2e,#36a3ff0a);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;position:relative}.brand-mark span{background:var(--primary2);transform-origin:0;border-radius:99px;height:3px;position:absolute}.brand-mark span:first-child{width:21px;transform:translate(-7px,7px)rotate(-55deg)}.brand-mark span:nth-child(2){width:19px;transform:translate(1px,-6px)rotate(56deg)}.brand-mark span:nth-child(3){width:12px;transform:translate(4px,8px)rotate(-55deg)}.brand-mark-wrap strong{letter-spacing:.2px;font-size:15px;display:block}.brand-mark-wrap small{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.desktop-nav{align-items:center;gap:4px;height:100%;margin-left:48px;display:flex}.desktop-nav button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600}.desktop-nav button:hover,.desktop-nav button.active{color:var(--text);background:var(--panel)}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.round-button,.mobile-menu{border:1px solid var(--line);background:var(--panel);height:39px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:flex}.round-button{width:39px}.round-button svg{width:18px}.mobile-menu{width:39px;margin-right:10px;display:none}.home-page,.workspace-page{max-width:1480px;margin:auto;padding:0 24px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;min-height:610px;padding:60px 0;display:grid}.pill{width:max-content;max-width:100%;color:var(--primary2);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));background:#36a3ff12;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.hero h1{letter-spacing:-3.3px;max-width:780px;margin:22px 0 21px;font-size:clamp(42px,5vw,70px);line-height:1.02}.hero h1 span{color:var(--primary2)}.hero-copy>p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.75}.hero-actions{gap:12px;margin:31px 0 25px;display:flex}.primary-button,.secondary-button{border-radius:11px;justify-content:center;align-items:center;gap:9px;height:47px;padding:0 19px;font-size:13px;font-weight:800;display:inline-flex}.primary-button{border:1px solid var(--primary);color:#fff;background:linear-gradient(#38a8ff,#147fd7);box-shadow:0 9px 30px #1c8ee238}.secondary-button{border:1px solid var(--line);background:var(--panel);color:var(--text)}.wide{width:100%;margin-top:10px}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:12px;font-weight:600;display:flex}.hero-notes span{align-items:center;gap:7px;display:flex}.hero-notes svg{color:var(--good)}.hero-terminal{border:1px solid var(--line);box-shadow:var(--shadow);background:#07101e;border-radius:20px;overflow:hidden;transform:perspective(1200px)rotateY(-2deg)}:root[data-theme=light] .hero-terminal{background:#0a1425}.terminal-top{color:#8495b0;border-bottom:1px solid #24324a;grid-template-columns:1fr auto 1fr;align-items:center;height:49px;padding:0 16px;font-size:11px;display:grid}.terminal-top>div{gap:6px;display:flex}.terminal-top i{background:#34445d;border-radius:50%;width:8px;height:8px}.terminal-top i:first-child{background:#ff6c77}.terminal-top i:nth-child(2){background:#ffbd4c}.terminal-top i:nth-child(3){background:#32d99b}.terminal-top>span:last-child{text-align:right}.hero-terminal pre{color:#dbe7f8;min-height:330px;margin:0;padding:29px;font:500 13px/1.85 JetBrains Mono,monospace;overflow:auto}.comment{color:#60718c}.cmd{color:#69c5ff}.value{color:#72e0ba}.terminal-status{color:#91a2bf;border-top:1px solid #24324a;justify-content:space-between;align-items:center;height:45px;padding:0 16px;font-size:11px;display:flex}.terminal-status span{align-items:center;gap:8px;display:flex}.terminal-status i{background:#32d99b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #32d99b17}.terminal-status b{color:#32d99b}.section-block{padding:80px 0}.section-title{text-align:center;max-width:700px;margin:0 auto 38px}.eyebrow{color:var(--primary2);letter-spacing:2.2px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.section-title h2,.workspace-top h1{letter-spacing:-1.1px;margin:0 0 10px;font-size:34px}.section-title p,.workspace-top p,.panel-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.level-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.level-card{text-align:left;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 82%,var(--bg)));color:inherit;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:205px;padding:24px;transition:all .2s;display:flex}.level-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));transform:translateY(-4px);box-shadow:0 18px 45px #00000021}.level-number{color:var(--primary2);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:#36a3ff0f;border-radius:8px;place-items:center;width:31px;height:31px;font:700 11px JetBrains Mono;display:grid}.level-card h3{margin:23px 0 9px;font-size:18px}.level-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.open-label{color:var(--primary2);align-items:center;gap:5px;margin-top:16px;font-size:11px;font-weight:800;display:flex}.feature-strip{border:1px solid var(--line);background:var(--panel);border-radius:17px;grid-template-columns:repeat(3,1fr);margin:20px 0 80px;padding:12px;display:grid}.feature-strip>div{border-right:1px solid var(--line);padding:28px}.feature-strip>div:last-child{border:0}.feature-strip svg{color:var(--primary2);width:22px}.feature-strip h3{margin:15px 0 8px;font-size:14px}.feature-strip p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.workspace-page{padding-top:42px;padding-bottom:70px}.workspace-top{margin-bottom:27px}.workspace-top.row{justify-content:space-between;align-items:flex-end;display:flex}.level-tabs{gap:7px;margin-bottom:15px;display:flex;overflow:auto}.level-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.level-tabs button.active{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));color:var(--primary2);background:#36a3ff1c}.workspace-shell{grid-template-columns:230px minmax(360px,.85fr) minmax(430px,1.15fr);align-items:start;gap:13px;display:grid}.generator-list,.form-panel,.preview-panel,.result-card,.score-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px}.generator-list{padding:10px;position:sticky;top:90px}.list-title{color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;padding:10px 9px 13px;font-size:10px;font-weight:800}.generator-list button{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:9px;justify-content:space-between;gap:10px;padding:12px 10px;display:flex}.generator-list button:hover,.generator-list button.active{background:var(--panel2)}.generator-list button.active{box-shadow:inset 2px 0 var(--primary)}.generator-list strong{font-size:11px;display:block}.generator-list span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45;display:block}.form-panel,.preview-panel{padding:20px}.panel-heading{min-height:70px;margin-bottom:18px}.panel-heading h2{margin:0 0 7px;font-size:19px}.fields-grid{gap:12px;display:grid}.fields-grid.two{grid-template-columns:1fr 1fr}.field{display:block}.field>span{color:var(--muted);margin:0 0 6px;font-size:10px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--text);border-radius:9px;outline:0;min-height:42px;padding:9px 11px;font:500 12px Inter,sans-serif}.field textarea{resize:vertical;font-family:JetBrains Mono,monospace;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #36a3ff14}.field small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.preview-panel{min-width:0;position:sticky;top:90px}.preview-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-height:50px;display:flex}.preview-actions{gap:6px;display:flex}.icon-action{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.primary-small{border-color:color-mix(in srgb,var(--primary) 40%,var(--line));color:var(--primary2)}.validation{border-radius:8px;align-items:center;gap:8px;margin-bottom:9px;padding:10px 11px;font-size:10px;font-weight:700;display:flex}.validation-ok{color:var(--good);background:#32d99b14;border:1px solid #32d99b29}.validation-error{color:var(--danger);background:#ff6c7714;border:1px solid #ff6c7729}.error-list{background:var(--bg2);border:1px solid var(--line);color:var(--danger);border-radius:8px;margin-bottom:9px;padding:10px;font-size:10px;line-height:1.6}.code-preview{color:#cfe2f7;white-space:pre-wrap;word-break:break-word;background:#07101e;border:1px solid #1d2c43;border-radius:10px;min-height:430px;max-height:610px;margin:0;padding:16px;font:500 10.5px/1.7 JetBrains Mono,monospace;overflow:auto}.builder-layout{grid-template-columns:minmax(470px,.9fr) minmax(500px,1.1fr);align-items:start;gap:13px;display:grid}.builder-section{border-top:1px solid var(--line);gap:12px;margin:22px 0 13px;padding-top:18px;display:flex}.builder-section:first-child{border-top:0;margin-top:0;padding-top:0}.builder-section h3{margin:0 0 4px;font-size:14px}.builder-section p{color:var(--muted);margin:0;font-size:10px}.step-badge{width:29px;height:29px;color:var(--primary2);background:#36a3ff14;border:1px solid #36a3ff2e;border-radius:7px;place-items:center;font:700 9px JetBrains Mono;display:grid}.tools-grid,.analyzer-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:13px;display:grid}.form-panel h2{margin-top:0;font-size:18px}.tool-help{background:var(--panel2);color:var(--muted);border-radius:9px;align-items:center;gap:9px;margin-top:12px;padding:11px;font-size:10px;display:flex}.tool-help svg{color:var(--primary2)}.result-card{grid-template-columns:1fr 1fr;padding:12px;display:grid}.result-card>div{border-bottom:1px solid var(--line);padding:18px}.result-card>div:nth-child(odd){border-right:1px solid var(--line)}.result-card>div:nth-last-child(-n+2){border-bottom:0}.result-card span{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.result-card strong{font:700 14px JetBrains Mono,monospace}.invalid-tool{color:var(--danger);border:0!important;grid-column:1/-1!important}.score-panel{text-align:center;padding:28px}.score-ring{border:8px solid color-mix(in srgb,var(--primary) 60%,var(--line));width:130px;height:130px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;justify-content:center;align-items:baseline;margin:5px auto 20px;padding-top:41px;display:flex}.score-ring strong{font-size:37px}.score-ring span{color:var(--muted);font-size:12px}.score-panel h2{font-size:18px}.score-panel>p{color:var(--muted);font-size:11px}.check-list{text-align:left;margin-top:22px}.check-list>div{border-top:1px solid var(--line);align-items:center;gap:9px;padding:11px;font-size:11px;display:flex}.check-list .ok svg{color:var(--good)}.check-list .warn svg{color:var(--warn)}.history-list{gap:8px;display:grid}.history-item,.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:12px}.history-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 17px;list-style:none;display:flex}.history-item summary::-webkit-details-marker{display:none}.history-item summary strong{font-size:12px;display:block}.history-item summary span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.history-item pre{border-top:1px solid var(--line);white-space:pre-wrap;max-height:390px;color:var(--muted);margin:0;padding:17px;font:500 10px/1.6 JetBrains Mono;overflow:auto}.empty-state{text-align:center;color:var(--muted);padding:70px}.empty-state h3{color:var(--text);font-size:16px}.empty-state p{font-size:11px}.empty-state svg{color:var(--primary2)}footer{border-top:1px solid var(--line);max-width:1480px;color:var(--muted);justify-content:space-between;gap:30px;margin:auto;padding:35px 24px 50px;display:flex}footer>div:first-child p{max-width:480px;font-size:10px;line-height:1.6}footer>div:last-child{text-transform:uppercase;letter-spacing:.6px;align-items:flex-start;gap:14px;font-size:9px;display:flex}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#02070fb8;place-items:stretch start;padding:0;display:none;position:fixed;inset:0}.mobile-drawer{background:var(--panel);border-right:1px solid var(--line);width:290px;height:100%;padding:13px}.drawer-head{justify-content:space-between;align-items:center;padding:8px 5px 20px;display:flex}.drawer-head button{color:var(--text);background:0 0;border:0}.mobile-drawer>button{width:100%;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.mobile-drawer>button.active{background:var(--panel2);color:var(--text)}@media (width<=1180px){.desktop-nav{margin-left:24px}.desktop-nav button{padding:9px 8px}.workspace-shell{grid-template-columns:210px 1fr}.workspace-shell>.preview-panel{grid-column:2}.builder-layout{grid-template-columns:1fr 1fr}.hero{gap:40px}.level-grid{grid-template-columns:1fr 1fr}}@media (width<=850px){.desktop-nav{display:none}.mobile-menu{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero h1{font-size:49px}.hero-terminal{transform:none}.level-grid,.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{border-right:0;border-bottom:1px solid var(--line)}.workspace-shell,.builder-layout,.tools-grid,.analyzer-grid{grid-template-columns:1fr}.generator-list,.preview-panel{position:static}.workspace-shell>.preview-panel{grid-column:auto}.generator-list{display:flex;overflow:auto}.generator-list .list-title{display:none}.generator-list button{min-width:200px}.mobile-drawer-backdrop{display:grid}.fields-grid.two{grid-template-columns:1fr}.account-button span{display:none}.level-tabs{padding-bottom:3px}.workspace-top.row{align-items:flex-start;gap:16px}.result-card{grid-template-columns:1fr}.result-card>div,.result-card>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.result-card>div:last-child{border-bottom:0}.section-block{padding:55px 0}}@media (width<=560px){.home-page,.workspace-page{padding-left:15px;padding-right:15px}.topbar{padding:0 14px}.hero h1{letter-spacing:-2px;font-size:40px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-notes{flex-direction:column;gap:10px}.level-grid,.feature-strip{grid-template-columns:1fr}.feature-strip>div{padding:22px}.hero-terminal pre{min-height:290px;padding:20px;font-size:10px}.section-title{text-align:left}.section-title h2,.workspace-top h1{font-size:28px}.workspace-page{padding-top:27px}.form-panel,.preview-panel{padding:15px}.preview-heading{flex-direction:column}.preview-actions{width:100%}.preview-actions button{flex:1}.code-preview{min-height:360px}.workspace-top.row{display:block}.workspace-top.row .secondary-button{margin-top:12px}.level-card{min-height:180px}footer{display:block}footer>div:last-child{flex-wrap:wrap;margin-top:25px}.brand-mark-wrap strong{font-size:13px}}.heading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.heading-row .eyebrow{margin:0}.compat-badge{color:var(--primary2);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 8%,transparent);white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800}.icon-action:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.2)}.warning-list{border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));background:color-mix(in srgb,var(--warn) 7%,var(--panel));color:var(--warn);border-radius:9px;margin:9px 0 0;padding:10px 12px;font-size:10px;line-height:1.5}.warning-list>div{align-items:flex-start;gap:7px;display:flex}.warning-list>div+div{margin-top:6px}.warning-list svg{flex:none;margin-top:1px}.tool-tabs{gap:7px;margin:-4px 0 16px;padding-bottom:3px;display:flex;overflow:auto}.tool-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:750;display:flex}.tool-tabs button.active{color:var(--primary2);border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 9%,var(--panel))}.tool-stack{gap:13px;display:grid}.table-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;padding:14px}.tool-table-wrap{max-width:100%;overflow:auto}.tool-table-wrap table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.tool-table-wrap th,.tool-table-wrap td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px}.tool-table-wrap th{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:9px}.tool-table-wrap tr:last-child td{border-bottom:0}.table-caption{color:var(--muted);margin:3px 3px 12px;font-size:11px}.big-result{border:1px solid var(--line);background:var(--bg2);text-align:center;color:var(--primary2);word-break:break-all;border-radius:11px;margin-top:14px;padding:22px;font:700 22px JetBrains Mono,monospace}.cidr-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cidr-list code{border:1px solid var(--line);background:var(--bg2);color:var(--primary2);border-radius:8px;padding:8px 10px;font:600 11px JetBrains Mono,monospace}.cidr-list small{width:100%;color:var(--warn)}.result-card>div strong{overflow-wrap:anywhere}.analyzer-meta{flex-wrap:wrap;gap:7px;margin:0 0 12px;display:flex}.analyzer-meta span{color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:5px 7px;font-size:9px}.check-list .info{color:var(--primary2)}.check-list>div>span{flex-direction:column;gap:2px;display:flex}.check-list b{font-size:10px}.check-list small{color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}@media (width<=700px){.tool-tabs{margin-left:-2px;margin-right:-2px}.tool-tabs button{padding:10px}.big-result{font-size:17px}.heading-row{align-items:flex-start}.compat-badge{margin-top:-2px}}