.si-widget-svpoV{--si-bg: #ffffff;--si-bg-subtle: #f6f7f9;--si-border: #e3e6ea;--si-border-strong: #cfd4da;--si-text: #16181d;--si-text-muted: #5c6470;--si-text-faint: #858d99;--si-danger: #c0362c;--si-danger-bg: #fdf1f0;--si-accent: #2563eb;--si-accent-strong: #1d4ed8;--si-accent-soft: rgba(37, 99, 235, .1);--si-accent-contrast: #ffffff;--si-cat-hue: 220;--si-cat-sl-color: 62% 38%;--si-cat-sl-bg: 70% 96%;--si-cat-sl-border: 50% 86%;--si-cat-sl-solid: 58% 52%;--si-pri-hue: 195;--si-pri-sl-color: 72% 24%;--si-pri-sl-bg: 68% 90%;--si-pri-sl-solid: 62% 48%;--si-radius: 14px;--si-radius-sm: 8px;--si-gap: 1rem;--si-pad: 1.5rem;--si-max-width: 34rem;--si-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--si-shadow: 0 1px 2px rgba(16, 18, 23, .04), 0 8px 24px -12px rgba(16, 18, 23, .18);box-sizing:border-box;width:100%;max-width:var(--si-max-width);margin:0 auto;padding:var(--si-pad);border:1px solid var(--si-border);border-radius:var(--si-radius);background:var(--si-bg);box-shadow:var(--si-shadow);color:var(--si-text);font-family:var(--si-font);font-size:15px;line-height:1.55;text-align:left;color-scheme:light}.si-theme_dark-5pvEO{--si-bg: #16181d;--si-bg-subtle: #1e2128;--si-border: #2c3038;--si-border-strong: #3d434e;--si-text: #eef0f4;--si-text-muted: #a4acba;--si-text-faint: #79818f;--si-danger: #ff8f84;--si-danger-bg: rgba(192, 54, 44, .14);--si-accent: #5b8cff;--si-accent-strong: #7aa1ff;--si-accent-soft: rgba(91, 140, 255, .16);--si-accent-contrast: #0d1017;--si-cat-sl-color: 70% 74%;--si-cat-sl-bg: 40% 18%;--si-cat-sl-border: 35% 28%;--si-cat-sl-solid: 62% 62%;--si-pri-sl-color: 80% 82%;--si-pri-sl-bg: 48% 24%;--si-pri-sl-solid: 65% 62%;--si-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -14px rgba(0, 0, 0, .7);color-scheme:dark}.si-compact-T7o-8{--si-pad: 1rem;--si-gap: .7rem;font-size:14px}.si-widget-svpoV *,.si-widget-svpoV *:before,.si-widget-svpoV *:after{box-sizing:border-box}.si-header-3KT-3{margin:0 0 var(--si-gap)}.si-title-9JyDf{margin:0;color:var(--si-text);font-family:inherit;font-size:1.3rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-shadow:none}.si-subtitle-9ulqf{margin:.35rem 0 0;color:var(--si-text-muted);font-size:.9rem;line-height:1.5}.si-form-u5Tkx{margin:0}.si-fieldWrap-SVMhw{position:relative}.si-textarea-XAuny{display:block;width:100%;min-height:7rem;padding:.75rem .85rem 1.6rem;border:1px solid var(--si-border-strong);border-radius:var(--si-radius-sm);background:var(--si-bg);color:var(--si-text);font-family:inherit;font-size:inherit;line-height:1.55;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.si-textarea-XAuny::placeholder{color:var(--si-text-faint)}.si-textarea-XAuny:focus{border-color:var(--si-accent);box-shadow:0 0 0 3px var(--si-accent-soft);outline:none}.si-textarea-XAuny:disabled{background:var(--si-bg-subtle);cursor:not-allowed}.si-counter-kV6T3{position:absolute;right:.7rem;bottom:.55rem;color:var(--si-text-faint);font-size:.72rem;font-variant-numeric:tabular-nums;pointer-events:none}.si-counterWarn-rEdhl{color:var(--si-danger)}.si-formFooter-qN-4a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.7rem}.si-helper-VITRU{margin:0;color:var(--si-text-faint);font-size:.78rem;line-height:1.4}.si-submit-oD2wg{display:inline-flex;flex-shrink:0;align-items:center;gap:.45rem;padding:.55rem 1.05rem;border:none;border-radius:var(--si-radius-sm);background:var(--si-accent);color:var(--si-accent-contrast);font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.4;text-transform:none;cursor:pointer;transition:background .15s ease,transform .12s ease}.si-submit-oD2wg:hover:not(:disabled){background:var(--si-accent-strong)}.si-submit-oD2wg:active:not(:disabled){transform:translateY(1px)}.si-submit-oD2wg:focus-visible{outline:2px solid var(--si-accent);outline-offset:2px}.si-submit-oD2wg:disabled{opacity:.5;cursor:not-allowed}.si-privacy-eOTH7{display:flex;align-items:center;gap:.35rem;margin:.75rem 0 0;color:var(--si-text-faint);font-size:.75rem}.si-stats-rWQMo{margin-top:calc(var(--si-gap) * 1.4);padding-top:var(--si-gap);border-top:1px solid var(--si-border)}.si-statsHeader--edbL{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.si-statsTitle-kBVlL{color:var(--si-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.si-statsCount-2B-rk{color:var(--si-text-faint);font-size:.75rem;font-variant-numeric:tabular-nums}.si-statsTrack-eumSc{display:flex;gap:2px;height:8px;overflow:hidden;border-radius:999px}.si-statsSegment-nGi5i{min-width:6px;border-radius:999px;background:hsl(var(--si-cat-hue) var(--si-cat-sl-solid));transition:flex-grow .35s ease}.si-legend-4visD{display:flex;flex-wrap:wrap;gap:.4rem .85rem;margin:.65rem 0 0;padding:0;list-style:none}.si-legendItem-A0blc{display:inline-flex;align-items:center;gap:.35rem;color:var(--si-text-muted);font-size:.78rem}.si-legendDot-Wvi3Q{width:8px;height:8px;border-radius:50%;background:hsl(var(--si-cat-hue) var(--si-cat-sl-solid))}.si-legendPip-KK7aA{width:8px;height:8px;border-radius:2px;background:hsl(var(--si-pri-hue) var(--si-pri-sl-solid))}.si-legendCount-3IA2r{color:var(--si-text-faint);font-variant-numeric:tabular-nums}.si-listHeader-xsFP4{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.2rem;margin-top:calc(var(--si-gap) * 1.4)}.si-listTitle--AnTF{color:var(--si-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.si-textButton-7IOSq{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .4rem;border:none;border-radius:var(--si-radius-sm);background:none;color:var(--si-text-faint);font-family:inherit;font-size:.76rem;cursor:pointer;transition:color .15s ease,background .15s ease}.si-textButton-7IOSq:hover{background:var(--si-bg-subtle);color:var(--si-danger)}.si-textButton-7IOSq:focus-visible{outline:2px solid var(--si-accent);outline-offset:1px}.si-list-vIEEr{display:flex;flex-direction:column;gap:.6rem;margin:.7rem 0 0;padding:0;list-style:none}.si-empty-klsSK{margin:.9rem 0 0;padding:1.4rem 1rem;border:1px dashed var(--si-border-strong);border-radius:var(--si-radius-sm);color:var(--si-text-faint);font-size:.85rem;text-align:center}.si-card-Yr4Fy{padding:.9rem 1rem;border:1px solid var(--si-border);border-left:3px solid hsl(var(--si-cat-hue) var(--si-cat-sl-solid));border-radius:var(--si-radius-sm);background:var(--si-bg-subtle);animation:si-siSlideIn-NFhxk .28s ease both}.si-card_pending-WtTRZ{border-left-color:var(--si-border-strong)}.si-card_error-ScUWp{border-left-color:var(--si-danger);background:var(--si-danger-bg)}.si-cardHeader-ICTBp{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.si-cardText-71h60{margin:0;color:var(--si-text);font-size:.92rem;line-height:1.55;overflow-wrap:anywhere}.si-cardActions-darHZ{display:flex;flex-shrink:0;align-items:center;gap:.25rem;opacity:0;transition:opacity .15s ease}.si-card-Yr4Fy:hover .si-cardActions-darHZ,.si-card-Yr4Fy:focus-within .si-cardActions-darHZ{opacity:1}@media(hover:none){.si-cardActions-darHZ{opacity:1}}.si-timestamp--Ooa4{color:var(--si-text-faint);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.si-iconButton-OHH9A{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:5px;background:none;color:var(--si-text-faint);cursor:pointer;transition:color .15s ease,background .15s ease}.si-iconButton-OHH9A:hover{background:var(--si-bg);color:var(--si-text)}.si-iconButton-OHH9A:focus-visible{outline:2px solid var(--si-accent);outline-offset:1px;opacity:1}.si-fields-eSvqy{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.7rem 1rem;margin:.85rem 0 0;padding:.8rem 0 0;border-top:1px solid var(--si-border)}.si-field-iSDfg{display:flex;flex-direction:column;gap:.3rem;min-width:0}.si-fieldWide-q3cAP{grid-column:1 / -1}.si-fieldLabel-0KN0R{color:var(--si-text-faint);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.si-fieldValue-1lM7j{margin:0;min-width:0}.si-summary-r0uXs{margin:.7rem 0 0;color:var(--si-text-muted);font-size:.8rem;font-style:italic}.si-json-SutnA{margin:.75rem 0 0;padding:.7rem .8rem;overflow-x:auto;border:1px solid var(--si-border);border-radius:var(--si-radius-sm);background:var(--si-bg);color:var(--si-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.55}.si-pendingRow-h-7l-,.si-errorRow-aJFpk{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;color:var(--si-text-faint);font-size:.78rem;font-weight:600}.si-errorRow-aJFpk{color:var(--si-danger);font-weight:500}.si-badge-kSZws{display:inline-flex;align-self:flex-start;align-items:center;gap:.35rem;padding:.2rem .55rem;border:1px solid hsl(var(--si-cat-hue) var(--si-cat-sl-border));border-radius:999px;background:hsl(var(--si-cat-hue) var(--si-cat-sl-bg));color:hsl(var(--si-cat-hue) var(--si-cat-sl-color));font-size:.78rem;font-weight:600;white-space:nowrap}.si-badgeSm-VtASR{padding:.1rem .45rem;font-size:.7rem}.si-badgeDot-8Z392{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:hsl(var(--si-cat-hue) var(--si-cat-sl-solid))}.si-priority-SW-oK{display:inline-flex;align-self:flex-start;align-items:center;padding:.2rem .6rem;border-radius:999px;background:hsl(var(--si-pri-hue) var(--si-pri-sl-bg));color:hsl(var(--si-pri-hue) var(--si-pri-sl-color));font-size:.78rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.si-priorityUrgent-EC3xB{animation:si-siPulseBadge-2HWAI 2s ease-in-out infinite}.si-tags-l9rE3{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none}.si-tag-oW5Jq{padding:.15rem .5rem;border:1px solid var(--si-border-strong);border-radius:5px;background:var(--si-bg);color:var(--si-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;white-space:nowrap}.si-tagsSm-lFiKA .si-tag-oW5Jq{font-size:.68rem}.si-confidence-3tuEV{display:flex;align-items:center;gap:.45rem}.si-confidenceTrack-ryXoI{flex:1;min-width:2.5rem;max-width:5rem;height:5px;overflow:hidden;border-radius:999px;background:var(--si-border)}.si-confidenceFill-RuwE-{display:block;height:100%;border-radius:999px;background:hsl(var(--si-cat-hue) var(--si-cat-sl-solid));transition:width .4s ease}.si-confidenceValue-2Z4A1{color:var(--si-text-muted);font-size:.74rem;font-variant-numeric:tabular-nums}.si-pendingDots-S8lQY{display:inline-flex;gap:3px}.si-pendingDots-S8lQY i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:si-siPulse-MlExq 1.2s ease-in-out infinite}.si-pendingDots-S8lQY i:nth-child(2){animation-delay:.15s}.si-pendingDots-S8lQY i:nth-child(3){animation-delay:.3s}.si-spinning-u8HFw{animation:si-siSpin-PuwUW .8s linear infinite}.si-srOnly-FXpDI{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes si-siSlideIn-NFhxk{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes si-siPulse-MlExq{0%,to{opacity:.3}50%{opacity:1}}@keyframes si-siSpin-PuwUW{to{transform:rotate(360deg)}}@keyframes si-siPulseBadge-2HWAI{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px hsl(var(--si-pri-hue) var(--si-pri-sl-bg))}}@media(prefers-reduced-motion:reduce){.si-widget-svpoV *,.si-widget-svpoV *:before,.si-widget-svpoV *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.si-pendingDots-S8lQY i,.si-spinning-u8HFw{animation:none!important;opacity:.7}}@media(max-width:30rem){.si-widget-svpoV{--si-pad: 1.1rem}.si-formFooter-qN-4a{flex-direction:column;align-items:stretch}.si-submit-oD2wg{justify-content:center;width:100%}}:root{--ink: #0d1017;--ink-2: #151922;--paper: #ffffff;--paper-2: #f6f7f9;--line: #e3e6ea;--text: #16181d;--muted: #5c6470;--faint: #858d99;--brand: #2563eb;--brand-soft: rgba(37, 99, 235, .1);--good: #0f766e;--bad: #c0362c;--radius: 14px;--shell: 68rem;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.15}a{color:var(--brand)}code{font-family:var(--mono);font-size:.9em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-3rem;left:1rem;z-index:10;padding:.6rem 1rem;border-radius:0 0 8px 8px;background:var(--brand);color:#fff;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}.hero{position:relative;padding:clamp(4rem,12vw,8rem) 1.5rem clamp(3.5rem,9vw,6rem);overflow:hidden;background-color:var(--ink);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 70% at 70% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(80% 70% at 70% 20%,#000 20%,transparent 75%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(165deg,#0d1017f0 10%,#0d1017b8,#142846db),radial-gradient(70% 60% at 80% 0%,rgba(37,99,235,.4),transparent 70%)}.hero-inner{max-width:var(--shell);margin:0 auto}.eyebrow{margin:0 0 1.1rem;color:#ffffff9e;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:20ch;font-size:clamp(2.1rem,6vw,3.9rem);font-weight:700}.hero-sub{max-width:58ch;margin:1.4rem 0 0;color:#ffffffc2;font-size:clamp(1rem,2.2vw,1.15rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:#fff;color:var(--ink)}.btn-primary:hover{background:#ffffffe0}.btn-ghost{border-color:#ffffff47;color:#fff}.btn-ghost:hover{border-color:#fff9;background:#ffffff12}.hero-stats{display:flex;flex-wrap:wrap;gap:2.5rem;margin:3rem 0 0;padding:1.6rem 0 0;border-top:1px solid rgba(255,255,255,.14);list-style:none}.hero-stats li{color:#ffffff9e;font-size:.86rem}.hero-stats strong{display:block;color:#fff;font-size:1.9rem;font-weight:700;letter-spacing:-.02em}.section{max-width:var(--shell);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 1.5rem}.section-alt{max-width:none;background:var(--paper-2);border-block:1px solid var(--line)}.section-alt>*{max-width:var(--shell);margin-inline:auto}.section-head{max-width:62ch;margin:0 auto 2.5rem;text-align:center}.section-head h2{font-size:clamp(1.6rem,4vw,2.3rem)}.section-head p{margin:.8rem 0 0;color:var(--muted);font-size:1.02rem}.playground{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1.5rem;align-items:start}.playground-sidebar{height:100%}.playground-controls{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto;overscroll-behavior:contain;padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.controls-title{margin-bottom:1.2rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.control+.control{margin-top:1.3rem}.control-label{display:block;margin-bottom:.5rem;font-size:.82rem;font-weight:600}.control-hint{margin:.6rem 0 0;color:var(--faint);font-size:.74rem;line-height:1.45}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2)}.segment{flex:1;padding:.35rem .3rem;border:none;border-radius:6px;background:none;color:var(--muted);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.segment:hover{color:var(--text)}.segment.is-active{background:var(--paper);box-shadow:0 1px 3px #00000017;color:var(--text)}.swatches{display:flex;gap:.45rem}.swatch{width:26px;height:26px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}.swatch:hover{transform:scale(1.12)}.swatch.is-active{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--swatch)}.toggles{display:flex;flex-direction:column;gap:.45rem}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.82rem;cursor:pointer}.toggle input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.samples{display:flex;flex-wrap:wrap;gap:.35rem}.sample{padding:.28rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-family:inherit;font-size:.74rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.sample:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.playground-preview{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);transition:background .25s ease}.playground-preview.is-dark{background:var(--ink-2)}.preview-chrome{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);background:var(--paper)}.playground-preview.is-dark .preview-chrome{border-color:#2c3038;background:#1e2128}.preview-dots{display:flex;gap:5px}.preview-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}.preview-url{flex:1;color:var(--faint);font-family:var(--mono);font-size:.74rem}.preview-reset{padding:.2rem .6rem;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);font-family:inherit;font-size:.72rem;cursor:pointer}.preview-reset:hover{border-color:var(--brand);color:var(--brand)}.preview-stage{padding:clamp(1.25rem,4vw,2.5rem)}.playground-code{grid-column:1 / -1}.tabs{display:flex;gap:.3rem;margin-bottom:.75rem}.tab{padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.tab:hover{color:var(--text)}.tab.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.code{margin:0 auto;overflow:hidden;border:1px solid #22262f;border-radius:var(--radius);background:var(--ink)}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;border-bottom:1px solid #22262f}.code-label{color:#7d8695;font-family:var(--mono);font-size:.72rem}.code-copy{padding:.2rem .65rem;border:1px solid #2f3542;border-radius:6px;background:none;color:#b9c1cd;font-family:inherit;font-size:.72rem;cursor:pointer;transition:background .15s ease,color .15s ease}.code-copy:hover{background:#22262f;color:#fff}.code-body{margin:0;padding:1.1rem;overflow-x:auto;color:#dfe4ec;font-family:var(--mono);font-size:.82rem;line-height:1.65;-moz-tab-size:2;tab-size:2}.inline-code{display:inline-block;margin-top:.9rem;padding:.3rem .6rem;border:1px solid var(--line);border-radius:6px;background:var(--paper-2);color:var(--muted);font-family:var(--mono);font-size:.78rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.1rem}.card{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -20px #0d101766}.card-num{display:block;margin-bottom:.7rem;color:var(--brand);font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.1em}.card h3{font-size:1.12rem}.card p{margin:.6rem 0 0;color:var(--muted);font-size:.92rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.6rem}.split-col{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.bad-title,.good-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}.bad-title:before,.good-title:before{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:.8rem;line-height:1}.bad-title:before{content:"✕";background:var(--bad)}.good-title:before{content:"✓";background:var(--good)}.split-text{margin:.7rem 0 1.2rem;color:var(--muted);font-size:.92rem}.preset-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 auto 2rem;padding:0;list-style:none}.preset-card{flex:0 1 16rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}.preset-card h3{font-size:1.05rem}.preset-prompt{margin:.4rem 0 .9rem;color:var(--muted);font-size:.86rem;font-style:italic}.preset-cats{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none}.preset-cats li{padding:.15rem .5rem;border:1px solid hsl(var(--hue) 40% 86%);border-radius:999px;background:hsl(var(--hue) 70% 97%);color:hsl(var(--hue) 62% 32%);font-size:.72rem;font-weight:600}.architecture{max-width:60rem;margin:0 auto}.arch-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;counter-reset:arch}.arch-step{position:relative;flex:1 1 9.5rem;min-width:0;padding:1rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}.arch-step:not(:last-child):after{content:"›";position:absolute;top:50%;right:-.55rem;z-index:1;transform:translateY(-50%);color:var(--faint);font-size:1.1rem;line-height:1}.arch-client{border-top:3px solid #94a3b8}.arch-server{border-top:3px solid var(--good)}.arch-index{display:block;color:var(--faint);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em}.arch-label{display:block;margin-top:.35rem;font-size:.92rem;font-weight:700}.arch-note{display:block;margin-top:.2rem;color:var(--muted);font-size:.76rem;line-height:1.4}.arch-caption{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;margin:1.1rem 0 0;color:var(--muted);font-size:.8rem}.arch-key{display:inline-block;width:10px;height:10px;margin-right:.1rem;border-radius:3px;vertical-align:middle}.arch-key-client{background:#94a3b8}.arch-key-server{background:var(--good)}.quote{margin:.8rem 0 0;padding:.9rem 1rem;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:var(--paper-2);color:var(--text);font-size:.95rem}.mt{margin-top:1.6rem}.check-list{margin:.9rem 0 0;padding:0;list-style:none}.check-list li{position:relative;margin-bottom:.75rem;padding-left:1.4rem;color:var(--muted);font-size:.9rem}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700}.check-list strong{color:var(--text);font-family:var(--mono);font-size:.86rem}.check-list code{margin-right:.25rem;padding:.05rem .3rem;border-radius:4px;background:var(--paper-2);font-size:.78rem}.detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.6rem 2.4rem}.detail h3{padding-left:.9rem;border-left:3px solid var(--brand);font-size:1rem}.detail p{margin:.55rem 0 0 .9rem;color:var(--muted);font-size:.92rem}.detail code{padding:.1rem .3rem;border-radius:4px;background:var(--paper-2);color:var(--text)}.section-alt .detail code{background:#eceef1}.footer{padding:3rem 1.5rem;background:var(--ink);color:#fff9;font-size:.88rem;text-align:center}.footer a{color:#fff}.footer-fine{max-width:46ch;margin:.7rem auto 0;color:#ffffff61;font-size:.78rem}@media(max-width:34rem){.category-chip{flex:1 1 100%}}@media(max-width:60rem){.playground{grid-template-columns:1fr}.playground-controls{position:static;max-height:none;overflow:visible}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.presets{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.preset{padding:.45rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.preset:hover{border-color:var(--brand);color:var(--brand)}.preset.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.preset:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.cat-list{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.cat-pill{padding:.1rem .45rem;border:1px solid hsl(var(--hue) 40% 86%);border-radius:999px;background:hsl(var(--hue) 70% 97%);color:hsl(var(--hue) 62% 32%);font-size:.7rem;font-weight:600;cursor:default}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 auto;padding:0;list-style:none;counter-reset:step}.step{flex:1 1 16rem;max-width:22rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}.step-num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;margin-bottom:.9rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.9rem;font-weight:700}.step h3{font-size:1.05rem}.step p{margin:.55rem 0 0;color:var(--muted);font-size:.92rem}.step-example{margin-top:1rem!important;padding:.65rem .8rem;border-left:3px solid var(--line);border-radius:0 8px 8px 0;background:var(--paper-2);color:var(--text)!important;font-size:.88rem!important}.step-example-out{border-left-color:var(--brand);color:var(--brand)!important;font-weight:600}.step-example-code{border-left-color:var(--good);color:var(--good)!important;font-family:var(--mono);font-size:.82rem!important}.section-footnote{max-width:46ch;margin:2rem auto 0;color:var(--faint);font-size:.9rem;text-align:center}.split-spaced{margin-top:2.5rem}.card-link{margin:.9rem 0 0!important;font-size:.86rem!important}.card-link a{font-weight:600;text-decoration:none}.card-link a:hover{text-decoration:underline}