.builder-page{--b-paper:rgb(var(--color-paper));--b-paper-2:rgb(var(--color-paper-2));--b-ink:rgb(var(--color-ink));--b-graphite:rgb(var(--color-graphite));--b-rule:rgb(var(--color-rule));--b-green:#b9ff4a;--b-code-bg:rgb(var(--color-code-bg));--b-code-2:rgb(var(--color-code-surface));--b-crule:rgb(var(--color-code-rule));--b-cdim:rgb(var(--color-code-dim));--b-com:rgb(var(--color-code-com));--b-tag:rgb(var(--color-code-tag));--b-key:rgb(var(--color-code-key));--b-str:rgb(var(--color-code-str));--b-htag:rgb(var(--color-code-attr));--b-val:#93a8ff;--b-prop:rgb(var(--color-code-key));--b-surface:rgb(var(--color-paper));--b-surface-muted:color-mix(in srgb,rgb(var(--color-paper)) 90%,rgb(var(--color-ink)));--b-mix-base:rgb(var(--color-paper));--b-stat-muted:color-mix(in srgb,rgb(var(--color-code-text)) 78%,rgb(var(--color-code-dim)));--b-store-paper:#fff;--b-store-muted:#f5f7fc;--b-store-ink:#0e1533;--b-store-graphite:#5a6485;--b-store-rule:#dde2ee;--b-on-accent:rgb(var(--color-on-brand));--b-shadow:color-mix(in srgb,rgb(var(--color-ink)) 22%,transparent);--b-code-text:rgb(var(--color-code-text));--b-line-num:color-mix(in srgb,rgb(var(--color-code-dim)) 55%,rgb(var(--color-code-bg)));color:var(--b-ink);background:var(--b-paper)}.dark .builder-page{--b-val:#ffb43d;--b-mix-base:rgb(var(--color-paper-2));--b-surface-muted:rgb(var(--color-paper-2));--b-shadow:color-mix(in srgb,#000 48%,transparent)}.builder-wrap{max-width:1480px;margin:0 auto;padding:0 28px}.builder-eyebrow{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--b-green);display:inline-flex;align-items:center;gap:10px}.builder-eyebrow:before{content:"";width:22px;height:1px;background:var(--b-green)}.builder-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:13.5px;font-weight:500;border-radius:10px;padding:10px 16px;cursor:pointer;border:1px solid transparent}.builder-btn.primary{background:var(--b-ink);color:var(--b-paper)}.builder-btn.green{background:var(--b-green);color:var(--b-on-accent)}.builder-btn.ghost{border-color:var(--b-rule);color:var(--b-ink);background:transparent}.builder{margin:0 auto;background:transparent;border:1px solid #1a2336;border-radius:0;overflow:hidden;box-shadow:none}.b-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--b-rule);background:var(--b-paper);flex-shrink:0}.b-tabs{display:inline-flex;background:var(--b-paper-2);border:1px solid var(--b-rule);border-radius:11px;padding:4px}.b-tabs button{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:13px;color:var(--b-graphite);background:transparent;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;transition:.15s}.b-tabs button[aria-selected=true]{background:var(--b-ink);color:var(--b-paper)}.b-device{margin-left:auto;display:inline-flex;background:var(--b-paper-2);border:1px solid var(--b-rule);border-radius:11px;padding:4px}.b-device button{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;color:var(--b-graphite);background:transparent;border:none;border-radius:8px;padding:7px 12px;cursor:pointer}.b-device button[aria-pressed=true]{background:var(--b-surface);color:var(--b-ink);box-shadow:0 1px 3px var(--b-shadow)}.b-stage{display:grid;grid-template-columns:1fr;flex:1;min-height:0;min-width:0}.b-stage--split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,30%) 1fr;min-height:0;min-width:0}.b-stage--split>*{min-width:0}.b-stage--split .b-prev{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.b-prev:has(.pv-frame--mobile){align-items:center;overflow:visible}.b-stage--split:has(.pv-frame--mobile){grid-template-rows:minmax(140px,30%) auto}.b-stage--split:has(.pv-frame--mobile) .b-prev{align-items:center;overflow:visible}.b-main:has(.pv-frame--mobile){height:auto;max-height:none;overflow:visible}.b-stage--split .pv-frame{flex:1;min-height:0;max-height:none;margin:8px 12px 12px;max-width:none;width:calc(100% - 24px)}.b-stage--split .pv-frame.pv-frame--mobile{max-width:375px;width:min(100%,375px);flex:0 1 auto;min-height:auto;align-self:center;margin:8px auto 12px}.b-code{background:var(--b-code-bg);min-height:300px;max-height:380px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.b-stage--split .b-code{border-right:none;min-height:0;max-height:none}.b-stage--split .b-code,.code-bar{border-bottom:1px solid var(--b-crule)}.code-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--b-code-2)}.b-dot{width:11px;height:11px;border-radius:50%}.b-dot.r{background:#5a6485}.b-dot.y{background:#dde2ee}.b-dot.g{background:#2f5cff}.code-file{margin-left:8px;font-size:12px;color:var(--b-cdim)}.b-code-scroll,.code-file{font-family:var(--font-home-mono),"JetBrains Mono",monospace}.b-code-scroll{counter-reset:bline;padding:14px 8px 18px 0;font-size:12.5px;line-height:1.85;overflow:auto;flex:1;min-width:0;color:var(--b-code-text)}.b-ln{white-space:pre;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;padding-left:56px;position:relative}.b-ln.in{opacity:1;transform:none}.b-ln:before{counter-increment:bline;content:counter(bline);position:absolute;left:0;width:42px;text-align:right;color:var(--b-line-num);font-size:11.5px}.c-com{color:var(--b-com)}.c-tag{color:var(--b-tag)}.c-str{color:var(--b-str)}.c-htag{color:var(--b-htag)}.c-prop{color:var(--b-prop)}.c-val{color:var(--b-val);border-bottom:1px dashed hsla(42,83%,75%,.4)}.b-caret{display:inline-block;width:7px;height:14px;background:var(--b-str);vertical-align:-2px;margin-left:2px;animation:b-blink 1.1s steps(1) infinite}@keyframes b-blink{50%{opacity:0}}.b-prev{background:linear-gradient(180deg,var(--b-surface-muted),var(--b-paper));padding:0;display:flex;flex-direction:column;min-height:0;min-width:0;border-top:1px solid var(--b-rule);overflow:hidden}.b-prev-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--b-rule);background:var(--b-paper);font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;color:var(--b-ink);font-weight:600;flex-shrink:0}.b-prev-meta{font-weight:400;color:var(--b-graphite);font-size:11px}.pv-frame{background:var(--b-store-paper);border:none;border-radius:0;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0;margin:16px;border:1px solid var(--b-store-rule);border-radius:14px;box-shadow:0 20px 50px -30px var(--b-shadow);--b-ink:var(--b-store-ink);--b-graphite:var(--b-store-graphite);--b-rule:var(--b-store-rule);--b-paper:var(--b-store-paper);--b-paper-2:var(--b-store-muted);color:var(--b-store-ink)}.builder-page .pv-frame :is(h1,h2,h3,h4,h5,h6){color:var(--b-store-ink)}.builder-page .pv-frame .pv-hero :is(h1,h2,h3,h4,h5,h6){color:inherit}.pv-urlbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--b-rule);background:var(--b-paper-2)}.pv-urlbar .u{flex:1;background:var(--b-store-paper);border:1px solid var(--b-rule);border-radius:7px;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;color:var(--b-graphite);padding:5px 10px}.pv-body{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition:max-width .3s ease;width:100%;overflow:auto;background:var(--b-store-muted)}.pv-body.mobile{max-width:none;margin:0;padding:0;overflow:visible;flex:0 1 auto;min-height:auto}.pv-body.mobile .pv-store{height:auto}.pv-body.mobile .pv-viewport,.pv-body.mobile .pv-viewport--mobile{flex:none}.pv-body.mobile .pv-store-main{height:auto}.pv-frame--mobile{max-width:375px;width:min(100%,375px);margin-inline:auto;flex:0 1 auto;min-height:auto;align-self:center;border-radius:28px;box-shadow:0 0 0 1px color-mix(in srgb,var(--b-ink) 8%,transparent),0 24px 48px -28px rgba(20,24,15,.35)}.pv-frame--mobile .pv-urlbar{border-radius:28px 28px 0 0}.pv-viewport--mobile{width:100%}.pv-card--mobile{max-width:none;border-radius:12px}.pv-card--mobile .pv-media{height:200px}.pv-card--mobile .pv-title{font-size:16px}.pv-card--mobile .pv-btn{padding:14px;font-size:14px}.pv-card--mobile .pv-sticky{margin:0 -12px -18px;padding:12px 14px}.pv-hero--full{margin:0 -22px;width:calc(100% + 44px);border-radius:0}.pv-bundle--mobile{max-width:none;padding:16px 14px}.pv-bundle--mobile h4{font-size:15px}.pv-bundle--mobile .pv-row .nm{font-size:13px}.pv-body:not(.mobile) .pv-card{max-width:280px}.pv-body:not(.mobile) .pv-hero.rounded{border-radius:16px}.pv-body:not(.mobile) .pv-bundle{max-width:340px}.pv-part,.pv-part.in{opacity:1;transform:none}.pv-card{width:100%;max-width:280px;border:1px solid var(--b-rule);border-radius:14px;overflow:hidden;background:var(--b-store-paper);margin:0 auto}.pv-media{height:170px;position:relative;background:radial-gradient(120% 90% at 25% 20%,color-mix(in srgb,var(--accent) 72%,var(--b-store-paper)),var(--accent) 58%,color-mix(in srgb,var(--accent) 65%,#000))}.pv-media:after{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.13) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.13) 1px,transparent 0);background-size:24px 24px}.pv-badge{position:absolute;top:11px;left:11px;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10.5px;font-weight:600;background:var(--b-green);color:var(--b-on-accent);padding:4px 9px;border-radius:999px;z-index:2}.pv-cbody{padding:15px 16px 17px}.pv-stars{color:#93a8ff;font-size:13px;letter-spacing:1px;margin-bottom:8px}.pv-stars span{color:var(--b-graphite);font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;letter-spacing:0}.pv-title{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:700;font-size:18px;color:var(--b-ink);line-height:1.15}.pv-price{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:15px;color:var(--b-ink);margin-top:8px;font-weight:600}.pv-price s{color:var(--b-graphite);font-weight:400;margin-left:7px}.pv-btn{margin-top:14px;width:100%;border:none;border-radius:9px;background:var(--accent);color:var(--on-accent,var(--b-on-accent));font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:13px;padding:12px;cursor:pointer}.pv-sticky{position:sticky;bottom:0;margin:0 -22px -22px;padding:12px 18px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(6px);border-top:1px solid var(--b-rule);display:flex;align-items:center;justify-content:space-between;gap:12px}.pv-sticky,.pv-sticky button{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12.5px}.pv-sticky button{border:none;border-radius:8px;background:var(--accent);color:var(--on-accent,var(--b-on-accent));padding:9px 16px;cursor:pointer}.pv-hero{width:100%}.pv-hero.rounded{border-radius:16px}.pv-hero .go{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:26px 26px}.pv-hero .ey{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.pv-hero h2{font-weight:800;font-size:clamp(20px,2.8vw,28px);margin-top:8px;max-width:20ch;color:var(--on-accent,var(--b-on-accent));line-height:1.1}.pv-hero--center h2{max-width:22ch}.pv-hero p{font-size:13px;opacity:.9;margin-top:8px;max-width:36ch;color:var(--on-accent,var(--b-on-accent));line-height:1.5}.pv-hero .cta{display:inline-block;margin-top:16px;color:var(--b-store-ink);font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12.5px;padding:10px 18px;border-radius:9px}.pv-bundle,.pv-hero .cta{background:var(--b-store-paper)}.pv-bundle{max-width:340px;border:1px solid var(--b-rule);border-radius:14px;padding:18px;margin:0 auto}.pv-bundle h4{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:700;font-size:16px;margin-bottom:14px}.pv-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--b-rule)}.pv-thumb{width:40px;height:40px;border-radius:9px;flex:none;background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--accent) 72%,var(--b-store-paper)),var(--accent))}.pv-row .nm{font-size:13.5px;color:var(--b-ink);flex:1}.pv-row .pr{font-size:12.5px;color:var(--b-graphite)}.pv-row .pr,.pv-total{font-family:var(--font-home-mono),"JetBrains Mono",monospace}.pv-total{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:14px;font-weight:600}.pv-save{background:color-mix(in srgb,var(--b-green) 28%,var(--b-store-paper));color:#060c18;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;margin-left:8px}.pv-bundle .add{margin-top:14px;width:100%;border:none;border-radius:9px;background:var(--accent);color:var(--on-accent,var(--b-on-accent));font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:13px;padding:12px;cursor:pointer}.b-controls{border-top:1px solid var(--b-rule);background:var(--b-paper);padding:18px 20px}.ctrl-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.b-field{display:flex;flex-direction:column;gap:6px}.b-field label{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-graphite)}.b-field input{font-family:var(--font-home-body),Inter,sans-serif;font-size:14px;color:var(--b-ink);background:var(--b-surface);border:1px solid var(--b-rule);border-radius:9px;padding:9px 12px;width:200px}.b-field.sm input{width:104px}.b-field input:focus{outline:none;border-color:var(--b-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-green) 16%,transparent)}.b-sw{display:flex;gap:8px}.b-sw button{width:26px;height:26px;border-radius:8px;border:2px solid var(--b-paper);box-shadow:0 0 0 1px var(--b-rule);cursor:pointer;padding:0}.b-sw button[aria-pressed=true]{box-shadow:0 0 0 2px var(--b-ink)}.b-toggles{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.b-tog{gap:8px;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12.5px;color:var(--b-graphite);border:1px solid var(--b-rule);background:var(--b-surface);border-radius:999px;padding:8px 13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-tog,.b-tog .bx{display:inline-flex;align-items:center;transition:.15s}.b-tog .bx{width:15px;height:15px;border-radius:5px;border:1.5px solid var(--b-rule);justify-content:center;font-size:10px;color:var(--b-on-accent)}.b-tog[data-on=true]{color:var(--b-ink)}.b-tog[data-on=true] .bx{background:var(--b-green);border-color:var(--b-green)}.b-rebuild{margin-left:auto}.b-stats{display:flex;align-items:center;gap:0;flex-wrap:wrap;border-top:1px solid var(--b-crule);background:var(--b-code-bg)}.b-stat{flex:1;min-width:130px;padding:16px 20px;border-right:1px solid var(--b-crule)}.b-stat:last-child{border-right:none}.b-stat .k{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-cdim)}.b-stat .v{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:24px;color:var(--b-str);margin-top:4px;letter-spacing:-.02em}.b-stat .v small{font-size:13px;font-weight:600}.b-benefit,.b-stat .v small{color:var(--b-stat-muted);font-family:var(--font-home-mono),"JetBrains Mono",monospace}.b-benefit{padding:14px 20px;background:var(--b-code-2);border-top:1px solid var(--b-crule);font-size:12.5px;display:flex;align-items:center;gap:10px}.b-benefit:before{content:"\2192";color:var(--b-str)}.b-disc{text-align:center;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;color:var(--b-graphite);margin-top:14px}.builder-tool-band{padding:72px 0}.builder-tool-intro{margin-bottom:42px}.builder-vp{padding:76px 0;text-align:left}.builder--pro{margin-top:0}.builder-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px;margin-top:14px}.builder-head h2{font-weight:800;font-size:clamp(26px,3.4vw,40px);margin:0;max-width:18ch;letter-spacing:-.02em;line-height:1.1;color:var(--b-ink)}.builder-head p{color:var(--b-graphite);margin:0;font-size:15px;line-height:1.55;max-width:42ch}.vp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;margin-top:42px;text-align:left}.vp-cell{position:relative;height:100%}.vp-cell:not(:nth-child(4n)):before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#1a2336;z-index:1}.vp-cell:not(:nth-last-child(-n+4)):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#1a2336;z-index:1}.vp-card{position:relative;z-index:0;border:none;border-radius:0;padding:28px;background:transparent;display:flex;flex-direction:column;height:100%;transition:background-color .2s ease}@media (hover:hover){.vp-card:hover{background:#0a1424}}.vp-card .ic{width:38px;height:38px;border-radius:0;border:1px solid #1a2336;background:transparent;color:var(--b-green);display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex:none}.vp-card .ic svg{width:19px;height:19px}.vp-card h3{font-size:17px;color:var(--b-ink)}.vp-card p{color:var(--b-graphite);font-size:14px;margin-top:8px;line-height:1.5}.builder-cta-band{margin:70px 0;background:var(--b-code-bg);border-radius:22px;padding:56px 32px;text-align:center;position:relative;overflow:hidden}.builder-cta-band .glow{position:absolute;left:50%;top:-50%;width:70%;height:150%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(43,165,110,.25),transparent 70%)}.builder-cta-band .in{position:relative}.builder-cta-band h2{color:rgb(var(--color-inverse));font-weight:800;font-size:clamp(26px,3.6vw,42px);max-width:20ch;margin:0 auto;letter-spacing:-.02em;line-height:1.1}.builder-cta-band p{color:rgb(var(--color-inverse-muted));margin:14px auto 0;max-width:52ch}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}.builder-cta-band .builder-btn.ghost{border-color:var(--b-crule);color:rgb(var(--color-inverse))}.b-workspace{display:grid;grid-template-columns:300px 1fr;align-items:start}.b-main{display:flex;flex-direction:column;min-width:0;height:var(--builder-sidebar-h,auto);max-height:var(--builder-sidebar-h,none);min-height:0;overflow:hidden}@media (max-width:1024px){.builder-page{overflow-x:clip}.builder-wrap{padding:0 12px;max-width:100%}.b-workspace{grid-template-columns:1fr;width:100%}.b-main{height:auto;overflow:visible;width:100%;min-width:0}.b-stage,.b-stage--split{width:100%;min-width:0;grid-template-rows:auto auto}.b-prev,.b-stage--split .b-prev{align-items:center;width:100%;overflow:visible}.b-prev-label{align-self:stretch;width:100%;box-sizing:border-box}.b-stage--split .pv-frame,.b-stage--split .pv-frame.pv-frame--mobile,.pv-frame--mobile{width:min(100%,375px)!important;max-width:375px!important;margin:8px auto 12px!important;align-self:center!important;flex:0 0 auto!important}.pv-body{overflow:visible;flex:0 1 auto;min-height:auto}.b-toolbar{flex-wrap:wrap;gap:10px}.b-file-tag{order:3;width:100%}.b-stats{flex-wrap:wrap}.b-stat{min-width:0;flex:1 1 calc(50% - 1px)}.b-code{max-width:100%;overflow:hidden}.b-code-scroll{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.b-code-scroll .b-ln{width:-moz-max-content;width:max-content;min-width:100%}}.b-sidebar{border-right:1px solid var(--b-rule);background:var(--b-paper)}.b-sidebar-block{padding:20px 18px;border-bottom:1px solid var(--b-rule)}.b-sidebar-block:last-child{border-bottom:none}.b-sidebar-title{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-size:15px;font-weight:700;margin-bottom:6px}.b-sidebar-desc{font-size:13px;color:var(--b-graphite);line-height:1.5;margin-bottom:14px}.b-lib-group{margin-top:12px}.b-lib-cat{display:block;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--b-graphite);margin-bottom:6px}.b-lib-list{display:flex;flex-direction:column;gap:4px}.b-lib-item{text-align:left;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12.5px;color:var(--b-graphite);background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 11px;cursor:pointer;transition:.15s}.b-lib-item:hover{background:var(--b-paper-2);color:var(--b-ink)}.b-lib-item.active{background:var(--b-ink);color:var(--b-paper);border-color:var(--b-ink)}.b-panel-tabs{display:inline-flex;background:var(--b-paper-2);border:1px solid var(--b-rule);border-radius:9px;padding:3px}.b-panel-tabs button{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;color:var(--b-graphite);background:transparent;border:none;border-radius:7px;padding:6px 12px;cursor:pointer}.b-panel-tabs button[aria-selected=true]{background:var(--b-surface);color:var(--b-ink);box-shadow:0 1px 2px var(--b-shadow)}.b-file-tag{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;color:var(--b-graphite);margin-left:8px}.b-field--full input,.b-field--full select{width:100%}.b-field--full select{font-family:var(--font-home-body),Inter,sans-serif;font-size:13px;color:var(--b-ink);background:var(--b-surface);border:1px solid var(--b-rule);border-radius:9px;padding:9px 12px}.b-fields{margin-bottom:14px}.b-accent-row,.b-fields{display:flex;flex-direction:column;gap:10px}.b-accent-input{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;color:var(--b-ink);background:var(--b-surface);border:1px solid var(--b-rule);border-radius:8px;padding:8px 10px;width:100%}.b-selects{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.b-toggles--stack{flex-direction:column;align-items:stretch;margin-top:0}.b-toggles--stack .b-tog{justify-content:flex-start}.b-rebuild-full{width:100%;justify-content:center;margin-top:16px}.c-key{color:var(--b-key)}.pv-store{width:100%;min-height:0;display:flex;flex-direction:column;background:var(--b-store-paper);height:100%}.pv-store-ann{background:var(--accent);color:var(--on-accent,var(--b-on-accent));font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.pv-store-ann-link{text-decoration:underline;font-weight:600}.pv-store-header{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--b-rule);background:var(--b-store-paper)}.pv-store-logo{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:16px;letter-spacing:-.03em;color:var(--b-store-ink)}.pv-store-nav{display:flex;gap:18px;margin-left:24px;font-size:13px;color:var(--b-graphite)}.pv-store-menu{margin-left:auto;font-size:18px;color:var(--b-ink)}.pv-store-cart{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;color:var(--accent-text,var(--accent));background:var(--b-store-muted);border:1px solid var(--b-store-rule);border-radius:999px;padding:6px 12px}.pv-store-cart,.pv-store-nav+.pv-store-cart{margin-left:auto}.pv-store--mobile .pv-store-header{gap:10px;padding:12px 14px}.pv-store--mobile .pv-store-menu{margin-left:auto;margin-right:4px}.pv-store--mobile .pv-store-cart{margin-left:0;flex-shrink:0}.pv-store--mobile .pv-store-nav{display:none}.pv-body.mobile .pv-hero-visual,.pv-body.mobile .pv-pdp-thumbs,.pv-body.mobile .pv-store-nav{display:none!important}.pv-body.mobile .pv-pdp--side{grid-template-columns:1fr}.pv-body.mobile .pv-hero--left{display:flex;flex-direction:column}.pv-body.mobile .pv-collection-head{flex-direction:column;align-items:flex-start}.pv-store-main{flex:0 1 auto;min-height:0;padding:14px 16px;height:100%}.pv-store--mobile .pv-store-main{padding:12px}.pv-store-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--b-store-rule);font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10px;color:var(--b-store-graphite);background:var(--b-store-muted)}.rad-sharp{--pv-r:0px}.rad-soft{--pv-r:10px}.rad-round{--pv-r:16px}.pv-pdp{display:grid;grid-template-columns:1fr;gap:20px;width:100%}.pv-pdp--side{grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.pv-pdp--mobile{grid-template-columns:1fr}.pv-pdp-gallery{display:flex;flex-direction:column;gap:10px}.pv-pdp-hero-img{aspect-ratio:4/3;position:relative;background:radial-gradient(120% 90% at 25% 20%,color-mix(in srgb,var(--accent) 72%,var(--b-store-paper)),var(--accent) 58%,color-mix(in srgb,var(--accent) 65%,#000));border-radius:var(--pv-r,10px);overflow:hidden}.pv-pdp-hero-img:after{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:28px 28px}.pv-pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pv-pdp-thumb{aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--accent) 30%,var(--b-store-paper));border:2px solid transparent}.pv-pdp-thumb.active{border-color:var(--accent-text,var(--accent))}.pv-pdp-title{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(22px,2.5vw,30px);line-height:1.1;color:var(--b-ink)}.pv-pdp-desc{font-size:14px;color:var(--b-graphite);line-height:1.55;margin-top:12px}.pv-save-pill{display:inline-block;margin-left:10px;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--b-green) 28%,var(--b-store-paper));color:#060c18;padding:3px 8px;border-radius:999px;vertical-align:middle}.pv-pdp-variants{margin-top:18px}.pv-pdp-var-label{display:block;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--b-graphite);margin-bottom:8px}.pv-pdp-var-opts{display:flex;gap:8px;flex-wrap:wrap}.pv-var-btn{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;border:1px solid var(--b-rule);background:var(--b-store-paper);border-radius:8px;padding:8px 14px;cursor:default}.pv-var-btn.active{border-color:var(--accent-text,var(--accent));background:color-mix(in srgb,var(--accent-text,var(--accent)) 10%,var(--b-store-paper));color:var(--accent-text,var(--accent));font-weight:600}.pv-pdp-actions{display:flex;gap:10px;margin-top:20px;align-items:stretch}.pv-qty{display:flex;align-items:center;border:1px solid var(--b-rule);border-radius:9px;overflow:hidden}.pv-qty button{width:36px;height:44px;border:none;background:var(--b-paper-2);font-size:16px;cursor:default}.pv-qty span{width:36px;text-align:center;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:13px}.pv-btn--lg{flex:1;padding:14px 20px;font-size:14px;font-weight:600}.pv-pdp-trust{list-style:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--b-rule);display:flex;flex-wrap:wrap;gap:8px 16px}.pv-pdp-trust li{font-size:12px;color:var(--b-graphite);padding-left:18px;position:relative}.pv-pdp-trust li:before{content:"\2713";position:absolute;left:0;color:var(--b-green);font-size:11px}.pv-pdp--compact .pv-pdp-info{gap:8px}.pv-pdp--spacious .pv-pdp-info>*+*{margin-top:4px}.pv-hero{position:relative;overflow:hidden;padding:28px 24px;color:var(--on-accent,var(--b-on-accent));background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 88%,#000),var(--accent));border-radius:var(--pv-r,10px);min-height:0}.pv-hero--left{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:20px}.pv-hero--center{text-align:center;padding:36px 28px}.pv-hero--center,.pv-hero--center .inr{display:flex;flex-direction:column;align-items:center}.pv-hero--center .inr{position:relative;z-index:1;width:100%}.pv-hero--center h2,.pv-hero--center p{max-width:28ch}.pv-hero--center .pv-hero-ctas,.pv-hero--center .pv-hero-stats{justify-content:center}.pv-hero--mobile{display:flex;flex-direction:column;padding:24px 18px;gap:0}.pv-hero--mobile .inr{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.pv-hero .inr{position:relative;z-index:1;min-width:0}.pv-hero-visual{position:relative;aspect-ratio:5/4;max-height:150px;border-radius:calc(var(--pv-r, 10px) - 2px);background:linear-gradient(145deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.06));border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15);overflow:hidden}.pv-hero-visual:before{content:"";position:absolute;inset:14% 12%;border-radius:calc(var(--pv-r, 10px) - 4px);background:radial-gradient(circle at 30% 35%,hsla(0,0%,100%,.35),transparent 52%),radial-gradient(circle at 72% 68%,rgba(0,0,0,.12),transparent 48%),linear-gradient(160deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.02))}.pv-hero-visual-mark{position:absolute;right:14%;bottom:14%;width:28%;aspect-ratio:1;border-radius:50%;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.25)}.pv-hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pv-hero-ctas .cta{margin-top:0}.pv-hero .cta.secondary{background:transparent;color:var(--on-accent,var(--b-on-accent));border:1px solid hsla(0,0%,100%,.45)}.pv-hero-stats{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.pv-hero-stats div{display:flex;flex-direction:column;gap:2px}.pv-hero-stats strong{font-size:18px;font-weight:800;line-height:1.1}.pv-hero-stats span{font-size:10px;opacity:.85;letter-spacing:.01em}.pv-hero--mobile h2{font-size:22px;max-width:none}.pv-hero--mobile p{font-size:13px;max-width:28ch}.pv-hero--mobile .cta{width:auto;min-width:140px;text-align:center;box-sizing:border-box}.pv-collection{width:100%}.pv-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.pv-collection-head h2{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(20px,2.2vw,26px);margin-top:6px;color:var(--b-store-ink)}.pv-collection-head p{font-size:13px;color:var(--b-graphite);margin-top:6px}.pv-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pv-eyebrow,.pv-link-btn{font-family:var(--font-home-mono),"JetBrains Mono",monospace;color:var(--accent-text,var(--accent))}.pv-link-btn{font-size:12px;white-space:nowrap}.pv-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pv-filter{font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:11px;padding:6px 12px;border-radius:999px;border:1px solid var(--b-rule);color:var(--b-graphite);background:var(--b-store-paper)}.pv-filter.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent,var(--b-on-accent))}.pv-grid{display:grid;gap:14px}.pv-grid--2{grid-template-columns:repeat(2,1fr)}.pv-grid--3{grid-template-columns:repeat(3,1fr)}.pv-grid--4{grid-template-columns:repeat(4,1fr)}.pv-grid-card{border:1px solid var(--b-rule);border-radius:var(--pv-r,10px);overflow:hidden;background:var(--b-store-paper)}.pv-grid-media{aspect-ratio:.85;position:relative;background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--accent) 60%,var(--b-store-paper)),var(--accent))}.pv-quick-add{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;border:none;background:var(--b-store-paper);color:var(--b-ink);font-size:18px;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:default}.pv-grid-card h3{font-size:13px;font-weight:600;padding:10px 12px 0;color:var(--b-store-ink)}.pv-grid-price{display:block;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12px;padding:4px 12px 12px;color:var(--b-ink)}.pv-testimonials{width:100%}.pv-testimonials h2{font-family:var(--font-home-heading),"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(18px,2vw,24px);margin:8px 0 18px}.pv-test-grid{display:grid;gap:14px}.pv-test-grid--1{grid-template-columns:1fr}.pv-test-grid--2{grid-template-columns:repeat(2,1fr)}.pv-test-grid--3{grid-template-columns:repeat(3,1fr)}.pv-test-card{border:1px solid var(--b-rule);border-radius:var(--pv-r,10px);background:var(--b-store-paper);padding:18px;margin:0}.pv-test-card p{font-size:13.5px;line-height:1.55;color:var(--b-ink);margin-top:10px}.pv-test-card footer{display:flex;align-items:center;gap:10px;margin-top:14px}.pv-test-card footer strong{display:block;font-size:13px}.pv-test-card footer small{font-size:11px;color:var(--b-graphite)}.pv-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--b-store-paper)));flex:none}.pv-bundle{width:100%;max-width:none}.pv-check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--b-rule);display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none}.pv-check.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent,var(--b-on-accent))}.pv-plus{color:var(--b-graphite);font-size:14px;margin-left:auto}.pv-announce{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;width:100%;font-family:var(--font-home-mono),"JetBrains Mono",monospace;font-size:12.5px}.pv-announce--solid{background:var(--accent);color:var(--on-accent,var(--b-on-accent))}.pv-announce--outline{background:var(--b-store-paper);color:var(--accent-text,var(--accent));border:1px solid var(--accent-text,var(--accent))}.pv-announce--minimal{background:var(--b-paper-2);color:var(--b-ink);border-bottom:1px solid var(--b-rule)}.pv-announce-cta{text-decoration:underline;font-weight:600;margin-left:8px}.pv-announce-dismiss{margin-left:12px;border:none;background:transparent;color:inherit;font-size:18px;cursor:default;opacity:.7}.pv-viewport{width:100%;flex:1}.pv-body:not(.mobile) .pv-bundle,.pv-body:not(.mobile) .pv-card{max-width:none}@media (max-width:1024px){.b-sidebar{border-right:none;border-bottom:1px solid var(--b-rule)}.pv-pdp--side{grid-template-columns:1fr}.pv-grid--4{grid-template-columns:repeat(2,1fr)}.pv-test-grid--3{grid-template-columns:1fr}}@media (max-width:900px){.builder-head{flex-direction:column;align-items:flex-start}.builder-head h2,.builder-head p{max-width:none}.vp-grid{grid-template-columns:1fr 1fr}.vp-cell:not(:nth-child(4n)):before,.vp-cell:not(:nth-last-child(-n+4)):after{display:none}.vp-cell:not(:nth-child(2n)):before{top:0;width:1px}.vp-cell:not(:nth-child(2n)):before,.vp-cell:not(:nth-last-child(-n+2)):after{content:"";display:block;position:absolute;right:0;bottom:0;background:#1a2336;z-index:1}.vp-cell:not(:nth-last-child(-n+2)):after{left:0;height:1px}}@media (max-width:540px){.vp-grid{grid-template-columns:1fr}.vp-cell:not(:nth-child(2n)):before,.vp-cell:not(:nth-child(4n)):before,.vp-cell:not(:nth-last-child(-n+2)):after,.vp-cell:not(:nth-last-child(-n+4)):after{display:none}.vp-cell:not(:last-child):after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#1a2336;z-index:1}.vp-card{padding:28px 0}}