:root{color-scheme:light;--bg: #ffffff;--bg-subtle: #fafafb;--surface: #ffffff;--surface-raised: #f6f7f9;--surface-hover: #f0f1f4;--surface-active: #e8eaee;--border: #e6e8ec;--border-strong: #d4d7dd;--text: #0d0f12;--text-secondary: #42474e;--text-muted: #6b727c;--text-disabled: #a0a6b0;--text-on-accent: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-subtle: #eff4ff;--accent-border: #bfd3fe;--success: #0e9f6e;--success-bg: #e7f8f1;--success-border: #a7e8ce;--warning: #b45309;--warning-bg: #fef6e7;--error: #dc2626;--error-bg: #fdecec;--error-border: #f6bfbf;--focus-ring: #3b82f6;--selection-bg: #d6e4ff;--gutter-bg: #fafafb;--gutter-text: #9aa1ac;--line-highlight: #f4f6fa;--error-line-bg: #fdecec;--syntax-key: #1f6feb;--syntax-string: #0a7e4e;--syntax-number: #9a3dd1;--syntax-boolean: #c2410c;--syntax-null: #6b727c;--syntax-punctuation: #6b727c;--syntax-tag: #1f6feb;--syntax-attr: #9a3dd1;--syntax-comment: #8a9099;--shadow-sm: 0 1px 2px rgba(13, 15, 18, .06);--shadow-md: 0 4px 16px rgba(13, 15, 18, .1);--shadow-popover: 0 8px 28px rgba(13, 15, 18, .14);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;--code-fs: 13px;--code-lh: 20px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 16px;--maxw: 1200px}[data-theme=dark]{color-scheme:dark;--bg: #0b0d10;--bg-subtle: #0e1116;--surface: #121519;--surface-raised: #181c22;--surface-hover: #1f242b;--surface-active: #272d35;--border: #23282f;--border-strong: #333a43;--text: #f2f4f7;--text-secondary: #b8bfc9;--text-muted: #828a95;--text-disabled: #565e69;--text-on-accent: #ffffff;--accent: #4d8dff;--accent-hover: #6ba0ff;--accent-active: #3d7bee;--accent-subtle: #15233d;--accent-border: #2c4a78;--success: #34d399;--success-bg: #102a22;--success-border: #1f5544;--warning: #fbbf47;--warning-bg: #2b2310;--error: #f87171;--error-bg: #2a1414;--error-border: #5c2a2a;--focus-ring: #5b9bff;--selection-bg: #1e3a66;--gutter-bg: #0e1116;--gutter-text: #5a626b;--line-highlight: #161a20;--error-line-bg: #2a1414;--syntax-key: #7fb0ff;--syntax-string: #5fd49b;--syntax-number: #c792ea;--syntax-boolean: #f0935c;--syntax-null: #828a95;--syntax-punctuation: #828a95;--syntax-tag: #7fb0ff;--syntax-attr: #c792ea;--syntax-comment: #6b7480;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-popover: 0 10px 34px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.01em;font-weight:600;color:var(--text)}button{font-family:inherit;cursor:pointer}::selection{background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:3px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:3px solid transparent;background-clip:padding-box}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--accent);color:var(--text-on-accent);padding:8px 14px;border-radius:var(--r-md);transition:top .15s ease-out}.skip-link:focus{top:12px;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:16px;height:56px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;letter-spacing:-.02em;color:var(--text)}.wordmark:hover{text-decoration:none}.wordmark svg{width:26px;height:26px;border-radius:7px}.nav{display:flex;align-items:center;gap:2px;margin-left:8px}.nav a{color:var(--text-secondary);font-size:14px;font-weight:500;padding:7px 11px;border-radius:var(--r-sm)}.nav a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-subtle)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.privacy-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:4px 9px;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.privacy-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--r-md);transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn svg{width:18px;height:18px}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out,transform .05s ease-out;white-space:nowrap}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:hover{background:var(--surface-hover);color:var(--text)}.btn:active{background:var(--surface-active);transform:translateY(.5px)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-on-accent)}.btn-primary:active{background:var(--accent-active)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-hover)}.btn-lg{height:44px;padding:0 22px;font-size:15px;border-radius:var(--r-lg)}.btn[aria-pressed=true]{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.btn.is-copied{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.tool-head{padding:26px 0 18px}.tool-head h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem)}.tool-head p{margin-top:8px;color:var(--text-secondary);max-width:70ch;font-size:1.02rem}.tool-shell{height:clamp(460px,72vh,820px)}.formatter{height:100%;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-raised);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-right{margin-left:auto}.toolbar .divider{width:1px;height:22px;background:var(--border);margin:0 2px}.indent-control{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.indent-control select{font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}.banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border);animation:banner-in .16s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.banner-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.banner-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.banner-body strong{font-weight:600}.banner-loc{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.banner-snippet{font-family:var(--font-mono);font-size:12px;white-space:pre;overflow-x:auto;margin-top:4px;padding:6px 8px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--bg) 60%,transparent)}.banner-jump,.banner-close{border:1px solid transparent;background:transparent;color:inherit;border-radius:var(--r-sm);flex-shrink:0}.banner-jump{font-size:12px;font-weight:600;padding:4px 9px;border-color:currentColor;opacity:.85}.banner-jump:hover{opacity:1}.banner-close{font-size:18px;line-height:1;width:24px;height:24px}.banner-close:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.banner.is-error{background:var(--error-bg);color:var(--error);border-bottom-color:var(--error-border)}.banner.is-error .banner-icon{background:var(--error);color:#fff}.banner.is-success{background:var(--success-bg);color:var(--success);border-bottom-color:var(--success-border)}.banner.is-success .banner-icon{background:var(--success);color:#fff}.banner.is-info{background:var(--accent-subtle);color:var(--accent);border-bottom-color:var(--accent-border)}.banner.is-info .banner-icon{background:var(--accent);color:#fff}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-input{border-right:1px solid var(--border)}.pane-head{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface-raised)}.pane-title{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pane-meta{margin-left:auto;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.pane-copy{border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;padding:3px 7px;border-radius:var(--r-sm)}.pane-copy:hover{background:var(--surface-hover);color:var(--text)}.editor{flex:1;min-height:0;display:flex;overflow:hidden;position:relative}.gutter{flex-shrink:0;overflow:hidden;padding:10px 8px 10px 0;text-align:right;background:var(--gutter-bg);border-right:1px solid var(--border);user-select:none}.gutter-inner span,.gutter span{display:block;height:var(--code-lh);line-height:var(--code-lh);font-family:var(--font-mono);font-size:var(--code-fs);color:var(--gutter-text);font-variant-numeric:tabular-nums;padding-left:14px}.gutter span.err{color:var(--error);font-weight:700;background:var(--error-line-bg)}.code-input{flex:1;min-width:0;resize:none;border:none;outline:none;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--code-fs);line-height:var(--code-lh);padding:10px 14px;white-space:pre;overflow:auto;tab-size:2;caret-color:var(--accent);font-variant-ligatures:none}.code-input::placeholder{color:var(--text-disabled)}.output{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;background:var(--surface)}.output:not(.has-content){align-items:stretch}.output .gutter{position:sticky;left:0;z-index:1;padding-top:10px;padding-bottom:10px;min-height:100%}.output .code{flex:1;margin:0;padding:10px 14px;font-family:var(--font-mono);font-size:var(--code-fs);line-height:var(--code-lh);white-space:pre;tab-size:2;font-variant-ligatures:none;min-height:max-content}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-disabled);font-size:14px;padding:24px}.empty-state kbd{font-family:var(--font-mono);font-size:12px;background:var(--surface-raised);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-sm);padding:2px 7px;color:var(--text-muted)}.formatter.is-dragover .pane-input{outline:2px dashed var(--accent);outline-offset:-6px;background:var(--accent-subtle)}.formatter.is-busy{cursor:progress}.formatter.flash-error .code-input{animation:flash .6s ease-out}@keyframes flash{0%,to{background:var(--surface)}30%{background:var(--error-line-bg)}}.tok-key{color:var(--syntax-key)}.tok-string{color:var(--syntax-string)}.tok-number{color:var(--syntax-number)}.tok-boolean{color:var(--syntax-boolean)}.tok-null{color:var(--syntax-null)}.tok-punct{color:var(--syntax-punctuation)}.tok-tag{color:var(--syntax-tag)}.tok-attr{color:var(--syntax-attr)}.tok-comment{color:var(--syntax-comment);font-style:italic}.tok-cdata{color:var(--syntax-string)}.tok-decl{color:var(--syntax-comment)}.tree{font-family:var(--font-mono);font-size:12.5px;line-height:1.7;padding:10px 14px;width:100%}.tree-branch{position:relative}.tree-children{padding-left:16px;margin-left:5px;border-left:1px solid var(--border)}.tree-row{display:flex;align-items:baseline;gap:6px;padding:1px 4px;border-radius:4px}summary.tree-row{cursor:pointer;list-style:none}summary.tree-row::-webkit-details-marker{display:none}summary.tree-row:before{content:"▸";color:var(--text-muted);font-size:10px;width:10px;display:inline-block;transition:transform .14s ease-out}details[open]>summary.tree-row:before{transform:rotate(90deg)}.tree-row:hover{background:var(--surface-hover)}.tree-key{color:var(--syntax-key)}.tree-sep{color:var(--text-muted)}.tree-summary{color:var(--text-muted);font-size:11px}.tree-value{word-break:break-word}main{flex:1}.prose{max-width:760px}.prose.wide{max-width:var(--maxw)}.section{padding:30px 0;border-top:1px solid var(--border)}.section:first-of-type{border-top:none}.section h2{font-size:1.45rem;margin-bottom:14px}.section h3{font-size:1.1rem;margin:22px 0 8px}.section p{color:var(--text-secondary);margin-bottom:12px}.section ul,.section ol{color:var(--text-secondary);padding-left:22px;margin-bottom:12px}.section li{margin-bottom:6px}.section code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-raised);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.section strong{color:var(--text)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:8px 0 4px}.feature{border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;background:var(--surface)}.feature .ic{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--accent-subtle);color:var(--accent);margin-bottom:10px}.feature .ic svg{width:18px;height:18px}.feature h3{font-size:1rem;margin:0 0 4px}.feature p{font-size:.92rem;margin:0;color:var(--text-muted)}.faq details{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;background:var(--surface);overflow:hidden}.faq summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-muted);font-size:20px;font-weight:400;flex-shrink:0}.faq details[open] summary:after{content:"–"}.faq summary:hover{background:var(--surface-hover)}.faq .faq-body{padding:0 16px 14px;color:var(--text-secondary)}.hero{padding:56px 0 30px;text-align:center}.hero h1{font-size:clamp(2rem,1.4rem + 3vw,3.4rem);letter-spacing:-.03em;max-width:18ch;margin-inline:auto}.hero .lead{margin:18px auto 0;max-width:60ch;font-size:1.15rem;color:var(--text-secondary)}.hero-actions{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-badges{margin-top:22px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--text-muted);font-size:.9rem}.hero-badges span{display:inline-flex;align-items:center;gap:7px}.hero-badges svg{width:16px;height:16px;color:var(--success)}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:10px 0 40px}.tool-card{display:block;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;background:var(--surface);transition:border-color .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out}.tool-card:hover{text-decoration:none;border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-card .badge{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-border);padding:4px 10px;border-radius:999px;margin-bottom:12px}.tool-card h2{font-size:1.2rem;margin-bottom:6px}.tool-card p{color:var(--text-muted);font-size:.94rem}.tool-card .arrow{margin-top:12px;color:var(--accent);font-weight:600;font-size:.9rem}.related{display:flex;gap:10px;flex-wrap:wrap}.related a{border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-weight:500;color:var(--text-secondary)}.related a:hover{text-decoration:none;background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.site-footer{border-top:1px solid var(--border);background:var(--bg-subtle);margin-top:20px}.site-footer .container{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-block:28px}.site-footer .cols{display:flex;gap:48px;flex-wrap:wrap}.site-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.site-footer a{display:block;color:var(--text-secondary);font-size:14px;padding:3px 0}.site-footer a:hover{color:var(--text)}.site-footer .wordmark{display:inline-flex;align-items:center;gap:9px;font-size:16px;color:var(--text);margin-bottom:10px}.site-footer .wordmark:hover{color:var(--text)}.site-footer .legal{color:var(--text-muted);font-size:13px;max-width:320px}@media(max-width:860px){.nav,.privacy-chip{display:none}}@media(max-width:760px){.workspace{grid-template-columns:1fr;grid-template-rows:auto auto}.pane-input{border-right:none;border-bottom:1px solid var(--border)}.tool-shell{height:auto}.pane{height:60vh;min-height:280px}.toolbar .btn .btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(pointer:coarse){.btn,.icon-btn{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.code-block{font-family:var(--font-mono);font-size:13px;line-height:1.6;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;overflow-x:auto;margin:6px 0 16px;white-space:pre;-webkit-overflow-scrolling:touch}.code-block code{background:none;border:none;padding:0;font-size:inherit}.errors{list-style:none;padding-left:0!important}.errors li{border-left:3px solid var(--error);background:var(--error-bg);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:10px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.errors li strong{font-family:var(--font-mono);font-size:.86em}.errors li span{color:var(--text-secondary);font-size:.95em}.tool-shell{margin-bottom:8px}.toolmenu{position:relative}.toolmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:7px 11px;border-radius:var(--r-sm)}.toolmenu>summary::-webkit-details-marker{display:none}.toolmenu>summary:hover,.toolmenu[open]>summary{background:var(--surface-hover);color:var(--text)}.toolmenu .chev{transition:transform .15s ease-out}.toolmenu[open] .chev{transform:rotate(180deg)}.toolmenu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:min(760px,92vw);display:grid;grid-template-columns:repeat(2,1fr);gap:6px 24px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-popover);animation:banner-in .14s ease-out}.toolmenu-group{break-inside:avoid}.toolmenu-group h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:6px 0 4px;padding:0 8px}.toolmenu-panel a{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-sm);color:var(--text-secondary);font-size:13.5px}.toolmenu-panel a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.toolmenu-panel a svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.toolmenu-panel a[aria-current=page]{color:var(--accent);background:var(--accent-subtle)}.toolmenu-panel a[aria-current=page] svg{color:var(--accent)}.directory{padding-top:6px}.directory-h{font-size:1.05rem;font-weight:600;color:var(--text-secondary);margin:22px 0 12px}.directory .tool-cards{padding:0 0 10px}.card-ic{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--accent-subtle);color:var(--accent);margin-bottom:12px}.tool-card h3{font-size:1.06rem;margin-bottom:6px}.tool-shell-util{height:auto;margin-bottom:8px}.utility{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.util-skeleton{display:flex;align-items:center;justify-content:center;gap:10px;min-height:360px;color:var(--text-muted);font-size:14px}.util-spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.util-controls{flex-wrap:wrap}.util-workspace{display:grid;grid-template-columns:1fr 1fr}.util-workspace.no-input{grid-template-columns:1fr}.io-col{display:flex;flex-direction:column;min-width:0}.io-inputs{border-right:1px solid var(--border)}.util-workspace .pane{border-bottom:1px solid var(--border)}.io-col .pane:last-child{border-bottom:none}.util-body{display:flex;flex-direction:column;min-height:0}.util-code{flex:1;width:100%;min-height:220px;resize:vertical;white-space:pre-wrap;word-break:break-word;overflow:auto}.pane-line .util-body{padding:10px 14px}.util-field{width:100%;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:8px 10px;outline:none}.util-field:focus{border-color:var(--accent-border)}.field-hint{margin-top:6px;font-size:12px;color:var(--text-muted)}.util-output{display:block;overflow:auto;max-height:560px}.util-output:not(.has-content){min-height:120px}.util-output .code{white-space:pre-wrap;word-break:break-word;min-height:0}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.segmented .seg{border:none;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;padding:7px 12px;border-right:1px solid var(--border)}.segmented .seg:last-child{border-right:none}.segmented .seg:hover:not(.is-active){background:var(--surface-hover);color:var(--text)}.segmented .seg.is-active{background:var(--accent-subtle);color:var(--accent)}.util-control{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.util-control select,.util-num,.util-text{font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 8px}.util-num{width:70px}.util-text{width:130px}.util-swap{padding:0 11px}.banner.is-warning{background:var(--warning-bg);color:var(--warning);border-bottom-color:var(--warning)}.banner.is-warning .banner-icon{background:var(--warning);color:#fff}.kv{padding:10px 14px;font-size:13.5px}.kv-row{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.kv-row:last-child{border-bottom:none}.kv-key{flex:0 0 168px;color:var(--text-muted)}.kv-val{flex:1;font-family:var(--font-mono);word-break:break-word;color:var(--text)}.rx-highlight{font-family:var(--font-mono);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word;padding:12px 14px;border-bottom:1px solid var(--border)}.rx-highlight mark{background:var(--accent-subtle);color:var(--accent);border-radius:3px;padding:0 1px}.rx-list{padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px}.rx-match{border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;font-size:13px}.rx-match-head{font-family:var(--font-mono)}.rx-num{color:var(--accent);font-weight:600}.rx-match code,.rx-groups code{background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:.92em}.rx-groups{list-style:none;padding-left:0;margin:6px 0 0;display:flex;flex-direction:column;gap:3px}.rx-gi{color:var(--text-muted);font-size:12px;margin-right:6px}.rx-undef{color:var(--text-disabled)}.rx-empty{padding:14px;color:var(--text-muted)}.util-output[data-out=preview]{padding:14px 16px;line-height:1.6;color:var(--text-secondary)}.util-output[data-out=preview] h1,.util-output[data-out=preview] h2,.util-output[data-out=preview] h3{color:var(--text);margin:14px 0 8px}.util-output[data-out=preview] :first-child{margin-top:0}.util-output[data-out=preview] p,.util-output[data-out=preview] ul,.util-output[data-out=preview] ol{margin-bottom:10px}.util-output[data-out=preview] ul,.util-output[data-out=preview] ol{padding-left:22px}.util-output[data-out=preview] pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;overflow:auto;margin-bottom:10px}.util-output[data-out=preview] code{font-family:var(--font-mono);font-size:.9em}.util-output[data-out=preview] blockquote{border-left:3px solid var(--border-strong);padding-left:12px;color:var(--text-muted);margin-bottom:10px}.footer-brand{max-width:320px}.footer-h{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:10px;padding:0}.footer-h:hover{color:var(--accent);text-decoration:none}.crumbs{margin-bottom:12px}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.crumbs li{display:inline-flex;align-items:center;gap:6px}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--accent)}.crumbs [aria-current=page]{color:var(--text-secondary)}.crumb-sep{color:var(--text-disabled)}.directory-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:22px 0 12px;flex-wrap:wrap}.directory-head .directory-h{margin:0}.directory-link{font-size:.9rem;font-weight:600;color:var(--accent);white-space:nowrap}.toolmenu-cat{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin:6px 0 4px;padding:0 8px;background:transparent}.toolmenu-cat:hover{color:var(--accent);background:transparent;text-decoration:none}.guide-body .prose{max-width:760px}.guide-body .prose h2{font-size:1.4rem;margin:28px 0 12px}.guide-body .prose h3{font-size:1.12rem;margin:20px 0 8px}.guide-body .prose p,.guide-body .prose li{color:var(--text-secondary)}.guide-body .prose ul,.guide-body .prose ol{padding-left:22px;margin-bottom:12px}.guide-body .prose li{margin-bottom:6px}.guide-body .prose pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;overflow-x:auto;margin:6px 0 16px}.guide-body .prose pre code{background:none;border:none;padding:0;font-size:13px}.guide-body .prose blockquote{border-left:3px solid var(--border-strong);padding-left:14px;color:var(--text-muted);margin:0 0 14px}.guide-cta{padding-top:4px}@media(max-width:760px){.util-workspace,.util-workspace.no-input{grid-template-columns:1fr}.io-inputs{border-right:none;border-bottom:1px solid var(--border)}.toolmenu-panel{grid-template-columns:1fr}.kv-key{flex-basis:120px}}