:root{--ink:#161616;--paper:#f1f0ea;--cream:#e8e6dd;--lime:#d9ff57;--line:#c9c7bc;--muted:#6e6c64;--font-geist-sans:Arial,sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}html[data-theme=market],html[data-theme=market] body{color:#e9e9ec;background:#080808;height:auto;min-height:100%;overflow:auto}html[data-theme=admin],html[data-theme=admin] body{color:#1c1c22;background:#f3f2ed;height:auto;min-height:100%;overflow:auto}html[data-theme=builder],html[data-theme=builder] body{color:#ddd;background:#08080a;height:100%;margin:0;overflow:hidden}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1f0eaeb;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex;position:relative}.brand{letter-spacing:-.04em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:850;display:flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--lime);place-items:center;font-size:18px;display:grid;transform:rotate(-4deg)}.brand em{color:var(--muted);letter-spacing:.04em;margin-left:4px;font-size:12px;font-style:normal;font-weight:500}.topbar nav{gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar nav button{cursor:pointer;background:0 0;border:0;border-radius:2px;padding:10px 14px;font-size:13px}.topbar nav button.active{background:var(--ink);color:#fff}.soon{background:var(--lime);color:var(--ink);font:700 12px var(--font-geist-mono);text-transform:uppercase;margin-left:5px;padding:2px 5px}.top-actions{align-items:center;gap:14px;display:flex}.shortcut{border:1px solid var(--line);font:12px var(--font-geist-mono);color:var(--muted);padding:7px 10px}.avatar{color:#fff;background:#ff765b;border:0;border-radius:50%;width:34px;height:34px;font-size:12px;font-weight:700}.hero{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;min-height:680px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;padding:112px 6vw 70px 7vw;display:flex}.eyebrow,.aside-label,.step{font:700 12px var(--font-geist-mono);letter-spacing:.16em;text-transform:uppercase;color:#65635c}.hero h1{letter-spacing:-.075em;margin:36px 0 30px;font-size:clamp(56px,6vw,96px);font-weight:820;line-height:.88}.hero h1 i,.builder-section h2 i{font-family:Georgia,serif;font-weight:400}.hero-copy>p{color:#5e5c55;max-width:500px;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--lime);padding:15px 19px;font-weight:700}.primary span{color:var(--lime);margin-left:24px}.text-button{cursor:pointer;border:0;border-bottom:1px solid var(--ink);background:0 0;padding:12px 0;font-weight:650}.hero-stage{border-left:1px solid var(--line);background:#dcd9cf;place-items:center;min-height:680px;display:grid;position:relative;overflow:hidden}.stage-grid{background-image:linear-gradient(#0001 1px,#0000 1px),linear-gradient(90deg,#0001 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.stage-label{font:700 12px var(--font-geist-mono);letter-spacing:.15em;align-items:center;gap:8px;display:flex;position:absolute;top:22px;left:26px}.stage-label i{background:#53c27d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #53c27d2e}.stage-card{aspect-ratio:1.12;background:#262626;border:1px solid #414141;justify-content:center;align-items:center;width:min(480px,70%);display:flex;position:relative;box-shadow:18px 18px #00000017}.stage-card:before{content:"";pointer-events:none;border:1px solid #424242;position:absolute;inset:14px}.stage-card-top{color:#858585;font:12px var(--font-geist-mono);letter-spacing:.13em;justify-content:space-between;display:flex;position:absolute;top:28px;left:30px;right:30px}.glow-button{--accent:#d9ff57;border:1px solid var(--accent);color:#151515;background:var(--accent);min-width:220px;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 38%,transparent),0 6px 0 color-mix(in srgb,var(--accent) 50%,#333);cursor:pointer;border-radius:8px;padding:18px 23px;font-weight:750;transition:transform .2s}.glow-button:hover{transform:translateY(-3px)}.glow-button span{margin-left:28px}.glow-button.compact{min-width:150px;padding:12px 14px;font-size:12px}.style-dots{gap:8px;display:flex;position:absolute;bottom:28px}.style-dots button{cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:26px;height:26px;display:grid}.style-dots button.selected{border-color:#6c6c6c}.style-dots i{border-radius:50%;width:11px;height:11px}.floating-tag{background:var(--paper);border:1px solid var(--ink);font:700 12px var(--font-geist-mono);text-transform:uppercase;padding:9px 12px;position:absolute;box-shadow:4px 4px #0000001f}.tag-one{top:23%;right:8%;transform:rotate(4deg)}.tag-two{background:var(--lime);bottom:18%;left:9%;transform:rotate(-5deg)}.framework-strip{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:5vw;min-height:84px;padding:20px 5vw;display:flex}.framework-strip>span,.framework-strip em{font:12px var(--font-geist-mono);text-transform:uppercase;color:var(--muted);letter-spacing:.14em}.framework-strip b{font-size:15px}.framework-strip em{margin-left:auto;font-style:normal}.library-section{padding:100px 6vw 110px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:52px;display:flex}.section-heading h2,.detail-heading h2{letter-spacing:-.055em;margin:15px 0 0;font-size:clamp(38px,4vw,60px)}.search{border-bottom:1px solid var(--ink);align-items:center;gap:10px;width:330px;height:48px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.library-layout{grid-template-columns:220px 1fr;gap:56px;display:grid}.library-layout aside{flex-direction:column;align-items:stretch;display:flex}.aside-label{margin-bottom:16px}.library-layout aside>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;padding:13px 4px;font-size:13px;display:flex}.library-layout aside>button em{font:12px var(--font-geist-mono);color:var(--muted);font-style:normal}.library-layout aside>button.active span{font-weight:750}.library-layout aside>button.active:before{content:"→";margin-right:7px}.side-note{background:var(--lime);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-top:42px;padding:20px;transform:rotate(-1deg)}.side-note b{font-size:13px}.side-note p{font-size:12px;line-height:1.5}.side-note button{background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.component-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.component-card{text-align:left;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;min-width:0;padding:0}.card-preview{background:#dfddd4;place-items:center;height:230px;transition:background .25s;display:grid;position:relative;overflow:hidden}.component-card:hover .card-preview{background:#d2d0c6}.card-index{font:12px var(--font-geist-mono);position:absolute;top:14px;left:14px}.card-info{background:var(--paper);justify-content:space-between;align-items:center;min-height:75px;padding:16px;display:flex}.card-info span{flex-direction:column;gap:5px;display:flex}.card-info strong{font-size:14px}.card-info small{color:var(--muted);font-size:12px}.card-info i{font-size:18px;font-style:normal;transition:transform .2s}.component-card:hover .card-info i{transform:translate(3px,-3px)}.signal-demo{color:#fff;background:#242424;border:1px solid #444;align-items:center;gap:10px;width:78%;padding:14px;display:flex}.signal-demo .signal-dot{border-radius:50%;width:8px;height:8px}.signal-demo div{flex-direction:column;flex:1;gap:3px;display:flex}.signal-demo small{font:12px var(--font-geist-mono);color:#999}.signal-demo strong{font-size:12px}.toggle-demo{background:#faf9f5;border:1px solid #aaa;justify-content:space-between;align-items:center;width:72%;padding:16px;font-size:12px;font-weight:600;display:flex}.toggle-demo i{border-radius:20px;width:38px;height:22px;padding:3px}.toggle-demo b{background:#222;border-radius:50%;width:16px;height:16px;margin-left:16px;display:block}.loader-demo{gap:8px;display:flex}.loader-demo i{width:13px;height:36px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.4;transform:scaleY(.35)}}.alert-demo{color:#fff;background:#1d1d1d;border:1px solid;align-items:center;gap:12px;width:80%;padding:14px;display:flex}.alert-demo>b{background:#3d3d3d;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.alert-demo span{flex-direction:column;display:flex}.alert-demo strong{font-size:12px}.alert-demo small{color:#999;margin-top:3px;font-size:12px}.metric-demo{color:#fff;background:#242424;border:1px solid #444;grid-template-columns:1fr auto;gap:8px;width:68%;padding:18px;display:grid}.metric-demo small{font:12px var(--font-geist-mono);color:#999;grid-column:1/-1}.metric-demo strong{font-size:22px}.metric-demo span{align-self:end;font-size:12px}.empty-state{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-column:1/-1;align-content:center;place-items:center;gap:8px;min-height:360px;display:grid}.empty-state>span{font-size:30px}.empty-state h3,.empty-state p{margin:0}.empty-state p{color:var(--muted);font-size:13px}.empty-state button{border:1px solid var(--ink);background:0 0;margin-top:10px;padding:9px 14px}.detail-section{color:#fff;background:#1b1b1b;padding:105px 6vw 120px}.detail-heading{margin-bottom:42px}.detail-heading .eyebrow{color:#9a9a9a}.detail-heading p{color:#929292}.detail-panel{border:1px solid #464646;grid-template-columns:1fr 1fr;min-height:540px;display:grid}.detail-preview{border-right:1px solid #464646;flex-direction:column;display:flex}.preview-toolbar,.editor-head{height:52px;font:12px var(--font-geist-mono);letter-spacing:.12em;color:#969696;border-bottom:1px solid #464646;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.preview-toolbar button{color:#aaa;background:0 0;border:0;padding:7px}.preview-canvas{background-image:linear-gradient(#292929 1px,#0000 1px),linear-gradient(90deg,#292929 1px,#0000 1px);background-size:34px 34px;flex:1;place-items:center;display:grid}.variant-bar{border-top:1px solid #464646;align-items:center;gap:8px;min-height:65px;padding:12px 18px;display:flex}.variant-bar>span{font:12px var(--font-geist-mono);color:#888;margin-right:auto}.variant-bar button{color:#aaa;background:#262626;border:1px solid #454545;padding:8px 13px;font-size:12px}.variant-bar button.active{border-color:var(--lime);color:#fff}.code-panel{background:#202020;flex-direction:column;min-width:0;display:flex}.code-tabs{border-bottom:1px solid #464646;gap:3px;height:53px;padding:0 12px;display:flex}.code-tabs button{color:#888;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;font-size:12px}.code-tabs button.active{color:#fff;border-color:var(--lime)}.code-panel pre{white-space:pre-wrap;color:#d7d7d7;font:13px/1.8 var(--font-geist-mono);flex:1;margin:0;padding:38px}.code-footer{min-height:65px;font:12px var(--font-geist-mono);color:#777;border-top:1px solid #464646;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.code-footer button{background:var(--lime);border:0;min-width:95px;padding:10px 15px;font-size:12px;font-weight:750}.builder-section{grid-template-columns:100px .7fr 1.3fr;align-items:center;gap:4vw;min-height:720px;padding:110px 6vw;display:grid;position:relative}.builder-number{writing-mode:vertical-rl;font:12px var(--font-geist-mono);color:var(--muted);align-self:start}.builder-section h2{letter-spacing:-.065em;margin:25px 0;font-size:clamp(45px,5vw,72px);line-height:.95}.builder-section p{color:var(--muted);max-width:450px;font-size:16px;line-height:1.65}.builder-section>div>button{background:0 0;border:0;border-bottom:1px solid;margin-top:18px;padding:12px 0;font-weight:700}.builder-mock{border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ink);background:#d8d6cd;transform:rotate(1deg)}.mock-top{color:#fff;height:38px;font:12px var(--font-geist-mono);background:#1b1b1b;align-items:center;gap:7px;padding:0 12px;display:flex}.mock-top span{margin-right:auto}.mock-top i{background:#777;border-radius:50%;width:7px;height:7px}.mock-body{grid-template-columns:115px 1fr 120px;min-height:380px;display:grid}.mock-sidebar,.mock-props{background:#efeee8;flex-direction:column;gap:14px;padding:16px 10px;font-size:12px;display:flex}.mock-sidebar b,.mock-props b{font:12px var(--font-geist-mono);color:#777}.mock-sidebar span{background:#e2e0d7;padding:8px}.mock-canvas{background-image:radial-gradient(#aaa 1px,#0000 1px);background-size:14px 14px;place-items:center;padding:55px 28px;display:grid}.canvas-card{color:#fff;width:100%;box-shadow:7px 7px 0 var(--lime);background:#1d1d1d;padding:30px}.canvas-card small{color:var(--lime);font:12px var(--font-geist-mono)}.canvas-card strong{margin:13px 0;font-size:20px;line-height:1.05;display:block}.canvas-card span{background:var(--lime);width:48px;height:9px;display:block}.mock-props .prop-row{border-bottom:1px solid #ccc;justify-content:space-between;padding-bottom:10px;display:flex}.mock-props .prop-row span{background:#1d1d1d;width:13px;height:13px}.mock-props em{color:#777;font-style:normal}.studio{background:#e9e7df;grid-template-columns:260px 1fr;min-height:calc(100vh - 76px);display:grid}.studio-sidebar{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:42px 24px;display:flex}.studio-sidebar h2{letter-spacing:-.04em;margin:10px 0 28px;font-size:24px}.studio-sidebar>button{text-align:left;background:0 0;border:0;justify-content:space-between;padding:13px;font-size:12px;display:flex}.studio-sidebar>button.active{background:var(--ink);color:#fff}.studio-sidebar>button span{font:12px var(--font-geist-mono)}.release-note{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:flex}.release-note>i{background:#54be7a;border-radius:50%;width:7px;height:7px}.release-note span{flex-direction:column;gap:3px;display:flex}.release-note b{font-size:12px}.release-note small{color:var(--muted);font-size:12px}.studio-main{padding:48px 5vw 100px;position:relative}.studio-heading{justify-content:space-between;margin-bottom:42px;display:flex}.studio-heading h1{letter-spacing:-.06em;margin:12px 0;font-size:48px}.studio-heading p{color:var(--muted)}.close-studio{border:1px solid var(--line);background:0 0;width:42px;height:42px;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-card{border:1px solid var(--line);background:#f5f4ef;flex-direction:column;gap:20px;padding:26px;display:flex}.form-card label{flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.form-card input,.form-card textarea,.form-card select{border:1px solid var(--line);background:#eeede7;outline:0;padding:12px;font-size:12px}.form-card textarea{resize:vertical;min-height:82px}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tags{gap:7px;display:flex}.tags span,.tags button{border:1px solid var(--line);background:#e6e4dc;padding:7px 9px;font-size:12px}.tags button{background:0 0}.preset-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.preset-row i{border:1px solid var(--ink);border-radius:50%;width:34px;height:34px}.preset-row span{flex-direction:column;flex:1;gap:3px;display:flex}.preset-row b{font-size:12px}.preset-row small{color:var(--muted);font-size:12px}.preset-row button{background:0 0;border:0}.add-preset{background:0 0;border:1px dashed #999;padding:13px;font-size:12px}.snippets-card{grid-column:1/-1}.snippet-status{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.snippet-status button{text-align:left;border:1px solid var(--line);background:#ebe9e2;align-items:center;gap:9px;padding:12px;display:flex}.snippet-status button.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}.snippet-status button i{background:#6fc68b;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.snippet-status button span{flex-direction:column;display:flex}.snippet-status b{font-size:12px}.snippet-status small{color:var(--muted);font-size:12px}.editor-head{background:#222;border:1px solid #444;margin-bottom:-20px}.editor-head em{color:var(--lime);font-style:normal}.code-editor{color:#d7d7d7;min-height:210px!important;font:12px/1.7 var(--font-geist-mono)!important;background:#1c1c1c!important;border-color:#444!important}.publish-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:18px;display:flex;position:absolute;bottom:20px;left:5vw;right:5vw}.publish-bar>span{color:var(--muted);font-size:12px}.publish-bar>span i{background:#56bd7b;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.publish-bar div{gap:10px;display:flex}.publish-bar button{border:1px solid var(--ink);background:0 0;padding:12px 16px;font-size:12px;font-weight:700}.publish-bar button.primary{background:var(--ink);color:#fff}footer{color:#fff;background:#171717;justify-content:space-between;align-items:center;min-height:150px;padding:40px 6vw;display:flex}footer p,footer>span{color:#8e8e8e;font-size:12px}@media (width<=1050px){.component-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-stage{border-left:0;border-top:1px solid var(--line);min-height:560px}.builder-section{grid-template-columns:30px 1fr}.builder-mock{grid-column:2;margin-top:20px}.framework-strip{gap:3vw}}@media (width<=760px){.topbar{padding:0 18px}.brand em,.shortcut,.topbar nav button:nth-child(2){display:none}.topbar nav{margin-left:auto;position:static;transform:none}.top-actions{margin-left:8px}.hero-copy{padding:75px 24px 60px}.hero h1{font-size:56px}.hero-stage{min-height:470px}.stage-card{width:78%}.framework-strip{justify-content:flex-start;padding-left:24px;overflow:auto}.framework-strip>*{white-space:nowrap}.library-section,.detail-section,.builder-section{padding:75px 24px}.section-heading{flex-direction:column;align-items:flex-start;gap:30px}.search{width:100%}.library-layout{grid-template-columns:1fr}.library-layout aside{display:none}.component-grid,.detail-panel{grid-template-columns:1fr}.detail-preview{border-bottom:1px solid #464646;border-right:0;min-height:430px}.builder-section{display:block}.builder-number{display:none}.builder-mock{margin-top:50px;overflow:auto}.mock-body{min-width:570px}.studio{grid-template-columns:1fr}.studio-sidebar{display:none}.studio-main{padding:40px 20px 110px}.studio-heading h1{font-size:38px}.form-grid{grid-template-columns:1fr}.snippets-card{grid-column:auto}.snippet-status{grid-template-columns:1fr 1fr}.publish-bar{left:20px;right:20px}.publish-bar>span{display:none}footer{flex-direction:column;align-items:flex-start;gap:20px}.floating-tag{display:none}}