:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4f5;font-synthesis:none;text-rendering:optimizelegibility;--page:#0b0d0f;--panel:#111417;--panel-raised:#161a1e;--line:#282e34;--line-light:#39414a;--text:#f2f4f5;--muted:#9aa3ad;--dim:#6e7781;--acid:#d7ff43;--acid-dark:#0f1700;--danger:#ff7a75;--success:#67e8c5;background:#0b0d0f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 86% 5%, #d7ff4314, transparent 26rem), var(--page);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.page-grid{pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.shell{width:min(1440px,100% - 48px);margin:0 auto;position:relative}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:20px;font-weight:750;display:inline-flex}.brand-mark{grid-template-columns:1fr 1fr;gap:3px;width:32px;height:32px;display:grid}.brand-mark i{background:var(--acid);border-radius:3px;display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.56}.brand-mark i:nth-child(4){opacity:.2}.header-meta{color:var(--muted);align-items:center;gap:28px;font-size:13px;display:flex}.header-meta a{color:var(--text);transition:color .16s}.header-meta a:hover{color:var(--acid)}.live-dot{align-items:center;gap:8px;display:inline-flex}.live-dot i{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #d7ff4314}.hero{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);align-items:center;gap:72px;min-height:670px;padding:72px 0 84px;display:grid}.eyebrow,.step-label,.canvas-kicker{color:var(--acid);letter-spacing:.16em;margin:0;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.hero h1{letter-spacing:-.065em;max-width:760px;margin:20px 0 24px;font-size:clamp(48px,5.4vw,82px);line-height:.99}.hero h1 span,.closing h2 span{color:var(--acid)}.lede{max-width:660px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.offer{border:1px solid var(--line-light);background:#111417db;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:24px;max-width:540px;margin-top:38px;padding:20px 22px;display:grid}.offer>div{gap:5px;min-width:112px;display:grid}.offer span{color:var(--acid);letter-spacing:.13em;font-family:DM Mono,monospace;font-size:10px}.offer strong{font-size:22px}.offer p{border-left:1px solid var(--line);color:var(--muted);margin:0;padding-left:22px;font-size:13px;line-height:1.55}.hero-preview{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-width:0;overflow:hidden;transform:rotate(.65deg);box-shadow:0 35px 100px #00000052}.preview-topline{border-bottom:1px solid var(--line);min-height:50px;color:var(--dim);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 18px;font-family:DM Mono,monospace;font-size:9px;display:flex}.sample-canvas{aspect-ratio:1.55;min-height:420px;overflow:hidden}.sample-canvas svg{object-fit:cover;width:100%;height:100%;display:block}.generator,.result-section{border-top:1px solid var(--line);padding:88px 0;scroll-margin-top:24px}.generator-heading,.result-heading{grid-template-columns:1fr minmax(300px,520px);align-items:end;gap:60px;margin-bottom:34px;display:grid}.generator-heading h2,.result-heading h2,.principle h2,.closing h2{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(34px,4vw,58px);line-height:1.04}.generator-heading>p,.result-heading>p{color:var(--muted);margin:0 0 5px;line-height:1.6}.input-card{border:1px solid var(--line-light);background:var(--panel);border-radius:20px;padding:10px;box-shadow:0 30px 90px #0003}.input-card textarea,.editor-panel textarea,.editor-panel input{width:100%;color:var(--text);background:0 0;border:0;outline:none}.input-card>textarea{resize:vertical;min-height:180px;padding:26px;font-size:18px;line-height:1.6}textarea::placeholder,input::placeholder{color:#5e6770}.input-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:10px 14px 10px 18px;display:flex}.input-footer>span{color:var(--dim);font-family:DM Mono,monospace;font-size:10px}.style-picker{gap:6px;display:flex}.style-button,.prompt-examples button,.canvas-actions button{cursor:pointer;background:0 0;border:1px solid #0000}.style-button{color:var(--muted);border-radius:8px;padding:8px 13px;font-size:12px}.style-button:hover{color:var(--text)}.style-button.active{color:var(--acid);background:#d7ff4312;border-color:#d7ff434d}.prompt-examples{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 10px;padding:16px 18px;display:flex}.prompt-examples>span{color:var(--dim);letter-spacing:.12em;margin-right:6px;font-family:DM Mono,monospace;font-size:9px}.prompt-examples button{border-color:var(--line);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:11px}.prompt-examples button:hover{border-color:var(--line-light);color:var(--text)}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-height:56px;font-weight:700;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.input-card>.primary-button{width:100%;padding:0 22px}.primary-button{color:#111600;background:var(--acid)}.primary-button:hover{background:#e2ff78;transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65;transform:none}.primary-button.compact,.secondary-button{justify-content:center;min-width:178px;padding:0 20px}.secondary-button{border:1px solid var(--line-light);color:var(--text);background:var(--panel-raised)}.secondary-button:hover{background:#1e242a}.status{min-height:26px;color:var(--muted);margin-top:14px;font-size:13px}.status:not(:empty):before{content:"●";color:var(--dim);margin-right:9px}.status[data-kind=working]:before{color:var(--acid)}.status[data-kind=success]:before{color:var(--success)}.status[data-kind=error],.status[data-kind=error]:before{color:var(--danger)}.studio{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:minmax(0,1fr) 330px;display:grid;overflow:hidden}.canvas-shell{border-right:1px solid var(--line);min-width:0}.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:0 20px;display:flex}.canvas-toolbar>div:first-child{gap:5px;display:grid}.canvas-toolbar strong{font-size:14px}.canvas-actions{gap:8px;display:flex}.canvas-actions button{border-color:var(--line);color:var(--muted);border-radius:7px;padding:7px 10px;font-size:11px}.canvas-actions button:hover{color:var(--text);border-color:var(--line-light)}.diagram-canvas{background:#080a0c;min-height:650px;overflow:auto}.diagram-canvas svg{min-width:100%;height:auto;display:block}.diagram-canvas.fit svg{width:100%}.diagram-canvas g[data-node-id]:hover>rect:first-of-type{stroke:var(--acid);stroke-width:2px}.diagram-canvas .selected-node{stroke:var(--acid);stroke-width:3px}.editor-panel{background:#0f1215;padding:24px}.editor-panel h3{letter-spacing:-.03em;margin:10px 0 28px;font-size:22px}.editor-panel label{color:var(--muted);gap:9px;margin-bottom:20px;font-size:11px;font-weight:600;display:grid}.editor-panel input,.editor-panel textarea{border:1px solid var(--line);background:var(--panel);resize:vertical;border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.45}.editor-panel input:focus,.editor-panel textarea:focus{border-color:#d7ff4394}.node-editor{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.node-editor>span,.architecture-notes article>span{color:var(--dim);letter-spacing:.12em;font-family:DM Mono,monospace;font-size:9px}#node-empty{color:var(--dim);font-size:12px;line-height:1.55}#node-fields{margin-top:18px}.architecture-notes{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.architecture-notes article{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px}.architecture-notes ul{margin:17px 0 0;padding:0;list-style:none}.architecture-notes li{border-top:1px solid var(--line);color:var(--muted);padding:12px 0 12px 22px;font-size:13px;line-height:1.5;position:relative}.architecture-notes li:before{content:"↳";color:var(--acid);position:absolute;left:0}.export-bar{background:linear-gradient(120deg,#d7ff4314,#111417f2 48%);border:1px solid #d7ff4347;border-radius:14px;justify-content:space-between;align-items:center;gap:32px;margin-top:16px;padding:25px 26px;display:flex}.export-bar>div:first-child{gap:6px;display:grid}.export-bar>div:first-child span{color:var(--acid);letter-spacing:.13em;font-family:DM Mono,monospace;font-size:9px}.export-bar>div:first-child strong{font-size:18px}.export-bar p{color:var(--muted);margin:0;font-size:12px}.export-bar>div:last-child{gap:10px;display:flex}.principle{border-top:1px solid var(--line);padding:104px 0}.principle>h2{max-width:1040px}.principle-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:64px;display:grid}.principle-grid article{min-height:270px;padding:28px}.principle-grid article+article{border-left:1px solid var(--line)}.principle-grid span{color:var(--acid);font-family:DM Mono,monospace;font-size:10px;display:block}.principle-grid strong{margin-top:58px;font-size:18px;display:block}.principle-grid p{color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.65}.closing{border-top:1px solid var(--line);padding:112px 0}.closing h2{max-width:1000px}.closing a{border-bottom:1px solid var(--acid);color:var(--acid);align-items:center;gap:14px;margin-top:40px;padding-bottom:8px;font-weight:650;display:inline-flex}footer{border-top:1px solid var(--line);min-height:90px;color:var(--dim);justify-content:space-between;align-items:center;font-size:12px;display:flex}@media (width<=1100px){.hero{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:820px}.hero-preview{width:min(900px,100%)}.studio{grid-template-columns:1fr}.canvas-shell{border-right:0;border-bottom:1px solid var(--line)}.editor-panel{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.node-editor{grid-column:1/-1}}@media (width<=760px){.shell{width:min(100% - 28px,1440px)}.site-header{min-height:72px}.header-meta{gap:12px}.live-dot{display:none}.hero{min-height:auto;padding:64px 0}.hero h1{font-size:clamp(44px,13vw,68px)}.lede{font-size:16px}.offer{grid-template-columns:1fr}.offer p{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.sample-canvas{min-height:300px}.generator,.result-section,.principle,.closing{padding:70px 0}.generator-heading,.result-heading{grid-template-columns:1fr;gap:20px}.input-card>textarea{min-height:220px;padding:20px 16px;font-size:16px}.input-footer{align-items:flex-start;gap:12px}.prompt-examples{align-items:flex-start}.prompt-examples>span{width:100%}.diagram-canvas{min-height:520px}.canvas-toolbar{align-items:flex-start;gap:16px;padding:16px}.editor-panel,.architecture-notes,.principle-grid{grid-template-columns:1fr}.principle-grid article+article{border-left:0;border-top:1px solid var(--line)}.export-bar{flex-direction:column;align-items:stretch}.export-bar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.primary-button.compact,.secondary-button{min-width:0}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}