:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--panel:#11151d;--panel-2:#171d28;--line:#273244;--text:#eef4ff;--muted:#9aa8bc;--cyan:#39bdf8;--teal:#28d0bd;--danger:#ff6b6b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b10db;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, #39bdf83d, transparent 48%), var(--panel-2);border:1px solid #39bdf8a6;width:28px;height:28px}.nav{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.button{color:var(--text);cursor:pointer;background:#39bdf81f;border:1px solid #39bdf899;min-height:40px;padding:9px 14px}.button.primary{background:linear-gradient(135deg, var(--cyan), var(--teal));color:#041018;border-color:#0000;font-weight:800}.button.ghost{background:0 0;border-color:#ffffff29}.main{padding:clamp(28px,6vw,72px) clamp(18px,4vw,56px)}.hero{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:calc(100vh - 88px);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}h1{letter-spacing:0;margin:14px 0 18px;font-size:clamp(44px,7vw,88px);line-height:.96}h2{letter-spacing:0;margin:0 0 14px;font-size:clamp(26px,4vw,44px);line-height:1.05}p{color:var(--muted);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.viewport{background:radial-gradient(circle at 20% 10%,#28d0bd38,#0000 22%),linear-gradient(160deg,#171d28eb,#090b10f5);border:1px solid #ffffff1a;min-height:min(68vh,680px);position:relative;overflow:hidden}.viewport-label{color:var(--muted);z-index:2;font-size:12px;position:absolute;top:16px;left:16px}.grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid #ffffff1a;padding:18px}.panel h2,.panel h3{margin-top:0}.stack{gap:14px;display:grid}.input,.textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0c1018;padding:11px 12px}.textarea{resize:vertical;min-height:180px}.status-line{color:var(--muted);font-size:13px}.error{color:var(--danger)}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-tile{aspect-ratio:16/10;color:var(--muted);background:#0c1018;border:1px solid #ffffff17;place-items:center;display:grid}@media (max-width:900px){.hero,.grid{grid-template-columns:1fr}.hero{min-height:auto}}