:root{--white:#fff;--off-white:#fafaf8;--warm-50:#f5f4f0;--warm-100:#eceae3;--warm-200:#dddad0;--warm-300:#c8c4b6;--warm-400:#a8a396;--ink-900:#0e0e0c;--ink-800:#1c1c19;--ink-700:#2e2e2a;--ink-600:#46463f;--ink-500:#68685e;--ink-400:#8c8c80;--navy:#0c1f3d;--navy-mid:#102648;--navy-light:#163258;--navy-accent:#1e4a80;--amber:#d97706;--amber-soft:rgba(180,83,9,.08);--teal:#0e7490;--teal-soft:rgba(14,116,144,.08);--green:#15803d;--green-soft:rgba(21,128,61,.08);--f-serif:"Instrument Serif",Georgia,serif;--f-sans:"DM Sans",system-ui,sans-serif;--f-mono:"JetBrains Mono","Courier New",monospace;--shadow-xs:0 1px 2px rgba(14,14,12,.04);--shadow-sm:0 1px 3px rgba(14,14,12,.05),0 4px 12px rgba(14,14,12,.04);--shadow-md:0 2px 6px rgba(14,14,12,.04),0 12px 32px rgba(14,14,12,.06);--shadow-lg:0 4px 12px rgba(14,14,12,.05),0 20px 56px rgba(14,14,12,.08);--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{background:var(--off-white);color:var(--ink-700);font-family:var(--f-sans);font-size:15px;font-weight:400;line-height:1.6;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font-family:var(--f-sans);cursor:pointer;border:none;background:none}img{display:block;max-width:100%}input,select,textarea{font-family:inherit;font-size:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 52px}body.dark{--off-white:#0e0e0c;--white:#1c1c19;--warm-50:#1c1c19;--warm-100:#2e2e2a;--warm-200:#46463f;--warm-300:#68685e;--warm-400:#8c8c80;--ink-900:#fafaf8;--ink-800:#eceae3;--ink-700:#dddad0;--ink-600:#c8c4b6;--ink-500:#a8a396;--ink-400:#8c8c80;--navy:#0a1628;--amber:#d97706}body.dark .in-nav{background:#0e0e0ceb}body.dark .in-nav-logo--light{display:none}body.dark .in-nav-logo--dark{display:block}body.dark .in-hero{background:var(--white)}body.dark .in-hero:before{opacity:.15}body.dark .hd-bg{color:#b45309}body.dark .hd-fg{color:#22d3ee}body.dark .hd-fmt{color:#4ade80}body.dark .hd-text{color:var(--ink-500)}body.dark .hero-demo-cursor{background:var(--ink-900)}body.dark .hero-chip{color:var(--ink-700);background:var(--white);border-color:var(--warm-200)}body.dark .hero-chip:hover{color:var(--ink-900);border-color:var(--warm-300)}body.dark .signal-card-top{background:#0a1628}body.dark .signal-num{color:#b45309}body.dark .sb-toolbar-dots span{background:var(--warm-300)}body.dark .sb-preview-viewport{background:repeating-conic-gradient(var(--warm-100) 0 25%,var(--white) 0 50%) 0 0/16px 16px}body.dark .sb-seg--bg .sb-seg-swatch,body.dark .sb-seg--fg .sb-seg-swatch{border-color:var(--warm-300)}body.dark .curl-copy{color:var(--ink-900);background:var(--warm-200);border-color:var(--warm-200)}body.dark .curl-copy:hover{background:var(--warm-300)}body.dark .helper-block .curl-copy{color:var(--white);background:var(--ink-400);border-color:var(--ink-400)}body.dark .helper-block .curl-copy:hover{background:var(--ink-500)}body.dark .sb-export-btn{color:var(--ink-600);background:var(--warm-100);border-color:var(--warm-200)}body.dark .sb-export-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}body.dark .sb-export-btn--accent{color:var(--ink-900)}body.dark .sb-ref-toggle{color:var(--ink-600);background:var(--warm-100);border-color:var(--warm-200)}body.dark .sb-ref-toggle.active{color:var(--white);background:#0a1628;border-color:#0a1628}body.dark .sb-ref-drawer,body.dark .sb-ref-drawer .ref-nav{background:var(--warm-50);border-color:var(--warm-200)}body.dark .sb-ref-drawer .ref-group-btn.active{color:var(--ink-900);border-bottom-color:var(--ink-900)}body.dark .ref-table th{background:var(--warm-50);border-color:var(--warm-200);color:var(--ink-400)}body.dark .ref-table td{border-color:var(--warm-100);color:var(--ink-600)}body.dark .ref-table td code[data-load]{color:var(--ink-900);background:var(--warm-100);border-color:transparent}body.dark .ref-table td code[data-load]:hover{background:var(--warm-200);border-color:var(--warm-300)}body.dark .ref-table td code{color:var(--ink-500)}body.dark .sb-response{border-color:var(--warm-200)}body.dark .sb-response-val--fast{color:#4ade80}body.dark .sb-response-val--med{color:#b45309}body.dark .sb-recent-drop{background:var(--white);border-color:var(--warm-200)}body.dark .sb-recent-item:hover{background:var(--warm-50)}body.dark .sb-import-btn{color:var(--ink-600);background:var(--warm-100);border-color:var(--warm-200)}body.dark .sb-import-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}body.dark .sb-add-import-btn{color:var(--amber);border-color:var(--amber)}body.dark .sb-add-import-btn:hover{color:var(--white);background:var(--amber)}body.dark .sb-popover{background:var(--white);border-color:var(--warm-200)}body.dark .helper-block{background:var(--warm-100);color:var(--ink-600)}body.dark .helper-tab.active{color:var(--ink-900);border-color:var(--ink-900)}body.dark .plugin-card{background:var(--white);border-color:var(--warm-200)}body.dark .faq-q{color:var(--ink-900);border-color:var(--warm-200)}body.dark .faq-q:hover{background:var(--warm-50)}body.dark .consent-banner,body.dark .in-section--navy{background:#0a1628}body.dark .curl-block{background:#0e0e0c;color:#ffffffb3}body.dark .curl-copy{color:#fafaf8;background:#2e2e2a;border-color:#2e2e2a}body.dark .curl-copy:hover{background:#46463f}body.dark .helper-block{background:#2e2e2a;color:#c8c4b6}body.dark .helper-block .curl-copy{color:#fafaf8;background:#46463f;border-color:#46463f}body.dark .helper-block .curl-copy:hover{background:#68685e}body.dark .btn-secondary{color:var(--ink-700);border-color:var(--ink-700)}body.dark .btn-secondary:hover{background:var(--ink-700);color:var(--off-white)}body.dark .mg-chip{color:var(--ink-900)}body.dark .mg-chip,body.dark .mg-custom-row{background:var(--warm-50);border-color:var(--warm-200)}body.dark .mg-custom-row input{color:var(--ink-900)}body.dark .mg-custom-row select{color:var(--ink-600);border-color:var(--warm-200)}body.dark .mg-field input,body.dark .mg-field--fmt select{background:var(--warm-50);border-color:var(--warm-200);color:var(--ink-900)}body.dark .mg-name-row{background:var(--warm-50);border-color:var(--warm-200)}body.dark .mg-go{background:var(--ink-900)}.mobile-gate{display:none;position:fixed;inset:0;z-index:9999;background:var(--white);flex-direction:column;padding:0}.mg-top{padding:calc(env(safe-area-inset-top,0px) + 32px) 24px 0;text-align:center}.mg-logo-img{height:36px;width:auto;display:block;margin:0 auto 8px}.mg-logo--dark,body.dark .mg-logo--light{display:none}body.dark .mg-logo--dark{display:block}.mg-desc{font-family:var(--f-serif);font-size:18px;font-weight:400;color:var(--ink-900);margin-top:10px;line-height:1.3}.mg-sub{font-size:13px;font-weight:300;color:var(--ink-500);margin-top:4px}.mg-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 24px;gap:16px}.mg-section-label{font-family:var(--f-mono);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-400);margin-bottom:8px}.mg-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mg-chip{font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--ink-900);background:var(--off-white);border:1px solid var(--warm-200);border-radius:var(--r-md);padding:14px 12px;cursor:pointer;transition:all .12s;text-align:center}.mg-chip:active{background:var(--navy);color:var(--white);border-color:var(--navy)}.mg-size-row{display:flex;align-items:flex-end;gap:0;margin-bottom:12px;width:100%}.mg-field{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.mg-field input[type=number]{font-family:var(--f-mono);font-size:16px;color:var(--ink-900);border:1px solid var(--ink-400);outline:none;background:var(--off-white);width:100%;text-align:center;padding:11px 4px;border-radius:var(--r-md);-moz-appearance:textfield;height:42px;box-sizing:border-box}.mg-field input[type=number]:focus-visible{border-color:var(--ink-400);outline:2px solid var(--ink-900);outline-offset:2px}.mg-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.mg-field--fmt{flex:0 0 auto}.mg-field--fmt select{font-family:var(--f-mono);font-size:16px;color:var(--ink-900);border:1px solid var(--ink-400);outline:none;background:var(--off-white);padding:11px 8px;border-radius:var(--r-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;min-width:56px;height:42px;box-sizing:border-box}.mg-field--fmt select:focus-visible{border-color:var(--ink-400);outline:2px solid var(--ink-900);outline-offset:2px}.mg-field-label{font-family:var(--f-mono);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-300)}.mg-x{font-family:var(--f-mono);font-size:12px;color:var(--ink-300);height:42px;margin-bottom:14px}.mg-swatch,.mg-x{display:flex;align-items:center;padding:0 4px}.mg-swatch{flex-direction:column;gap:3px;flex-shrink:0;cursor:pointer}.mg-swatch-box{width:42px;height:42px;border-radius:var(--r-md);border:1px solid var(--warm-200);position:relative;overflow:hidden;box-sizing:border-box}.mg-swatch-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.mg-name-row{display:flex;align-items:center;background:var(--off-white);border:1px solid var(--ink-400);border-radius:var(--r-md);overflow:hidden;margin-bottom:8px}.mg-name-row:focus-within{outline:2px solid var(--ink-900);outline-offset:2px}.mg-name-input{padding:12px 14px}.mg-go{font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--white);background:var(--ink-900);border:none;border-radius:var(--r-sm);padding:10px 16px;cursor:pointer;margin:4px 6px 4px auto;white-space:nowrap;flex-shrink:0}.mg-go:active{background:var(--ink-700)}.mg-name-row{margin-top:6px}.mg-name-input{flex:1;font-family:var(--f-mono);font-size:16px;color:var(--ink-900);border:none;outline:none;background:transparent;padding:10px 12px;min-width:0}.mg-url{font-size:11px;margin-top:8px;word-break:break-all;line-height:1.4;transition:color .3s}.mg-foot,.mg-url{font-family:var(--f-mono);color:var(--ink-400)}.mg-foot{padding:16px 24px calc(env(safe-area-inset-bottom,0px) + 16px);text-align:center;font-size:9px;border-top:1px solid var(--warm-100)}.mg-foot a{color:var(--ink-500);text-decoration:none}.mg-kw-toggle{display:block;width:100%;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--amber);background:none;border:none;padding:12px 0 0;cursor:pointer;text-align:center}.mg-kw-toggle:active{color:var(--ink-600)}.mg-kw-arrow{display:inline-block;transition:transform .2s}.mg-kw-toggle.open .mg-kw-arrow{transform:rotate(180deg)}.mg-kw-list{display:none;max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:8px;border:1px solid var(--warm-200);border-radius:var(--r-md);background:var(--white);padding:4px}.mg-kw-list.open{display:block}.mg-kw-group-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-400);padding:10px 8px 4px}.mg-kw,.mg-kw-group-label{font-family:var(--f-mono);font-weight:500}.mg-kw{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;color:var(--ink-900);background:none;border:none;padding:10px 8px;cursor:pointer;border-radius:var(--r-sm);transition:background .1s}.mg-kw:active{background:var(--navy)}.mg-kw:active,.mg-kw:active span{color:var(--white)}.mg-kw span{font-weight:400;font-size:11px;color:var(--ink-400)}@media(max-width:768px){.mobile-gate{display:flex}body.mobile-gated>:not(.mobile-gate):not(.consent-banner){display:none!important}}.skip-link{position:absolute;top:-100px;left:16px;background:var(--ink-900);color:var(--white);padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;z-index:10000;transition:top .2s}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.in-section--navy :focus-visible{outline-color:var(--white)}.in-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#fafaf8eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--warm-200);transition:border-color .3s,box-shadow .3s,background .3s}.in-nav.scrolled{border-color:var(--warm-300);box-shadow:0 1px 14px #0e0e0c0a}.terms-page .in-nav{position:static;backdrop-filter:none;-webkit-backdrop-filter:none}.metrics-page .in-drawer,.metrics-page .in-nav-links,.terms-page .in-nav-links{display:none}.in-nav-brand{display:flex;align-items:center;text-decoration:none}.in-nav-logo{height:30px;width:auto;display:block}.in-nav-logo--dark{display:none}.in-nav-bracket{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:500;color:#0c1f3d;opacity:.42}.in-nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;list-style:none}.in-nav-links a{font-size:13px;font-weight:500;color:var(--ink-500);padding:7px 14px;border-radius:var(--r-sm);transition:color .15s,background .15s,border-color .15s;border:1px solid transparent}.in-nav-links a:hover{color:var(--ink-900);background:var(--warm-50)}.in-nav-right{display:flex;align-items:center;gap:8px}.in-nav-install{font-size:12px;font-weight:500;color:var(--amber);background:transparent;padding:6px 14px;border-radius:var(--r-md);border:1px solid var(--amber);cursor:pointer;font-family:var(--f-mono);transition:all .15s}.in-nav-install:hover{background:var(--amber);color:var(--white)}.in-nav-cta{font-size:12px;font-weight:500;color:var(--white);background:var(--ink-900);padding:6px 14px;border-radius:var(--r-md);transition:background .2s,color .15s;border:none;cursor:pointer;font-family:var(--f-sans)}.in-nav-cta:hover{background:var(--ink-800)}.dm-toggle{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-500);transition:color .15s,background .15s;cursor:pointer}.dm-toggle:hover{color:var(--ink-900);background:var(--warm-50)}.dm-toggle svg{width:16px;height:16px}.in-nav-hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--r-sm);transition:background .15s;cursor:pointer}.in-nav-hamburger:hover{background:var(--warm-50)}.in-nav-hamburger span{display:block;width:18px;height:2px;background:var(--ink-700);position:relative;transition:background .2s}.in-nav-hamburger span:after,.in-nav-hamburger span:before{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink-700);transition:transform .2s}.in-nav-hamburger span:before{top:-6px}.in-nav-hamburger span:after{top:6px}.in-nav-hamburger.open span{background:transparent}.in-nav-hamburger.open span:before{transform:rotate(45deg) translate(4px,4px)}.in-nav-hamburger.open span:after{transform:rotate(-45deg) translate(4px,-4px)}.in-drawer{position:fixed;inset:56px 0 0;background:var(--off-white);z-index:999;padding:24px 20px;transform:translateY(-100%);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none;overflow-y:auto}.in-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}.in-drawer a{display:block;font-size:16px;font-weight:500;color:var(--ink-700);padding:14px 0;border-bottom:1px solid var(--warm-100);transition:color .15s}.in-drawer a:hover{color:var(--ink-900)}.in-drawer-parent{margin-top:24px;font-family:var(--f-mono);font-size:11px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.in-drawer-parent a{font-size:11px;font-weight:400;color:var(--amber);border-bottom:none;padding:8px 0;display:inline}.in-hero{background:var(--white);padding:calc(120px + env(safe-area-inset-top,0px)) 0 80px;border-bottom:1px solid var(--warm-200);position:relative;overflow:hidden}.in-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--warm-100) 1px,transparent 1px),linear-gradient(90deg,var(--warm-100) 1px,transparent 1px);background-size:48px 48px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 20%,transparent 70%);pointer-events:none}.in-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.in-hero-tag{font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.in-hero h1{font-family:var(--f-serif);font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.08;color:var(--ink-900);margin-bottom:20px}.in-hero-sub{font-size:15px;font-weight:300;line-height:1.6;color:var(--ink-600);max-width:460px;margin-bottom:28px}.in-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-eco{margin-top:28px;flex-wrap:wrap}.hero-eco,.hero-eco-link{display:flex;align-items:center;gap:10px}.hero-eco-link{text-decoration:none;border-radius:var(--r-sm);padding:4px 8px;margin:-4px -8px;transition:background .15s}.hero-eco-link:hover{background:var(--warm-50)}.hero-eco-group{display:flex;align-items:center;gap:8px}.hero-eco-sep{width:1px;height:16px;background:var(--warm-300);margin:0 6px;flex-shrink:0}.hero-eco-icon{width:20px;height:20px;opacity:.55;flex-shrink:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.hero-eco-icon:hover{opacity:.85}.hero-eco-icon svg{width:100%;height:100%;display:block}.hero-eco-label{font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;white-space:nowrap}.hero-demo{background:var(--white);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--warm-200)}.hero-demo-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--warm-50);border-bottom:1px solid var(--warm-200)}.hero-demo-dots{display:flex;gap:5px}.hero-demo-dots span{width:8px;height:8px;border-radius:50%}.hero-demo-dots span:first-child{background:#ff5f57}.hero-demo-dots span:nth-child(2){background:#febc2e}.hero-demo-dots span:nth-child(3){background:#28c840}.hero-demo-url{flex:1;font-family:var(--f-mono);font-size:13px;padding:0 4px;overflow:hidden;white-space:nowrap}.hero-demo-url,.hero-demo-url .hd-base{color:var(--ink-400)}.hero-demo-url .hd-size{color:var(--ink-900)}.hero-demo-url .hd-bg{color:#92400e}.hero-demo-url .hd-fg{color:#0e7490}.hero-demo-url .hd-fmt{color:#15803d}.hero-demo-url .hd-text{color:var(--ink-500)}.hero-demo-cursor{display:inline-block;width:1px;height:1.1em;background:var(--ink-900);vertical-align:text-bottom;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-demo-cursor.blink{animation:blink 1s step-end infinite}.hero-demo-img{display:flex;align-items:center;justify-content:center;padding:16px;height:320px;overflow:hidden;background:repeating-conic-gradient(var(--warm-100) 0 25%,var(--white) 0 50%) 0 0/16px 16px}.hero-demo-img img{max-width:100%;max-height:100%;border-radius:var(--r-sm);transition:opacity .15s}.hero-demo-img img.loading{opacity:.3}.hero-demo-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--warm-200)}.hero-demo-meta-left,.hero-demo-meta-right{font-family:var(--f-mono);font-size:10px;color:var(--ink-400)}.hero-quick{grid-column:1/-1;margin-top:40px}.hero-quick-label{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-400);margin-bottom:12px;text-align:center}.hero-quick-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:center}.hero-quick-chips::-webkit-scrollbar{display:none}.hero-chip{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--ink-700);background:var(--white);border:1px solid var(--warm-200);padding:10px 16px;border-radius:var(--r-md);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.hero-chip:hover{border-color:var(--ink-400);color:var(--ink-900);box-shadow:var(--shadow-xs)}.hero-chip:active{background:var(--ink-900);color:var(--white);border-color:var(--ink-900)}.hero-chip span{font-weight:400;font-size:10px;color:var(--ink-400)}.hero-chip:active span{color:#fff9}.hero-chip.is-copied{background:var(--green);color:var(--white);border-color:var(--green)}.hero-chip.is-copied span{color:#ffffffb3}@media(max-width:1024px){.in-hero .wrap{grid-template-columns:1fr;gap:40px}.hero-demo{max-width:520px}.hero-quick{margin-top:32px}.signal-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.in-hero{padding:calc(88px + env(safe-area-inset-top,0px)) 0 56px}.hero-demo-url{font-size:11px}.hero-demo-img{height:220px;padding:12px}.hero-quick{display:none}.signal-grid{grid-template-columns:1fr}}@media(max-width:480px){.in-hero h1{font-size:28px}.in-hero-actions{flex-direction:column}.in-hero-actions .btn-primary,.in-hero-actions .btn-secondary{width:100%;justify-content:center}.hero-demo-url{font-size:10px}}.btn-primary{display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;font-family:var(--f-sans);color:var(--white);background:var(--ink-900);padding:10px 20px;border-radius:var(--r-md);transition:background .2s;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background:var(--ink-800)}.btn-secondary{display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;font-family:var(--f-sans);color:var(--ink-900);background:transparent;border:1px solid var(--ink-900);padding:10px 20px;border-radius:var(--r-md);transition:background .2s,color .2s;text-decoration:none;cursor:pointer}.btn-secondary:hover{background:var(--ink-900);color:var(--white)}.btn-ghost{display:inline-flex;align-items:center;font-size:12px;font-weight:500;font-family:var(--f-mono);color:var(--ink-500);padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--warm-200);transition:color .15s,border-color .15s,background .15s;text-decoration:none;cursor:pointer;background:transparent}.btn-ghost:hover{color:var(--ink-900);border-color:var(--warm-300);background:var(--warm-50)}.btn-copy-state{min-width:52px;text-align:center}.btn-copy-state.is-copied{color:var(--green);border-color:#15803d40}.in-section{padding:104px 0}.in-section--warm{background:var(--warm-50)}.in-section--navy{background:var(--navy);color:#ffffffd9}.in-section--white{background:var(--white)}.section-tag{font-family:var(--f-mono);font-size:9px;font-weight:500;color:#b45309;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:12px}.in-section--navy .section-tag{color:#b45309cc}.section-header{margin-bottom:56px}.section-header h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(28px,3.2vw,42px);line-height:1.1;color:var(--ink-900);margin-bottom:12px}.in-section--navy .section-header h2{color:#fff}.section-header p{font-size:14px;font-weight:300;line-height:1.6;color:var(--ink-600);max-width:480px}.builder-bookmark-hint{font-family:var(--f-mono);font-size:11px;color:var(--ink-400);margin-top:8px}.builder-bookmark-hint a{color:var(--ink-500);text-decoration:underline;text-decoration-color:var(--warm-200);text-underline-offset:2px;transition:color .15s}.builder-bookmark-hint a:hover{color:var(--ink-900)}.bookmark-copy{font-family:var(--f-mono);font-size:11px;color:var(--amber);background:var(--warm-50);border:1px solid var(--warm-200);padding:2px 8px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.bookmark-copy:hover{background:var(--warm-100);border-color:var(--warm-300)}.in-section--navy .section-header p{color:#fff9}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.signal-card{padding:0;border-radius:var(--r-lg);background:var(--white);overflow:hidden;border:1px solid var(--warm-200);position:relative}.signal-card-top{background:var(--navy);padding:28px 32px 24px;display:flex;align-items:baseline;gap:12px}.signal-num{font-family:var(--f-serif);font-weight:400;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--amber)}.signal-title{font-family:var(--f-sans);font-weight:500;font-size:13px;color:#fff9;letter-spacing:.02em}.signal-card-body{padding:24px 32px 28px}.signal-desc{font-size:14px;font-weight:300;line-height:1.6;color:var(--ink-600)}@media(max-width:1024px){.signal-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.signal-grid{grid-template-columns:1fr}.signal-card-top{padding:20px 24px 18px}.signal-card-body{padding:20px 24px 24px}}.docs-steps{margin-bottom:56px}.docs-steps .signal-num{font-size:clamp(32px,3.6vw,44px);letter-spacing:-.01em}.docs-step-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.docs-step-examples code{padding:4px 8px}.docs-step-examples code,.signal-desc code{font-family:var(--f-mono);font-size:12px;color:var(--ink-900);background:var(--warm-50);border:1px solid var(--warm-200);border-radius:var(--r-sm)}.signal-desc code{padding:1px 5px}.docs-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.docs-chips code{font-family:var(--f-mono);font-size:11px;color:var(--ink-700);background:var(--warm-50);padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--warm-200);cursor:pointer;transition:all .15s}.docs-chips code:hover{background:var(--warm-100);border-color:var(--warm-300);color:var(--ink-900)}.docs-syntax{margin-top:64px;padding-top:64px;border-top:1px solid var(--warm-200)}.docs-syntax-head{margin-bottom:32px}.docs-syntax-head h3{font-family:var(--f-serif);font-weight:400;font-size:clamp(24px,2.8vw,36px);line-height:1.1;color:var(--ink-900);margin-top:4px}.docs-syntax-table{max-width:720px}.docs-syntax-table td:first-child code{color:var(--ink-400);font-size:12px}.docs-syntax-table td:nth-child(2) code{font-weight:500}.docs-syntax-table td:nth-child(2) code[data-load]{color:var(--ink-900);background:var(--warm-50);padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--warm-200);cursor:pointer;transition:all .15s}.docs-syntax-table td:nth-child(2) code[data-load]:hover{background:var(--white);border-color:var(--amber);color:var(--amber)}.docs-syntax-foot{font-family:var(--f-mono);font-size:12px;color:var(--ink-400);margin-top:32px}.docs-foot-link{color:var(--amber);text-decoration:none;font-weight:500}.docs-foot-link:hover{text-decoration:underline}@media(max-width:768px){.docs-syntax{margin-top:40px;padding-top:40px}}.docs-kw-wrap{margin-top:64px;padding-top:64px;border-top:1px solid var(--warm-200)}.docs-kw-head{margin-bottom:40px}.docs-kw-head h3{font-family:var(--f-serif);font-weight:400;font-size:clamp(24px,2.8vw,36px);line-height:1.1;color:var(--ink-900);margin-top:4px}.docs-kw-head p{font-size:14px;font-weight:300;line-height:1.6;color:var(--ink-600);max-width:520px;margin-top:8px}.docs-kw-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.docs-kw-group{background:var(--white);border:1px solid var(--warm-200);border-radius:var(--r-lg);padding:24px;overflow:hidden}.docs-kw-label{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400);margin-bottom:12px;display:flex;align-items:center;gap:8px}.docs-kw-count{font-size:9px;color:var(--white);background:var(--amber);padding:1px 6px;border-radius:100px}.docs-kw-table{font-size:13px}.docs-kw-table td:first-child code{font-size:11px;cursor:pointer;transition:all .15s;background:var(--warm-50);padding:2px 6px;border-radius:var(--r-sm);border:1px solid transparent}.docs-kw-table td:first-child code:hover{color:var(--amber);border-color:var(--amber);background:var(--white)}@media(max-width:1024px){.docs-kw-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.docs-kw-grid{grid-template-columns:1fr}.docs-kw-group{padding:16px}.docs-kw-wrap{margin-top:40px;padding-top:40px}}.sandbox{background:var(--white);border-radius:var(--r-xl);overflow:visible;box-shadow:var(--shadow-lg);position:relative;border:1px solid var(--warm-200)}.sb-toolbar{border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;align-items:flex-end;gap:12px;padding:10px 16px 0;background:var(--warm-50);border-bottom:1px solid var(--warm-200)}.sb-toolbar-dots{display:flex;gap:5px;flex-shrink:0;padding-bottom:8px}.sb-toolbar-dots span{width:10px;height:10px;border-radius:50%;background:var(--warm-200)}.sb-toolbar-dots span:first-child{background:#ff5f57}.sb-toolbar-dots span:nth-child(2){background:#febc2e}.sb-toolbar-dots span:nth-child(3){background:#28c840}.sb-toolbar-presets{display:flex;gap:0;flex:1;overflow-x:auto;margin:0;scrollbar-width:none;align-items:flex-end}.sb-toolbar-presets::-webkit-scrollbar{display:none}.sb-preset{display:flex;align-items:center;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-400);background:var(--warm-100);border:1px solid var(--warm-200);border-bottom:none;padding:6px 14px;border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer;white-space:nowrap;transition:all .15s;margin-right:-1px;position:relative}.sb-preset:hover{color:var(--ink-700);background:var(--warm-50)}.sb-preset.active{color:var(--ink-900);background:var(--white);border-color:var(--warm-200);z-index:1}.sb-toolbar-actions{display:flex;gap:4px;flex-shrink:0}.sb-tool-btn{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-500);background:var(--white);border:1px solid var(--warm-200);padding:4px 10px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;text-decoration:none}.sb-tool-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}.sb-tool-btn.is-copied{color:var(--green);border-color:#15803d40}.sb-recent-bar{display:flex;position:relative}.sb-recent-wrap{flex-shrink:0}.sb-recent-toggle{display:none;padding:6px 24px;font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--ink-400);background:var(--white);border:none;border-bottom:1px solid var(--warm-100);cursor:pointer;text-align:left;transition:color .15s}.sb-recent-toggle:hover{color:var(--ink-900)}.sb-recent-toggle.has-items{display:block}.sb-recent-count{font-size:9px;color:var(--white);background:var(--amber);padding:1px 6px;border-radius:100px;margin-left:4px}.sb-recent-drop{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--white);border:1px solid var(--warm-200);border-top:none;border-radius:0 0 var(--r-md) var(--r-md);box-shadow:var(--shadow-md);max-height:360px;overflow-y:auto}.sb-recent-drop.open{display:block}.sb-recent-drop-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--warm-100)}.sb-recent-drop-header span{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400)}.sb-recent-clear-btn{font-family:var(--f-mono);font-size:10px;color:var(--ink-400);background:none;border:none;cursor:pointer;padding:0}.sb-recent-clear-btn:hover{color:var(--ink-900)}.sb-recent-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--warm-50);cursor:pointer;transition:background .1s}.sb-recent-item:hover{background:var(--warm-50)}.sb-recent-item span:first-child{flex:1;font-family:var(--f-mono);font-size:11px;color:var(--ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-recent-x{font-size:11px;color:var(--ink-400);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .1s;flex-shrink:0}.sb-recent-x:hover{background:var(--warm-200);color:var(--ink-900)}.sb-recent-item--editing{background:var(--amber-soft);border-left:2px solid var(--amber)}.sb-recent-item--editing span:first-child{color:var(--amber)}.sb-import-btn{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-400);background:var(--white);border:1px solid var(--warm-200);padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.sb-import-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}.sb-import-input{display:none}.sb-add-import-btn{color:var(--amber);border-color:var(--amber)}.sb-add-import-btn:hover{color:var(--white);background:var(--amber);border-color:var(--amber)}.sb-address{padding:16px 24px;font-family:var(--f-mono);font-size:15px;line-height:1.8;color:var(--ink-400);display:flex;flex-wrap:wrap;align-items:center;gap:0;border-bottom:1px solid var(--warm-100);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--white);border-top:2px solid transparent;transition:border-top-color .2s}.sb-address.editing-collection{border-top-color:var(--amber)}.sb-addr-proto{color:var(--ink-400)}.sb-addr-domain{color:var(--ink-500)}.sb-addr-slash{color:var(--warm-300);margin:0 1px}.sb-seg{color:var(--ink-900);padding:2px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .15s;position:relative;border:1px solid transparent}.sb-seg:hover{background:var(--warm-50)}.sb-seg:focus-visible{outline:none;border-color:var(--amber)}.sb-seg.editing{background:var(--warm-100);border-color:var(--warm-300)}.sb-seg--size{color:var(--ink-900)}.sb-seg--bg{color:#92400e}.sb-seg--bg,.sb-seg--fg{display:inline-flex;align-items:center;gap:5px}.sb-seg--fg{color:#0e7490}.sb-seg--fmt{color:#15803d}.sb-seg--name{color:var(--amber)}.sb-seg--name.sb-seg--empty{color:var(--warm-300);font-style:italic}.sb-seg--text{color:var(--ink-500)}.sb-seg--text.sb-seg--empty{color:var(--warm-300);font-style:italic;opacity:.6}.sb-seg-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.sb-popover,.sb-seg-swatch{border:1px solid var(--warm-200)}.sb-popover{display:none;position:absolute;z-index:50;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px;min-width:220px;max-width:340px}.sb-popover.open{display:block}.sb-pop-label{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);margin-bottom:8px}.sb-pop-input{width:100%;background:var(--warm-50);border:1px solid var(--ink-400);border-radius:var(--r-sm);padding:8px 10px;font-family:var(--f-mono);font-size:14px;color:var(--ink-900);outline:none;transition:border-color .15s}.sb-pop-input:focus{border-color:var(--amber)}.sb-pop-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.sb-pop-row:last-child{margin-bottom:0}.sb-pop-color-swatch{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--warm-200);overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.sb-pop-color-swatch input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer}.sb-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}.sb-pop-chip{width:100%;aspect-ratio:1;border-radius:var(--r-sm);border:2px solid var(--warm-100);cursor:pointer;transition:border-color .15s,transform .1s}.sb-pop-chip:hover{border-color:var(--ink-400);transform:scale(1.1)}.sb-pop-chip.active{border-color:var(--ink-900);border-width:2px}.sb-pop-options{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.sb-pop-opt{font-family:var(--f-mono);font-size:12px;color:var(--ink-500);background:var(--warm-50);border:1px solid var(--warm-200);padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.sb-pop-opt.active,.sb-pop-opt:hover{color:var(--ink-900);background:var(--warm-100)}.sb-pop-opt.active{border-color:var(--ink-900)}.sb-pop-font-list{max-height:240px;overflow-y:auto;border:1px solid var(--warm-200);border-radius:var(--r-md);margin-top:4px;background:var(--white)}.sb-pop-font-item{display:block;font-size:13px;font-weight:400;padding:8px 12px;color:var(--ink-700);cursor:pointer;transition:background .1s;border-bottom:1px solid var(--warm-100)}.sb-pop-font-item:last-child{border-bottom:none}.sb-pop-font-item:hover{background:var(--warm-50)}.sb-pop-font-item.active{background:var(--amber-soft);color:var(--amber);font-weight:500}.sb-pop-font-cat{display:block;font-family:var(--f-mono);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-400);padding:10px 12px 4px;background:var(--warm-50);border-bottom:1px solid var(--warm-100);position:sticky;top:0;z-index:1}.sb-pop-font-cat:first-child{border-top:none}.sb-pop-kw{max-height:160px;overflow-y:auto;margin-top:8px}.sb-pop-kw-item{display:flex;justify-content:space-between;padding:5px 6px;border-radius:var(--r-sm);cursor:pointer;font-family:var(--f-mono);font-size:12px;transition:background .1s}.sb-pop-kw-item:hover{background:var(--warm-50)}.sb-pop-kw-item span:first-child{color:var(--ink-900)}.sb-pop-kw-item span:last-child{color:var(--ink-400)}.sb-pop-tabs{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--warm-200);border-radius:var(--r-sm);overflow:hidden}.sb-pop-tab{flex:1;padding:6px 0;text-align:center;font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--ink-400);background:transparent;cursor:pointer;transition:all .15s;border:none}.sb-pop-tab.active,.sb-pop-tab:hover{color:var(--ink-900)}.sb-pop-tab.active{background:var(--warm-50)}.sb-pop-tab-content{display:none}.sb-pop-tab-content.active{display:block}.sb-pop-ratio-row{display:flex;gap:4px;flex-wrap:wrap}.sb-pop-ratio-btn{font-family:var(--f-mono);font-size:11px;color:var(--ink-500);background:var(--warm-50);border:1px solid var(--warm-200);padding:4px 10px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.sb-pop-ratio-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}.sb-preview{background:var(--warm-50);position:relative}.sb-preview-viewport{overflow:auto;max-height:480px;cursor:grab;background:repeating-conic-gradient(var(--warm-100) 0 25%,var(--white) 0 50%) 0 0/16px 16px;scrollbar-width:thin;scrollbar-color:var(--warm-300) transparent;display:flex;align-items:center;justify-content:center;min-height:120px}.sb-preview-viewport:active{cursor:grabbing}.sb-preview-viewport::-webkit-scrollbar{width:6px;height:6px}.sb-preview-viewport::-webkit-scrollbar-track{background:transparent}.sb-preview-viewport::-webkit-scrollbar-thumb{background:var(--warm-300);border-radius:3px}.sb-preview-viewport img{display:block;image-rendering:auto;flex-shrink:0;margin:auto}.sb-preview-hint{position:absolute;top:8px;right:8px;font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--ink-500);background:var(--white);border:1px solid var(--warm-200);padding:3px 8px;border-radius:var(--r-sm);pointer-events:none;opacity:0;transition:opacity .3s}.sb-preview-hint.visible{opacity:1}.sb-preview-fit{position:absolute;top:8px;left:8px;font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--ink-500);background:var(--white);border:1px solid var(--warm-200);padding:3px 8px;border-radius:var(--r-sm);cursor:pointer;transition:color .15s;z-index:2;display:none}.sb-preview-fit:hover{color:var(--ink-900)}.sb-preview-fit.visible{display:block}.sb-response{display:none;padding:8px 24px;border-top:1px solid var(--warm-100);font-family:var(--f-mono);font-size:10px;color:var(--ink-400);gap:16px;align-items:center;flex-wrap:wrap}.sb-response.has-data{display:flex}.sb-response-item{display:flex;align-items:center;gap:4px}.sb-response-label{color:var(--ink-400)}.sb-response-val{color:var(--ink-600)}.sb-response-val--fast{color:var(--green)}.sb-response-val--med{color:#92400e}.sb-ref-toggle{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-500);background:var(--white);border:1px solid var(--warm-200);padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;white-space:nowrap;margin-left:auto}.sb-ref-toggle:hover{color:var(--ink-900);border-color:var(--warm-300)}.sb-ref-toggle.active{color:var(--white);background:var(--navy);border-color:var(--navy)}.sb-ref-drawer{display:none;border-top:1px solid var(--warm-200);background:var(--warm-50);max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warm-300) transparent;position:relative}.sb-ref-drawer.open{display:block}.sb-ref-drawer:after{content:"";position:sticky;bottom:0;left:0;right:0;display:block;height:32px;background:linear-gradient(transparent,var(--warm-50));pointer-events:none}.sb-ref-drawer::-webkit-scrollbar{width:6px}.sb-ref-drawer::-webkit-scrollbar-track{background:transparent}.sb-ref-drawer::-webkit-scrollbar-thumb{background:var(--warm-300);border-radius:3px}.sb-ref-drawer .ref-nav{display:flex;flex-wrap:wrap;gap:0;padding:0;position:sticky;top:0;z-index:2;background:var(--warm-50);border-bottom:1px solid var(--warm-200)}.sb-ref-drawer .ref-group-btn{padding:10px;font-size:11px;border-radius:0;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink-400);gap:4px;white-space:nowrap}.sb-ref-drawer .ref-group-btn:hover{color:var(--ink-900)}.sb-ref-drawer .ref-group-btn.active{color:var(--ink-900);border-bottom-color:var(--ink-900);background:transparent}.ref-popout-btn{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-400);cursor:pointer;transition:color .15s;margin-left:auto}.ref-popout-btn:hover{color:var(--ink-900)}.sb-ref-drawer .ref-group-count{font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--ink-400);background:var(--warm-100);padding:2px 6px;border-radius:100px;margin-left:2px}.sb-ref-drawer .ref-table{font-size:13px}.sb-ref-drawer .ref-table th{padding:8px 12px;font-size:8px}.sb-ref-drawer .ref-table td{padding:10px 12px;font-size:13px}.sb-ref-drawer .ref-table td code{font-size:11px;padding:2px 6px}.sb-export{border-radius:0 0 var(--r-xl) var(--r-xl);display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--warm-50);border-top:1px solid var(--warm-200);flex-wrap:wrap;overflow:visible;position:relative}.sb-export-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);margin-right:4px}.sb-export-btn,.sb-export-label{font-family:var(--f-mono);font-weight:500;white-space:nowrap}.sb-export-btn{font-size:11px;line-height:1;color:var(--ink-500);background:var(--white);border:1px solid var(--warm-200);padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center}.sb-export-btn:hover{color:var(--ink-900);border-color:var(--warm-300)}.sb-export-btn.is-copied{color:var(--green);border-color:#15803d40}.sb-export-sep{width:1px;height:16px;background:var(--warm-200);margin:0 4px;flex-shrink:0}.sb-export-btn--accent{color:var(--ink-900)}.sb-export-drop{position:relative}.sb-export-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--white);border:1px solid var(--warm-200);border-radius:var(--r-md);box-shadow:var(--shadow-md);min-width:140px;z-index:20;overflow:hidden}.sb-export-menu.open{display:block}.sb-export-menu-item{display:block;width:100%;text-align:left;padding:10px 14px;font-family:var(--f-mono);font-size:11px;color:var(--ink-600);background:none;border:none;cursor:pointer;transition:background .1s}.sb-export-menu-item:hover{background:var(--warm-50);color:var(--ink-900)}.sb-export-menu-item+.sb-export-menu-item{border-top:1px solid var(--warm-100)}.sb-export-menu-label{font-family:var(--f-mono);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400);padding:8px 12px 4px}.sb-export-menu--wide{min-width:200px}.sb-export-snippet-toggle{color:var(--ink-400);font-style:italic}.sb-export-snippet-toggle:hover{color:var(--ink-900)}.sb-export-snippet-panel{display:none;padding:0 6px 4px}.sb-export-snippet-panel.open{display:block}.sb-export-btn--accent2{color:var(--ink-900);font-weight:500}.sb-export-lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:4px 6px}.sb-export-lang-grid .sb-export-menu-item{text-align:center;padding:6px 4px;font-size:10px;border-radius:var(--r-sm)}.sb-export-lang-grid .sb-export-menu-item+.sb-export-menu-item{border-top:none}.sb-export-menu-divider{height:1px;background:var(--warm-200);margin:4px 0}.sb-export-zip{font-weight:500;color:var(--ink-900);border-top:none}.sb-export-btn--zip{background:transparent;color:var(--ink-400);border:1px solid var(--warm-200);font-weight:400}.sb-export-btn--zip:hover{color:var(--ink-600);border-color:var(--warm-300)}@media(max-width:768px){.sb-address{padding:16px;font-size:13px}.sb-toolbar-presets{display:none}.sb-popover{min-width:180px;max-width:calc(100vw - 60px)}.sb-export{padding:10px 12px;gap:4px}.sb-export-btn{font-size:10px;padding:3px 6px}.sb-preview-viewport{max-height:300px}}@media(max-width:480px){.sb-address{padding:12px;font-size:11px}.sb-toolbar{padding:8px 12px}.sb-preview-viewport{max-height:200px}}.curl-block{background:var(--ink-900);border-radius:var(--r-md);padding:16px 20px;font-family:var(--f-mono);font-size:12px;color:#ffffffb3;line-height:1.8;overflow-x:auto;position:relative;margin-bottom:16px;white-space:pre;word-break:break-all;white-space:pre-wrap}.curl-block .curl-cmd{color:#4ade80}.curl-block .curl-url{color:#ffffffe6}.curl-block .curl-comment{color:#ffffff40}.curl-copy{position:absolute;top:10px;right:10px;font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--white);background:var(--navy);border:1px solid var(--navy);padding:5px 12px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.curl-copy:hover{background:var(--navy-mid)}.curl-copy.is-copied{color:#4ade80;background:transparent;border-color:#4ade8040}.helper-block .curl-copy{color:var(--white);background:var(--navy);border-color:var(--navy);font-weight:500;padding:5px 12px}.helper-block .curl-copy:hover{background:var(--navy-mid)}.helper-block .curl-copy.is-copied{color:#4ade80;background:transparent;border-color:#4ade8040}.helper-block{background:var(--ink-900);border-radius:var(--r-md);padding:16px 20px;font-family:var(--f-mono);font-size:12px;color:#ffffffb3;line-height:1.7;overflow-x:auto;position:relative;white-space:pre-wrap;word-break:break-all}.helper-kw{color:#c084fc}.helper-fn{color:#22d3ee}.helper-str{color:#4ade80}.helper-cmt{color:#ffffff40}.helper-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px 0;flex-wrap:wrap;justify-content:space-between}.helper-tabs::-webkit-scrollbar{display:none}.helper-tab{padding:5px 11px;text-align:center;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-500);background:var(--warm-50);cursor:pointer;transition:all .15s;border:1px solid var(--warm-200);white-space:nowrap;flex-shrink:0;border-radius:100px}.helper-tab:hover{color:var(--ink-900);border-color:var(--warm-300);background:var(--warm-100)}.helper-tab.active{color:var(--white);background:var(--navy);border-color:var(--navy)}.helper-panel{display:none}.helper-panel.active{display:block}.plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.plugin-card{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--r-lg);padding:32px 28px;display:flex;flex-direction:column}.plugin-card-logo{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px}.plugin-card h4{font-family:var(--f-serif);font-weight:400;font-size:20px;color:#fff;margin-bottom:8px}.plugin-card p{font-family:var(--f-sans);font-size:13px;font-weight:300;color:#ffffff80;line-height:1.6;margin-bottom:24px;flex:1}.plugin-card-form{display:flex;gap:8px}.plugin-card-email{flex:1;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--r-md);padding:10px 14px;font-family:var(--f-mono);font-size:12px;color:#ffffffb3;outline:none;transition:border-color .15s;min-width:0}.plugin-card-email::-moz-placeholder{color:#fff3}.plugin-card-email::placeholder{color:#fff3}.plugin-card-email:focus-visible{border-color:#fff9;outline:2px solid hsla(0,0%,100%,.6);outline-offset:2px}.plugin-card-btn{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--navy);background:#fff;border:none;padding:10px 16px;border-radius:var(--r-md);cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.plugin-card-btn:hover{background:#ffffffd9}.plugin-card-btn:disabled{opacity:.5;cursor:wait}.plugin-card-msg{font-family:var(--f-mono);font-size:10px;color:#ffffff4d;margin-top:8px;min-height:14px}.plugin-card-msg--ok{color:#4ade80}.plugin-card-msg--err{color:#f87171}.plugin-card-counter{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.06)}.plugin-card-bar{flex:1;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.plugin-card-fill{height:100%;background:#ffffff4d;border-radius:2px;transition:width .5s}.plugin-card-count{font-family:var(--f-mono);font-size:10px;color:#ffffff4d;white-space:nowrap}.plugin-card-tag{display:inline-block;margin-top:16px;padding:4px 10px;border-radius:4px;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.plugin-card-tag--soon{background:#63dca826;color:#63dca8}.plugin-card-tag--roadmap{background:#ffffff14;color:#fff6}@media(max-width:1024px){.plugin-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.plugin-grid{grid-template-columns:1fr}.plugin-card{padding:24px}}.ref-table{width:100%;border-collapse:collapse}.ref-table th{font-family:var(--f-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);text-align:left;padding:12px 16px;border-bottom:1px solid var(--warm-200)}.ref-table td{font-size:14px;font-weight:300;color:var(--ink-600);padding:14px 16px;border-bottom:1px solid var(--warm-100)}.ref-table td code{font-family:var(--f-mono);font-size:12px;color:var(--ink-600);background:none;padding:0;border-radius:0;border:none}.ref-table td code[data-load]{color:var(--ink-900);background:var(--warm-50);padding:3px 8px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.ref-table td code[data-load]:hover{background:var(--white);border-color:var(--warm-300)}.docs-kw-table th{padding:8px;font-size:8px}.docs-kw-table td{padding:8px;font-size:12px}.ref-group-body{display:none;background:var(--white)}.ref-group-body.active{display:block}@media(max-width:768px){.sb-ref-drawer .ref-group-btn{font-size:11px;padding:8px 10px}}.faq-cols{display:flex;gap:48px}.faq-col{flex:1}@media(max-width:768px){.faq-cols{flex-direction:column;gap:0}}.faq-item{border-bottom:1px solid var(--warm-200);padding:0}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-family:var(--f-sans);font-size:15px;font-weight:500;color:var(--ink-900);text-align:left;cursor:pointer;background:none;border:none;gap:16px;transition:color .15s}.faq-q:hover{color:var(--ink-700)}.faq-q svg{width:16px;height:16px;flex-shrink:0;color:var(--ink-400);transition:transform .2s}.faq-item.open .faq-q svg{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-a{max-height:500px;padding-bottom:20px}.faq-a p{font-size:14px;font-weight:300;line-height:1.7;color:var(--ink-600);max-width:600px}.faq-a code{font-family:var(--f-mono);font-size:12px;background:var(--warm-50);padding:2px 6px;border-radius:var(--r-sm)}.about-grid{display:flex;gap:72px;align-items:stretch}.about-nums{flex-shrink:0;width:220px;display:flex;flex-direction:column;justify-content:center;gap:8px}.about-num-block{padding:12px 0}.about-stat-num{font-family:var(--f-serif);font-size:60px;font-weight:400;color:#d97706;line-height:1}.about-stat-label{font-family:var(--f-mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-top:6px}.about-context{flex:1;display:flex;flex-direction:column;justify-content:center}.about-powered{font-family:var(--f-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#d97706;margin-bottom:20px}.about-desc{font-family:var(--f-sans);font-size:15px;font-weight:300;color:#ffffff8c;line-height:1.8;margin-bottom:24px}.about-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.about-proof{font-family:var(--f-mono);font-size:13px;font-weight:400;color:#ffffff4d}.about-attrib{font-family:var(--f-mono);font-size:11px;color:#ffffff40;margin-top:40px}.about-attrib a{color:#fff6;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.about-attrib a:hover{color:#ffffffb3;border-color:#ffffff4d}.btn-white{display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;color:var(--ink-900);background:#fff;padding:10px 20px;border-radius:var(--r-md);transition:background .2s;text-decoration:none}.btn-white:hover{background:var(--warm-50)}.btn-ghost-light{display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;color:#ffffffb3;border:1px solid hsla(0,0%,100%,.2);padding:10px 20px;border-radius:var(--r-md);transition:color .2s,border-color .2s;text-decoration:none}.btn-ghost-light:hover{color:#fff;border-color:#fff6}.in-footer{padding:32px 0 64px;border-top:1px solid var(--warm-200)}.in-footer-right{display:flex;align-items:center;gap:14px}.in-footer-inner{display:flex;justify-content:space-between;align-items:center}.in-footer-left p{font-size:12px;font-weight:300;color:var(--ink-500)}.in-footer-left a{color:var(--ink-600);transition:color .15s}.in-footer-left a:hover{color:var(--ink-900)}.in-footer-right{font-family:var(--f-mono);font-size:10px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.in-footer-right a{color:var(--amber);transition:color .15s}.in-footer-right a:hover{color:var(--ink-900)}.footer-social{color:var(--amber);transition:opacity .15s;opacity:.7}.footer-social:hover{opacity:1}.gdpr-badge{font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--ink-400);letter-spacing:.04em;text-transform:none}.footer-social{color:var(--ink-400);transition:color .15s;display:inline-flex;vertical-align:middle}.footer-social:hover{color:var(--ink-900)}.url-bar{position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--navy);border-top:1px solid hsla(0,0%,100%,.1);padding:0;transform:translateY(100%);transition:transform .3s ease;display:flex;align-items:center}.url-bar.visible{transform:translateY(0)}.url-bar-inner{max-width:1180px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;gap:12px;width:100%;font-family:var(--f-mono);font-size:12px}.url-bar-url{flex:1;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-bar-url .url-bar-domain{color:#ffffff8c}.url-bar-copy{font-family:var(--f-mono);font-size:11px;font-weight:500;color:#fff;background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);padding:5px 14px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.url-bar-copy:hover{background:#ffffff40;border-color:#ffffff59}.url-bar-copy.is-copied{color:#4ade80;border-color:#4ade8040}.url-bar-builder{font-family:var(--f-mono);font-size:11px;color:#ffffffb3;text-decoration:none;white-space:nowrap;transition:color .15s}.url-bar-builder:hover{color:#fff}body.dark .url-bar{background:#0a1628;border-top-color:#ffffff0f}.offline-overlay{display:none;position:fixed;inset:0;z-index:10000;background:var(--white);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.pwa-mode .in-nav-cta,.pwa-mode .in-nav-install,.pwa-mode .in-nav-links{display:none}.pwa-mode .consent-banner,.pwa-mode .in-drawer,.pwa-mode .in-footer,.pwa-mode .in-hero,.pwa-mode .in-section:not(#builder),.pwa-mode .url-bar{display:none!important}.pwa-mode .in-nav{position:static;background:var(--white);border-bottom:1px solid var(--warm-200)}.pwa-mode #builder{padding:0}.pwa-mode #builder .section-header{display:none}.pwa-mode .sandbox,.pwa-mode .sb-export,.pwa-mode .sb-toolbar{border-radius:0}.pwa-mode .sandbox{border:none;box-shadow:none}.pwa-mode .sb-toolbar-dots{display:none}.pwa-mode{background:var(--white)}@media(display-mode:standalone){.in-nav-cta,.in-nav-install,.in-nav-links{display:none}.consent-banner,.in-drawer,.in-footer,.in-hero,.in-section:not(#builder),.url-bar{display:none!important}.in-nav{position:static;background:var(--white);border-bottom:1px solid var(--warm-200)}#builder{padding:0}#builder .section-header{display:none}.sandbox,.sb-export,.sb-toolbar{border-radius:0}.sandbox{border:none;box-shadow:none}.sb-toolbar-dots{display:none}body{background:var(--white)}}.offline-overlay.visible{display:flex}.offline-icon{color:var(--ink-300);margin-bottom:24px}.offline-title{font-family:var(--f-mono);font-size:18px;font-weight:500;color:var(--ink-900);margin-bottom:8px}.offline-desc{font-family:var(--f-sans);font-size:14px;font-weight:300;color:var(--ink-500);margin-bottom:16px}.offline-status{font-family:var(--f-mono);font-size:12px;color:var(--amber)}body.dark .offline-overlay{background:var(--off-white)}.consent-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--navy);color:#fffc;padding:16px 0;border-top:1px solid hsla(0,0%,100%,.1)}.consent-banner.visible{display:block}.consent-inner{max-width:1180px;margin:0 auto;padding:0 52px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.consent-text{flex:1;font-size:13px;font-weight:300;line-height:1.5;min-width:280px}.consent-text a{color:var(--amber);text-decoration:underline}.consent-btns{display:flex;gap:8px;flex-shrink:0}.consent-btn{font-family:var(--f-mono);font-size:11px;font-weight:500;padding:8px 16px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;border:none}.consent-btn--accept{background:var(--white);color:var(--navy)}.consent-btn--accept:hover{background:var(--warm-50)}body.dark .consent-btn--accept{background:var(--ink-900);color:var(--navy)}body.dark .consent-btn--accept:hover{background:var(--ink-700)}.consent-btn--decline{background:transparent;color:#fff9;border:1px solid hsla(0,0%,100%,.15)}.consent-btn--decline:hover{color:var(--white);border-color:#ffffff4d}@media(max-width:768px){.consent-inner{padding:0 20px;gap:12px}.consent-btns{width:100%}.consent-btn{flex:1}}.rv{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.rv.v{opacity:1;transform:none}.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}.rv.d5{transition-delay:.5s}@media(max-width:768px){.in-nav,.wrap{padding:0 20px}.in-nav-links{display:none}.in-nav-hamburger{display:flex}.in-nav-parent{display:none}.in-section{padding:64px 0}.ref-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.ref-table{min-width:520px}.about-grid{flex-direction:column;gap:32px}.about-nums{width:100%;flex-direction:row;gap:24px}.about-num-block{flex:1;text-align:center}.about-stat-num{font-size:36px}.about-bottom{flex-direction:column;align-items:flex-start}.in-footer-inner{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.wrap{padding:0 16px}.in-section{padding:52px 0}.about-bottom{gap:16px}.ref-table-wrap{margin:0 -16px;padding:0 16px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.error-hero[data-v-52be3c7e]{min-height:100vh}.error-content[data-v-52be3c7e]{max-width:520px}.error-content h1[data-v-52be3c7e]{font-family:var(--f-serif);font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.08;color:var(--ink-900);margin-bottom:20px}.error-content h1 em[data-v-52be3c7e]{font-style:italic;color:var(--amber)}.error-content h1 .dot[data-v-52be3c7e]{color:var(--amber)}.error-path[data-v-52be3c7e]{font-family:var(--f-mono);font-size:12px;color:var(--ink-500);margin-bottom:24px}.error-path code[data-v-52be3c7e]{background:var(--warm-50);border:1px solid var(--warm-200);padding:4px 10px;border-radius:var(--r-sm)}.req-verb[data-v-52be3c7e]{color:var(--amber);font-weight:600;margin-right:6px;letter-spacing:.08em}.error-chips[data-v-52be3c7e]{margin-top:32px}.error-chips-label[data-v-52be3c7e]{display:block;font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.error-chips-row[data-v-52be3c7e]{display:flex;flex-wrap:wrap;gap:8px}.error-chip[data-v-52be3c7e]{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--ink-700);background:var(--white);border:1px solid var(--warm-200);padding:8px 14px;border-radius:var(--r-sm);transition:border-color .15s,color .15s,background .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.error-chip[data-v-52be3c7e]:hover{border-color:var(--ink-900);color:var(--ink-900);background:var(--warm-50)}.error-chip span[data-v-52be3c7e]{font-weight:400;font-size:9px;color:var(--ink-500)}.error-visual[data-v-52be3c7e]{display:flex;align-items:center;justify-content:center}.render-frame[data-v-52be3c7e]{display:block;width:100%;max-width:420px;background:var(--white);border:1px solid var(--warm-200);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--f-mono);text-decoration:none;transition:transform .2s,box-shadow .2s}.render-frame[data-v-52be3c7e]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0e0e0c0f,0 24px 64px #0e0e0c1a}.render-canvas[data-v-52be3c7e]{position:relative;aspect-ratio:4/3;background:var(--navy);overflow:hidden}.render-canvas img[data-v-52be3c7e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.render-meta[data-v-52be3c7e]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-500);background:var(--warm-50);border-top:1px solid var(--warm-200)}.render-meta code[data-v-52be3c7e]{color:var(--ink-900);font-family:var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.render-meta-path[data-v-52be3c7e]{min-width:0;flex:1;overflow:hidden}@media(max-width:860px){.error-visual[data-v-52be3c7e]{order:-1}.render-frame[data-v-52be3c7e]{max-width:320px}}@media(max-width:480px){.in-hero-actions .btn-primary[data-v-52be3c7e],.in-hero-actions .btn-secondary[data-v-52be3c7e]{width:100%;justify-content:center}}