@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Geist Variable", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg: #000000;--bg-soft: #050505;--panel: #090909;--panel-raised: #0d0d0d;--panel-hover: #121212;--border: #1f1f1f;--border-strong: #303030;--fg: #fafafa;--fg-secondary: #a1a1aa;--fg-tertiary: #71717a;--fg-quiet: #52525b;--button-primary-bg: #ffffff;--button-primary-fg: #000000;--button-primary-hover: #e5e5e5;--focus: #ffffff;--brand-contrast: #000000;--header-bg: rgba(0, 0, 0, .72);--grid-line: rgba(255, 255, 255, .055);--spotlight: rgba(115, 152, 255, .12);--spotlight-secondary: rgba(255, 255, 255, .045);--selection-bg: rgba(255, 255, 255, .055);--code-bg: #050505;--code-border: #1d1d1d;--code-line-number: #3f3f46;--token-key: #9ecbff;--token-string: #9ee6b8;--token-constant: #f2cc60;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--shadow-lg: 0 30px 100px rgba(0, 0, 0, .52);--shadow-md: 0 16px 44px rgba(0, 0, 0, .28);--panel-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0) 40% );color-scheme:dark}[data-theme=light]{--bg: #ffffff;--bg-soft: #fafafa;--panel: #ffffff;--panel-raised: #fafafa;--panel-hover: #f4f4f5;--border: #eaeaea;--border-strong: #d4d4d4;--fg: #000000;--fg-secondary: #52525b;--fg-tertiary: #7a7a82;--fg-quiet: #a1a1aa;--button-primary-bg: #000000;--button-primary-fg: #ffffff;--button-primary-hover: #2a2a2a;--focus: #000000;--brand-contrast: #ffffff;--header-bg: rgba(255, 255, 255, .78);--grid-line: rgba(0, 0, 0, .055);--spotlight: rgba(0, 110, 255, .075);--spotlight-secondary: rgba(0, 0, 0, .018);--selection-bg: rgba(0, 0, 0, .035);--code-bg: #fafafa;--code-border: #e7e7e7;--code-line-number: #b9b9bf;--token-key: #0550ae;--token-string: #116329;--token-constant: #953800;--success: #15803d;--warning: #a16207;--error: #b91c1c;--shadow-lg: 0 30px 100px rgba(0, 0, 0, .12);--shadow-md: 0 16px 44px rgba(0, 0, 0, .07);--panel-gradient: linear-gradient( 180deg, rgba(0, 0, 0, .015), rgba(0, 0, 0, 0) 40% );color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::selection{background:var(--fg);color:var(--bg)}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img,svg{display:block}p,h1,h2,h3,h4{margin:0}code,kbd,pre{font-family:var(--font-mono)}code{font-size:.92em}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.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}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 14px;border-radius:7px;background:var(--fg);color:var(--bg);font-size:13px;font-weight:500;transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--fg);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.button svg{flex:none}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{background:var(--button-primary-bg);color:var(--button-primary-fg);border-color:var(--button-primary-bg)}.button-primary:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-hover)}.button-secondary{background:var(--panel);color:var(--fg);border-color:var(--border)}.button-secondary:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-strong)}.button-ghost{background:transparent;color:var(--fg-secondary);border-color:transparent}.button-ghost:hover:not(:disabled){color:var(--fg);background:var(--selection-bg)}.button-large{height:46px;padding:0 20px;border-radius:9px;font-size:13.5px}.button-small{height:32px;padding:0 11px;border-radius:7px;font-size:12px}.button-header{height:34px;padding-inline:13px;font-size:12.5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--fg-secondary);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-strong);color:var(--fg)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.text-button{display:inline-flex;align-items:center;gap:6px;padding:5px 2px;background:transparent;color:var(--fg-secondary);font-size:12px;cursor:pointer;transition:color .16s ease}.text-button:hover:not(:disabled){color:var(--fg)}.text-button:disabled{color:var(--fg-quiet);cursor:not-allowed}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:64px;border-bottom:1px solid transparent;background:var(--header-bg);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.site-header:after{position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent);content:""}.site-header-inner{display:flex;align-items:center;width:min(1240px,calc(100% - 48px));height:100%;margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand-mark{width:27px;height:27px;color:var(--fg);--brand-contrast: var(--bg)}.brand-word{font-size:15.5px;font-weight:600;letter-spacing:-.035em}.brand-pill{display:inline-flex;align-items:center;height:20px;margin-left:1px;padding:0 7px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9px;letter-spacing:.015em}.main-nav{display:flex;align-items:center;gap:26px;margin-left:42px}.main-nav a{display:inline-flex;align-items:center;gap:3px;color:var(--fg-secondary);font-size:12.5px;transition:color .15s ease}.main-nav a:hover{color:var(--fg)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.runtime-badge{display:inline-flex;align-items:center;gap:6px;height:26px;margin-right:4px;padding:0 9px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}.runtime-dot{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 12%,transparent)}.hero{position:relative;padding-top:64px;overflow:hidden;background:var(--bg)}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);opacity:.72}.hero-grid-bg:after{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 64% at 50% 20%,transparent 0,var(--bg) 76%);content:""}.hero-spotlight{position:absolute;top:-160px;right:-120px;width:800px;height:650px;border-radius:50%;background:radial-gradient(circle at 45% 40%,var(--spotlight),transparent 58%),radial-gradient(circle at 65% 65%,var(--spotlight-secondary),transparent 54%);filter:blur(16px);pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.94fr);align-items:center;gap:64px;width:min(1240px,calc(100% - 48px));min-height:690px;margin-inline:auto;padding:82px 0 88px}.hero-copy{max-width:620px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px 0 5px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--fg-secondary);font-size:11.5px;box-shadow:inset 0 1px #ffffff08;transition:border-color .16s ease,color .16s ease}.hero-kicker:hover{border-color:var(--border-strong);color:var(--fg)}.hero-kicker svg{color:var(--fg-tertiary)}.kicker-new{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.07em}.hero h1{margin-top:27px;font-size:clamp(50px,5.2vw,72px);font-weight:580;line-height:1.05;letter-spacing:-.06em;text-wrap:balance}.hero-gradient{background:linear-gradient(118deg,var(--fg) 10%,color-mix(in srgb,var(--fg) 62%,var(--fg-tertiary)) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{max-width:560px;margin-top:23px;color:var(--fg-secondary);font-size:16px;line-height:1.72;letter-spacing:-.01em}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.hero-notes{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--fg-tertiary);font-size:11.5px}.hero-notes span{display:inline-flex;align-items:center;gap:6px}.note-separator{width:1px;height:12px;background:var(--border)}.hero-stats{display:flex;align-items:stretch;gap:25px;margin-top:38px;padding-top:24px;border-top:1px solid var(--border)}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat strong{font-family:var(--font-mono);font-size:19px;font-weight:500;letter-spacing:-.04em}.hero-stat span{color:var(--fg-tertiary);font-size:10.5px}.hero-stat-separator{width:1px;background:var(--border)}.hero-preview-wrap{position:relative;width:100%;max-width:570px;margin-left:auto;perspective:1200px}.hero-preview-glow{position:absolute;top:-12%;right:6%;bottom:-10%;left:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--spotlight) 200%,transparent),transparent 67%);filter:blur(40px);opacity:.75}.hero-orbit{position:absolute;border:1px solid var(--border);border-radius:50%;pointer-events:none;opacity:.55}.hero-orbit-one{top:-58px;right:-102px;width:340px;height:340px}.hero-orbit-two{bottom:-76px;left:-130px;width:260px;height:260px;opacity:.35}.config-window{--code-bg: #050506;--code-border: #1d1d20;--code-line-number: #414148;--token-key: #9ecbff;--token-string: #9ee6b8;--token-constant: #f2cc60;position:relative;z-index:2;overflow:hidden;border:1px solid #242427;border-radius:15px;background:#08080a;color:#fafafa;box-shadow:0 0 0 1px #ffffff05 inset,0 34px 100px #000000a3}.config-window:before{position:absolute;inset:0 0 auto;z-index:3;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);content:""}.config-window-bar{display:flex;align-items:center;height:34px;padding:0 12px;border-bottom:1px solid #1d1d20;background:#0a0a0c}.window-lights{display:flex;gap:5px}.window-lights span{width:7px;height:7px;border-radius:50%;background:#303036}.window-lights span:nth-child(1){background:#3b3b42}.window-url{margin-inline:auto;color:#6f6f78;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.02em}.window-secure{display:inline-flex;align-items:center;gap:4px;color:#5f7e68;font-family:var(--font-mono);font-size:8px}.config-modal{padding:19px 19px 16px}.config-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-eyebrow{display:block;margin-bottom:5px;color:#5f5f68;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.11em}.config-modal-head h3{color:#f4f4f5;font-size:15px;font-weight:550;letter-spacing:-.025em}.modal-close{margin-top:3px;color:#6f6f78}.config-tabs{display:flex;align-items:center;gap:2px;margin-top:18px;padding:3px;border:1px solid #1d1d20;border-radius:7px;background:#08080a}.config-tabs span{flex:1;padding:7px 4px;border-radius:5px;color:#777780;font-size:8.5px;text-align:center;white-space:nowrap}.config-tabs span.is-active{background:#17171b;color:#f2f2f3;box-shadow:inset 0 0 0 1px #242429}.config-field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;color:#a9a9b1;font-size:9px}.config-format{padding:3px 6px;border:1px solid #28282d;border-radius:4px;color:#6f6f78;font-family:var(--font-mono);font-size:7.5px}.hero-code-shell{position:relative;overflow:hidden;border:1px solid #1d1d20;border-radius:8px;background:#050506}.hero-code-shell .json-code{max-height:216px;padding:13px 14px;color:#a8a8b1;font-size:9.5px;line-height:1.76}.paste-float{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#141417eb;color:#b9f6ce;font-size:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.config-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.modal-valid{display:inline-flex;align-items:center;gap:6px;color:#71717b;font-family:var(--font-mono);font-size:7.5px}.modal-valid .runtime-dot{width:4px;height:4px;box-shadow:none}.modal-buttons{display:flex;align-items:center;gap:14px;color:#83838c;font-size:8.5px}.modal-save{display:inline-flex;align-items:center;height:25px;padding:0 12px;border-radius:5px;background:#f4f4f5;color:#09090b;font-size:8.5px;font-weight:500}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #26262b;border-radius:10px;background:#0d0d0fe0;color:#f4f4f5;box-shadow:0 14px 40px #0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.float-card strong,.float-card span{display:block}.float-card strong{font-size:9.5px;font-weight:500}.float-card div>span{margin-top:1px;color:#73737c;font-size:8px}.float-card-top{top:-17px;right:-22px;animation:float-card 7s ease-in-out infinite}.float-card-bottom{bottom:33px;left:-36px;animation:float-card 7s 1.2s ease-in-out infinite}.float-icon,.float-check{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #2b2b31;border-radius:6px;color:#b6cdf8}.float-check{border-color:#4ade8038;background:#4ade8012;color:#86efac}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading-copy{max-width:680px}.section-eyebrow,.card-eyebrow{display:block;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9.5px;line-height:1;letter-spacing:.11em}.section-heading h2{margin-top:13px;font-size:clamp(32px,3.3vw,42px);font-weight:570;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}.section-heading p{max-width:620px;margin-top:11px;color:var(--fg-secondary);font-size:14px;line-height:1.65}.section-heading code,.fit-note code,.faq-card code,.output-note code,.custom-domains-foot code{padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--panel-raised);color:var(--fg-secondary);font-size:.88em;white-space:nowrap}.generator-section{position:relative;padding:94px 0 100px;border-top:1px solid var(--border);background:radial-gradient(ellipse 60% 30% at 50% 0,var(--spotlight-secondary),transparent 100%),var(--bg)}.builder-switch-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px;padding-bottom:20px;border-bottom:1px solid var(--border)}.builder-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.builder-switch-button{display:flex;align-items:center;gap:10px;min-width:238px;height:52px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--fg-secondary);text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.builder-switch-button:hover{color:var(--fg)}.builder-switch-button.is-active{border-color:var(--border-strong);background:var(--panel-hover);color:var(--fg);box-shadow:inset 0 1px #ffffff09}.builder-switch-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--fg-tertiary);transition:border-color .16s ease,color .16s ease}.builder-switch-button.is-active .builder-switch-icon{border-color:var(--border-strong);color:var(--fg)}.builder-switch-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.builder-switch-copy strong{font-size:12px;font-weight:520;line-height:1.25;letter-spacing:-.015em;white-space:nowrap}.tab-label-short{display:none}.builder-switch-copy small{color:var(--fg-tertiary);font-size:9px;line-height:1.3;white-space:nowrap}.builder-switch-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:20px;flex:none;padding:0 6px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px}.builder-switch-button.is-active .builder-switch-count{border-color:var(--border-strong);color:var(--fg-secondary)}.builder-switch-error{width:5px;height:5px;flex:none;border-radius:50%;background:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 10%,transparent)}.builder-switch-note{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--fg-quiet);font-family:var(--font-mono);font-size:8.5px}.builder-config-side{display:flex;align-items:flex-end;flex-direction:column;gap:7px;flex:none}.kernel-panel{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.kernel-panel-top{display:flex;align-items:center;gap:9px}.kernel-panel-label{color:var(--fg-quiet);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.kernel-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--panel)}.kernel-option{height:26px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.kernel-option:hover{color:var(--fg)}.kernel-option.is-active{background:var(--fg);color:var(--bg)}.kernel-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kernel-panel-note{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px;line-height:1.4;text-align:right}.builder-view:not([hidden]){animation:builder-view-in .22s ease both}@keyframes builder-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.route-mode-card{margin-top:31px;padding:17px;border:1px solid var(--border);border-radius:11px;background:var(--panel-gradient),var(--panel);overflow:hidden}.route-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.route-mode-heading{max-width:620px}.route-mode-heading h3{margin-top:7px;font-size:16px;font-weight:540;line-height:1.2;letter-spacing:-.025em}.route-mode-heading p{margin-top:7px;color:var(--fg-tertiary);font-size:10.5px;line-height:1.5}.route-mode-state{display:inline-flex;align-items:center;gap:7px;height:25px;flex:none;padding:0 9px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px;white-space:nowrap}.route-mode-state.is-takeover{border-color:var(--border-strong);color:var(--fg-secondary)}.route-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.route-mode-option{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:98px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-secondary);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.route-mode-option:hover{border-color:var(--border-strong);background:var(--panel);color:var(--fg)}.route-mode-option.is-disabled,.route-mode-option.is-disabled:hover{border-color:var(--border);background:var(--bg);color:var(--fg-quiet);cursor:not-allowed;opacity:.55}.route-mode-option.is-active{border-color:var(--fg-tertiary);background:var(--panel-raised);color:var(--fg);box-shadow:inset 0 1px #ffffff09}[data-theme=light] .route-mode-option.is-active{box-shadow:inset 0 1px #ffffffb3}.route-mode-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.route-mode-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--fg-tertiary)}.route-mode-option.is-active .route-mode-icon{border-color:var(--border-strong);color:var(--fg)}.route-mode-copy{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:13px}.route-mode-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.route-mode-title strong{font-size:11.5px;font-weight:520;line-height:1.25;white-space:nowrap}.route-mode-badge{padding:1px 5px;border:1px solid var(--border);border-radius:999px;color:var(--fg-quiet);font-family:var(--font-mono);font-size:7.5px;line-height:1.4;white-space:nowrap}.route-mode-option.is-active .route-mode-badge{border-color:var(--border-strong);color:var(--fg-tertiary)}.route-mode-copy small{color:var(--fg-tertiary);font-size:9.5px;line-height:1.45}.route-mode-check{position:absolute;top:9px;right:9px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--border);border-radius:50%;color:transparent}.route-mode-option.is-active .route-mode-check{border-color:var(--fg);background:var(--fg);color:var(--bg)}.route-mode-foot{display:flex;align-items:flex-start;gap:7px;margin-top:12px;color:var(--fg-tertiary);font-size:9.5px;line-height:1.45}.route-mode-foot svg{flex:none;margin-top:1px;color:var(--fg-quiet)}.route-mode-foot p{margin:0}.route-mode-foot code{color:var(--fg-secondary);font-family:var(--font-mono);font-size:.92em}.selection-summary{display:flex;align-items:center;gap:11px;flex:none;padding-bottom:3px}.selection-summary-value{font-family:var(--font-mono);font-size:34px;font-weight:450;line-height:1;letter-spacing:-.07em}.selection-summary-label{display:flex;flex-direction:column;color:var(--fg-secondary);font-size:11px;line-height:1.3}.selection-summary-label small{color:var(--fg-tertiary);font-size:9.5px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:31px}.search-shell{display:flex;align-items:center;gap:10px;width:min(420px,100%);height:41px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--fg-tertiary);transition:border-color .16s ease,background-color .16s ease}.search-shell:focus-within{border-color:var(--fg-tertiary);background:var(--bg)}.search-shell input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--fg);font-size:12.5px;-webkit-appearance:none}.search-shell input::placeholder{color:var(--fg-tertiary)}.search-shell input::-webkit-search-cancel-button{display:none}.search-shell kbd{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border);border-radius:5px;background:var(--panel-raised);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9px}.search-clear{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:5px;background:transparent;color:var(--fg-tertiary);cursor:pointer}.search-clear:hover{background:var(--panel-hover);color:var(--fg)}.library-actions{display:flex;align-items:center;gap:10px}.action-divider{width:1px;height:12px;background:var(--border)}.preset-row{display:flex;align-items:center;gap:15px;margin-top:15px}.preset-label{flex:none;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.preset-list{display:flex;flex-wrap:wrap;gap:7px}.preset-button{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--fg-secondary);font-size:11.5px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.preset-button svg{color:var(--fg-tertiary)}.preset-button small{color:var(--fg-quiet);font-size:9.5px}.preset-button:hover{border-color:var(--border-strong);background:var(--panel);color:var(--fg)}.preset-button.is-active{border-color:var(--fg-tertiary);background:var(--panel-raised);color:var(--fg)}.preset-button.is-active svg{color:var(--fg)}.preset-button.is-active small{color:var(--fg-tertiary)}.generator-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(360px,.82fr);align-items:start;gap:26px;margin-top:30px}.generator-column{display:flex;flex-direction:column;gap:14px;min-width:0}.settings-card,.category-card,.custom-domains-card,.output-panel,.step-card,.faq-card{background:var(--panel-gradient),var(--panel)}.settings-card{border:1px solid var(--border);border-radius:11px;padding:19px;overflow:hidden}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-heading h3,.library-heading-row h3{margin-top:7px;font-size:16px;font-weight:540;line-height:1.2;letter-spacing:-.025em}.step-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px}.settings-main{display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,1.15fr);align-items:start;gap:28px;margin-top:18px}.tag-field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{display:inline-flex;align-items:center;gap:6px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9px;letter-spacing:.025em}.tag-input-shell{display:flex;align-items:center;height:38px;border:1px solid var(--border);border-radius:7px;background:var(--bg);transition:border-color .15s ease,box-shadow .15s ease}.tag-input-shell:focus-within{border-color:var(--fg-tertiary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 5%,transparent)}.tag-input-shell.is-invalid{border-color:color-mix(in srgb,var(--error) 55%,var(--border))}.tag-prefix{display:flex;align-items:center;justify-content:center;width:31px;flex:none;color:var(--fg-quiet);font-family:var(--font-mono);font-size:12px}.tag-input-shell input{min-width:0;flex:1;height:100%;padding:0 10px 0 0;border:0;outline:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:12px}.tag-input-shell input::placeholder{color:var(--fg-quiet)}.field-help{color:var(--fg-tertiary);font-size:10px;line-height:1.45}.field-help.is-error{color:var(--error)}.tag-source-hint{display:inline-flex;align-items:center;gap:4px;color:var(--fg-quiet);font-family:var(--font-mono);font-size:8px}.setting-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:0;border-radius:7px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.switch-copy{display:flex;flex-direction:column;gap:3px}.switch-copy strong{font-size:12px;font-weight:500}.switch-copy span{color:var(--fg-tertiary);font-size:10.5px;line-height:1.4}.switch-track{position:relative;display:inline-flex;align-items:center;flex:none;width:34px;height:20px;padding:2px;border:1px solid var(--border-strong);border-radius:999px;background:var(--panel-raised);transition:background-color .16s ease,border-color .16s ease}.switch-track>span{width:14px;height:14px;border-radius:50%;background:var(--fg-tertiary);transition:transform .17s ease,background-color .17s ease}.switch-track.is-on{border-color:var(--fg);background:var(--fg)}.switch-track.is-on>span{background:var(--bg);transform:translate(14px)}.advanced-options{display:flex;align-items:flex-start;flex-wrap:wrap;gap:30px;row-gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}.check-option{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.check-option.is-disabled{cursor:not-allowed;opacity:.5}.check-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.check-option-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex:none;margin-top:1px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg);color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.check-option input:checked+.check-option-box{border-color:var(--fg);background:var(--fg);color:var(--bg)}.check-option input:focus-visible+.check-option-box{outline:2px solid var(--focus);outline-offset:2px}.check-option-copy{display:flex;flex-direction:column;gap:2px}.check-option-copy>span{display:inline-flex;align-items:center;gap:4px;color:var(--fg-secondary);font-size:11px}.check-option-copy small{color:var(--fg-tertiary);font-size:9.5px}.inline-info{color:var(--fg-quiet)}.library-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 2px 0}.library-result-count{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:9px}.category-list{display:flex;flex-direction:column;gap:8px}.category-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .17s ease,background-color .17s ease}.category-card:hover,.category-card.is-open{border-color:var(--border-strong)}.category-head{display:flex;align-items:center;min-height:65px}.category-toggle{display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding:12px 11px 12px 13px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.category-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);color:var(--fg-secondary);transition:border-color .16s ease,color .16s ease}.category-toggle:hover .category-icon{border-color:var(--border-strong);color:var(--fg)}.category-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.category-title-row{display:flex;align-items:center;gap:7px;min-width:0}.category-title{overflow:hidden;font-size:13px;font-weight:520;line-height:1.25;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.category-code{flex:none;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:7.5px;letter-spacing:.02em}.category-description{overflow:hidden;color:var(--fg-tertiary);font-size:10.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.category-chevron{flex:none;margin-left:4px;color:var(--fg-quiet);transition:transform .18s ease}.category-card.is-open .category-chevron{transform:rotate(180deg)}.category-side{display:flex;align-items:center;gap:7px;flex:none;padding-right:12px}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 5px;border:1px solid var(--border);border-radius:999px;color:var(--fg-secondary);font-family:var(--font-mono);font-size:8.5px}.category-tag-badge{max-width:110px;overflow:hidden;padding:3px 6px;border:1px solid var(--border);border-radius:4px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.category-tag-badge.is-invalid{border-color:color-mix(in srgb,var(--error) 45%,var(--border));color:var(--error)}.bulk-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg);color:var(--bg);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.bulk-check:hover{border-color:var(--fg-tertiary)}.bulk-check.is-checked{border-color:var(--fg);background:var(--fg);color:var(--bg)}.bulk-check.is-mixed{border-color:var(--fg-tertiary);color:var(--fg)}.category-body{padding:13px;border-top:1px solid var(--border);animation:reveal-body .18s ease both}@keyframes reveal-body{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.category-tag-field{display:flex;align-items:center;gap:10px;margin-bottom:11px;padding:6px 8px 6px 10px;border:1px dashed var(--border-strong);border-radius:7px;background:var(--bg)}.category-tag-field>span{display:inline-flex;align-items:center;gap:5px;flex:none;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px}.category-tag-field input{min-width:0;flex:1;height:25px;border:0;border-radius:4px;outline:0;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:10px}.category-tag-field input.is-invalid{color:var(--error)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-tile{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.service-tile:hover{border-color:var(--border-strong);background:var(--panel-hover)}.service-tile.is-selected{border-color:color-mix(in srgb,var(--fg) 40%,var(--border));background:color-mix(in srgb,var(--fg) 4.5%,var(--panel))}.service-tile input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.service-tile:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.service-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border:1px solid color-mix(in srgb,var(--service-brand) 24%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--service-brand) 12%,var(--panel-raised));color:var(--service-brand);font-family:var(--font-sans);font-size:10px;font-weight:650;letter-spacing:-.03em}.service-mark.is-compact{font-size:8px;letter-spacing:-.04em}.service-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.service-name{overflow:hidden;color:var(--fg);font-size:11.5px;font-weight:480;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.service-meta{overflow:hidden;color:var(--fg-tertiary);font-size:8.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.service-check{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;margin-left:2px;border:1px solid var(--border);border-radius:4px;color:var(--fg-quiet);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.service-tile.is-selected .service-check{border-color:var(--fg);background:var(--fg);color:var(--bg)}.search-empty{display:flex;flex-direction:column;align-items:center;padding:48px 24px;border:1px solid var(--border);border-radius:10px;background:var(--panel);text-align:center}.search-empty-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;color:var(--fg-tertiary)}.search-empty h3{margin-top:14px;font-size:14px;font-weight:500}.search-empty p{margin-top:5px;color:var(--fg-tertiary);font-size:11.5px}.search-empty .button{margin-top:17px}.custom-domains-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .16s ease}.custom-domains-card:hover,.custom-domains-card.is-open{border-color:var(--border-strong)}.custom-domains-head{display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.custom-domains-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--border);border-radius:7px;background:var(--panel-raised);color:var(--fg-secondary)}.custom-domains-title{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.custom-domains-title>span{font-size:12.5px;font-weight:500}.custom-domains-title small{overflow:hidden;color:var(--fg-tertiary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.custom-domains-count{flex:none;padding:3px 7px;border:1px solid var(--border);border-radius:999px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px}.custom-domains-chevron{flex:none;color:var(--fg-quiet);transition:transform .18s ease}.custom-domains-card.is-open .custom-domains-chevron{transform:rotate(180deg)}.custom-domains-body{padding:13px;border-top:1px solid var(--border);animation:reveal-body .18s ease both}.custom-domains-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.mini-tag-field{display:flex;align-items:center;gap:7px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px}.mini-tag-field input{width:128px;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:5px;outline:none;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:9.5px}.mini-tag-field input:focus{border-color:var(--fg-tertiary)}.custom-domains-body textarea{display:block;width:100%;min-height:96px;padding:10px 11px;resize:vertical;border:1px solid var(--border);border-radius:7px;outline:none;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:10px;line-height:1.7;transition:border-color .15s ease}.custom-domains-body textarea:focus{border-color:var(--fg-tertiary)}.custom-domains-body textarea::placeholder{color:var(--fg-quiet)}.custom-domains-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;color:var(--fg-tertiary);font-size:9.5px}.custom-domains-foot code{padding:0 3px;border:0;background:transparent;color:var(--fg-secondary);font-size:.95em}.custom-domains-valid,.custom-domains-invalid{display:inline-flex;align-items:center;gap:4px;flex:none;font-family:var(--font-mono);font-size:8.5px}.custom-domains-valid{color:var(--success)}.custom-domains-invalid{color:var(--error)}.outbound-template-row{margin-top:25px}.outbound-template-button{min-height:32px;padding:0 9px}.outbound-template-button .protocol-mark{margin-left:-2px}.outbound-template-button>svg:last-child{margin-left:2px;color:var(--fg-quiet)}.outbound-generator-grid{margin-top:22px}.protocol-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid color-mix(in srgb,var(--protocol-color) 25%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--protocol-color) 11%,var(--panel-raised));color:var(--protocol-color);font-family:var(--font-mono);font-size:8.5px;font-weight:560;letter-spacing:-.05em}.protocol-mark.is-small{width:20px;height:20px;border-radius:5px;font-size:7px}.outbound-schema-note{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-gradient),var(--panel)}.outbound-schema-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-secondary)}.outbound-schema-copy{min-width:0;flex:1}.outbound-schema-copy>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.outbound-schema-copy strong{font-size:11.5px;font-weight:500}.outbound-schema-copy p{margin-top:5px;color:var(--fg-tertiary);font-size:9.5px;line-height:1.55}.outbound-schema-copy code{padding:1px 4px;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--fg-secondary);font-size:.96em}.schema-doc-link{display:inline-flex;align-items:center;gap:3px;flex:none;margin-top:1px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px;transition:color .15s ease}.schema-doc-link:hover{color:var(--fg)}.outbound-list-heading{margin-top:4px}.outbound-list{display:flex;flex-direction:column;gap:8px}.outbound-card{border:1px solid var(--border);border-radius:10px;background:var(--panel-gradient),var(--panel);overflow:hidden;transition:border-color .16s ease,background-color .16s ease}.outbound-card:hover,.outbound-card.is-open{border-color:var(--border-strong)}.outbound-card.has-errors:not(.is-open){border-color:color-mix(in srgb,var(--error) 26%,var(--border))}.outbound-card-head{display:flex;align-items:center;min-height:64px}.outbound-card-toggle{display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding:12px 8px 12px 13px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.outbound-card-title{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.outbound-card-title-row{display:flex;align-items:center;gap:7px;min-width:0}.outbound-card-title-row strong{overflow:hidden;font-family:var(--font-mono);font-size:11px;font-weight:520;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.outbound-protocol-pill{flex:none;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:7px;letter-spacing:.01em}.outbound-error-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--error)}.outbound-card-meta{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.meta-divider{color:var(--fg-quiet)}.outbound-chevron{flex:none;margin-left:2px;color:var(--fg-quiet);transition:transform .18s ease}.outbound-card.is-open .outbound-chevron{transform:rotate(180deg)}.outbound-remove{width:28px;height:28px;flex:none;margin-right:10px;border-color:transparent;color:var(--fg-quiet)}.outbound-remove:hover:not(:disabled){border-color:color-mix(in srgb,var(--error) 25%,var(--border));background:color-mix(in srgb,var(--error) 6%,transparent);color:var(--error)}.outbound-card-body{padding:14px 14px 15px;border-top:1px solid var(--border);animation:reveal-body .18s ease both}.outbound-inline-errors,.outbound-inline-warning{display:flex;align-items:flex-start;gap:6px;margin-bottom:12px;padding:7px 9px;border:1px solid;border-radius:5px;font-size:9px;line-height:1.45}.outbound-inline-errors{border-color:color-mix(in srgb,var(--error) 24%,var(--border));background:color-mix(in srgb,var(--error) 5%,transparent);color:var(--error)}.outbound-inline-warning{border-color:color-mix(in srgb,var(--warning) 20%,var(--border));background:color-mix(in srgb,var(--warning) 4%,transparent);color:var(--warning)}.outbound-inline-errors svg,.outbound-inline-warning svg{flex:none;margin-top:1px}.outbound-inline-errors span,.outbound-inline-warning span{min-width:0;flex:1}.outbound-inline-errors small{flex:none;font-family:var(--font-mono);font-size:8px}.ob-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.ob-section-label>span{display:inline-flex;align-items:center;gap:5px;color:var(--fg-secondary);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.035em}.ob-section-label>small{overflow:hidden;color:var(--fg-tertiary);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.ob-section-spaced{margin-top:17px}.ob-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.ob-field{display:flex;flex-direction:column;gap:5px;min-width:0}.ob-span-2{grid-column:span 2}.ob-label{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px;line-height:1.2}.ob-hint{color:var(--fg-quiet);font-size:8px;line-height:1.35}.ob-input{display:block;width:100%;height:33px;min-width:0;padding:0 9px;border:1px solid var(--border);border-radius:6px;outline:none;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:10px;transition:border-color .15s ease,background-color .15s ease}.ob-input:hover{border-color:var(--border-strong)}.ob-input:focus{border-color:var(--fg-tertiary);background:var(--panel)}.ob-input::placeholder{color:var(--fg-quiet)}.ob-input[type=number]::-webkit-inner-spin-button,.ob-input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ob-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ob-select{padding-right:24px;cursor:pointer}.outbound-chain-block{margin-top:14px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.outbound-chain-block .ob-section-label{margin-bottom:7px}.outbound-chain-input-row{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;background:var(--panel)}.chain-prefix{display:inline-flex;align-items:center;height:30px;padding:0 8px;border-right:1px solid var(--border);color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px}.outbound-chain-input-row .ob-input{height:30px;border:0;background:transparent}.outbound-chain-hint{margin-top:6px;color:var(--fg-tertiary);font-size:8.5px;line-height:1.5}.outbound-chain-hint code{color:var(--fg-secondary)}.extra-settings{margin-top:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);overflow:hidden}.extra-settings.has-invalid-json{border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.extra-settings summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;color:var(--fg-secondary);cursor:pointer;list-style:none}.extra-settings summary::-webkit-details-marker{display:none}.extra-settings summary>span:first-child{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8.5px}.extra-settings-status{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--fg-quiet);font-family:var(--font-mono);font-size:7.5px}.extra-settings.has-invalid-json .extra-settings-status{color:var(--error)}.extra-settings summary>svg{flex:none;color:var(--fg-quiet);transition:transform .17s ease}.extra-settings[open] summary>svg{transform:rotate(180deg)}.extra-settings-body{padding:10px;border-top:1px solid var(--border)}.extra-settings-body textarea{display:block;width:100%;min-height:90px;padding:8px 9px;resize:vertical;border:1px solid var(--border);border-radius:5px;outline:none;background:var(--panel);color:var(--fg);font-family:var(--font-mono);font-size:9.5px;line-height:1.6}.extra-settings-body textarea:focus{border-color:var(--fg-tertiary)}.extra-settings-body textarea::placeholder{color:var(--fg-quiet)}.extra-settings-body p{margin-top:7px;color:var(--fg-tertiary);font-size:8.5px;line-height:1.5}.extra-settings-body code{color:var(--fg-secondary)}.outbound-empty-list{display:flex;align-items:center;gap:14px;padding:24px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--panel)}.outbound-empty-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--border);border-radius:9px;color:var(--fg-tertiary)}.outbound-empty-list h3{font-size:12.5px;font-weight:510}.outbound-empty-list p{margin-top:4px;color:var(--fg-tertiary);font-size:9.5px;line-height:1.5}.outbound-safety-note{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--fg-tertiary)}.outbound-safety-note svg{flex:none;margin-top:1px}.outbound-safety-note p{font-size:8.5px;line-height:1.55}.output-column{position:sticky;top:84px;min-width:0}.output-panel{overflow:hidden;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md)}.output-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 12px}.panel-kicker{display:flex;align-items:center;gap:6px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.panel-kicker-dot{width:4px;height:4px;border-radius:50%;background:var(--fg-tertiary)}.output-panel h2{margin-top:7px;font-size:19px;font-weight:550;letter-spacing:-.035em}.json-pill{display:inline-flex;align-items:center;height:21px;padding:0 7px;border:1px solid var(--border);border-radius:5px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8px;letter-spacing:.05em}.output-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 13px}.output-status,.output-target{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8.5px}.output-target{color:var(--fg-tertiary)}.output-status.is-valid{color:var(--success)}.output-status.is-error{color:var(--error)}.output-status.is-idle{color:var(--fg-tertiary)}.status-ring{width:7px;height:7px;border:1px solid var(--fg-quiet);border-radius:50%}.output-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.output-stats>div{display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-right:1px solid var(--border)}.output-stats>div:last-child{border-right:0}.output-stats strong{overflow:hidden;font-family:var(--font-mono);font-size:13px;font-weight:470;line-height:1.15;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.output-stats span{color:var(--fg-tertiary);font-size:8.5px}.output-message{display:flex;align-items:flex-start;gap:8px;margin:10px 12px 0;padding:9px 10px;border:1px solid;border-radius:6px;font-size:9.5px;line-height:1.5}.output-message svg{flex:none;margin-top:1px}.output-message p+p{margin-top:3px}.output-message-error{border-color:color-mix(in srgb,var(--error) 25%,var(--border));background:color-mix(in srgb,var(--error) 6%,transparent);color:var(--error)}.output-message-warning{border-color:color-mix(in srgb,var(--warning) 22%,var(--border));background:color-mix(in srgb,var(--warning) 4%,transparent);color:var(--warning)}.output-code-shell{margin:11px 11px 0;overflow:auto;border:1px solid var(--code-border);border-radius:7px;background:var(--code-bg)}.output-code-shell .json-code{max-height:340px;min-height:212px}.json-code{margin:0;padding:12px 0;overflow:auto;color:var(--fg-secondary);font-size:10.5px;line-height:1.7;-moz-tab-size:2;tab-size:2}.code-line{display:flex;min-height:1.7em;padding-right:16px}.code-line-number{width:3.5em;flex:none;padding-right:1em;color:var(--code-line-number);text-align:right;-webkit-user-select:none;user-select:none}.code-line-content{min-width:max-content;white-space:pre}.token-key{color:var(--token-key)}.token-string{color:var(--token-string)}.token-constant{color:var(--token-constant)}.output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:272px;padding:32px 24px;text-align:center}.output-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:15px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--fg-tertiary)}.output-empty h3{font-size:14px;font-weight:520}.output-empty p{max-width:240px;margin-top:6px;color:var(--fg-tertiary);font-size:10.5px;line-height:1.55}.output-empty .button{margin-top:17px}.output-actions{display:flex;gap:7px;padding:11px}.output-copy{flex:1}.download-button{width:38px;height:38px;flex:none}.output-note{display:flex;align-items:flex-start;gap:8px;padding:12px 15px 14px;border-top:1px solid var(--border);color:var(--fg-tertiary)}.output-note svg{flex:none;margin-top:2px}.output-note p{font-size:9.5px;line-height:1.55}.output-note strong{color:var(--fg-secondary);font-weight:500}.output-note code{padding:1px 4px;border:1px solid var(--border);border-radius:3px;background:var(--panel-raised);color:var(--fg-secondary);font-size:.95em}.how-section{padding:94px 0 100px;border-top:1px solid var(--border);background:radial-gradient(ellipse 50% 32% at 85% 0,var(--spotlight-secondary),transparent 100%),var(--bg-soft)}.how-heading{margin-bottom:31px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.step-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:22px;border:1px solid var(--border);border-radius:11px;transition:border-color .17s ease,transform .17s ease}.step-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.step-topline{display:flex;align-items:center;justify-content:space-between}.step-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg-secondary)}.step-number{color:var(--fg-quiet);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.step-card h3{margin-top:28px;font-size:16px;font-weight:530;letter-spacing:-.025em}.step-card p{margin-top:8px;color:var(--fg-secondary);font-size:12px;line-height:1.68}.step-detail{display:inline-flex;align-self:flex-start;margin-top:auto;padding-top:20px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px}.config-path{display:flex;align-items:center;gap:20px;margin-top:13px;padding:13px 16px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.config-path-label{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px}.config-path-items{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--fg-tertiary);font-size:10px}.config-path-items svg{color:var(--fg-quiet)}.config-path-items span{display:inline-flex;align-items:center;height:23px;padding:0 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg)}.config-path-items span.is-active{border-color:var(--fg-tertiary);color:var(--fg)}.fit-note{display:flex;align-items:center;gap:14px;margin-top:13px;padding:17px 18px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(100deg,color-mix(in srgb,var(--success) 5%,transparent),transparent 55%),var(--panel)}.fit-note-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--success) 7%,transparent);color:var(--success)}.fit-note-copy{min-width:0;flex:1}.fit-note-copy h3{font-size:12.5px;font-weight:520}.fit-note-copy p{margin-top:4px;color:var(--fg-secondary);font-size:10.5px;line-height:1.55}.fit-note .button{flex:none}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px}.faq-card{padding:19px 20px;border:1px solid transparent;border-radius:9px;background:transparent}.faq-card:hover{border-color:var(--border);background:var(--panel)}.faq-label{color:var(--fg-quiet);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.faq-card h3{margin-top:12px;font-size:13px;font-weight:520}.faq-card p{margin-top:6px;color:var(--fg-tertiary);font-size:10.5px;line-height:1.65}.site-footer{padding:58px 0 28px;border-top:1px solid var(--border);background:var(--bg)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.footer-brand-block{max-width:330px}.footer-brand{gap:9px}.footer-brand .brand-mark{width:24px;height:24px}.footer-brand-block>p{margin-top:13px;color:var(--fg-tertiary);font-size:11.5px;line-height:1.6}.footer-local{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--fg-quiet);font-family:var(--font-mono);font-size:8.5px}.footer-links{display:flex;gap:74px}.footer-link-group{display:flex;flex-direction:column;gap:9px;min-width:80px}.footer-link-group>span{margin-bottom:3px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase}.footer-link-group a{display:inline-flex;align-items:center;gap:3px;color:var(--fg-secondary);font-size:11px;transition:color .15s ease}.footer-link-group a:hover{color:var(--fg)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:46px;padding-top:20px;border-top:1px solid var(--border);color:var(--fg-quiet);font-size:9.5px}@media(max-width:1120px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:42px}.hero h1{font-size:clamp(46px,5.4vw,62px)}.float-card-top{right:-9px}.float-card-bottom{left:-13px}.generator-grid{grid-template-columns:minmax(0,1.38fr) minmax(340px,.82fr);gap:20px}.preset-button small{display:none}.builder-switch-button{min-width:212px}}@media(max-width:960px){.main-nav{gap:20px;margin-left:28px}.hero-inner{grid-template-columns:1fr;gap:52px;padding-top:74px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(50px,7vw,70px)}.hero-preview-wrap{width:min(100%,640px);max-width:none;margin-inline:auto}.hero-orbit-one{right:-30px}.hero-orbit-two{left:-20px}.float-card-top{right:-5px}.float-card-bottom{left:-5px}.generator-grid{grid-template-columns:1fr}.route-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-column{position:relative;top:auto;order:2}.generator-column{order:1}.output-code-shell .json-code{max-height:400px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card:last-child{grid-column:span 2;min-height:190px}.faq-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--border);margin-top:34px}.faq-card{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:18px 0}}@media(max-width:760px){.container,.site-header-inner,.hero-inner{width:calc(100% - 32px)}.site-header{height:58px}.hero{padding-top:58px}.brand-pill,.runtime-badge,.main-nav{display:none}.header-actions{gap:7px}.hero-inner{min-height:auto;padding:62px 0 66px}.hero h1{font-size:clamp(42px,10.5vw,58px);letter-spacing:-.055em}.hero-subtitle{font-size:14.5px}.hero-kicker{max-width:100%;font-size:10.5px}.hero-stats{gap:20px}.config-modal{padding:16px 14px 14px}.config-tabs{overflow-x:auto}.config-tabs span{flex:none;min-width:74px;padding-inline:10px}.hero-code-shell .json-code{font-size:9px;line-height:1.7}.float-card{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading h2{font-size:32px}.route-mode-head{flex-direction:column;gap:12px}.route-mode-state{align-self:flex-start}.builder-switch-row{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:31px;padding-bottom:16px}.builder-switch{width:100%}.builder-switch-button{flex:1;min-width:0;height:47px;gap:8px}.builder-config-side,.kernel-panel{align-items:stretch}.kernel-panel-top{justify-content:space-between}.kernel-panel-note{text-align:left}.builder-switch-note{justify-content:flex-end}.selection-summary{padding:0}.selection-summary-value{font-size:28px}.generator-section,.how-section{padding:70px 0 74px}.library-toolbar{align-items:stretch;flex-direction:column;gap:10px}.search-shell{width:100%}.library-actions{justify-content:flex-end}.preset-row{align-items:flex-start;flex-direction:column;gap:8px}.outbound-template-row{margin-top:20px}.preset-button{flex:1 1 auto;justify-content:center}.preset-list{width:100%}.settings-main{grid-template-columns:1fr;gap:14px}.setting-switch-row{min-height:46px;padding-top:10px;border-top:1px solid var(--border)}.advanced-options{flex-direction:column;gap:12px}.service-grid{grid-template-columns:1fr}.category-description{white-space:normal}.category-tag-badge{display:none}.custom-domains-topline{align-items:flex-start;flex-direction:column;gap:7px}.mini-tag-field{width:100%;justify-content:space-between}.mini-tag-field input{flex:1;width:auto;max-width:190px}.custom-domains-foot{align-items:flex-start;flex-direction:column;gap:5px}.steps-grid{grid-template-columns:1fr}.step-card,.step-card:last-child{grid-column:auto;min-height:205px}.config-path{align-items:flex-start;flex-direction:column;gap:9px}.fit-note{align-items:flex-start;flex-wrap:wrap}.fit-note .button{margin-left:52px}.footer-inner{flex-direction:column;gap:34px}.footer-links{gap:54px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;margin-top:32px}.ob-form-grid{grid-template-columns:1fr}.ob-span-2{grid-column:auto}.outbound-schema-note{flex-wrap:wrap}.schema-doc-link{margin-left:47px}}@media(max-width:480px){.hero h1{font-size:40px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-notes{align-items:flex-start;flex-direction:column;gap:7px}.hero-notes .note-separator{display:none}.hero-stats{justify-content:space-between;gap:10px}.hero-stat strong{font-size:17px}.hero-stat-separator{display:none}.config-tabs span:nth-child(2),.config-tabs span:nth-child(3){display:none}.config-tabs span{flex:1}.route-mode-card{padding:13px}.route-mode-grid{grid-template-columns:1fr}.route-mode-option{min-height:82px;padding:11px}.config-window-bar{padding-inline:10px}.window-url{font-size:7.5px}.window-secure{display:none}.category-head{min-height:61px}.category-toggle{gap:9px;padding-left:10px}.category-icon{width:31px;height:31px}.category-description{font-size:9.5px}.category-count,.builder-switch-copy small,.tab-label-full{display:none}.tab-label-short{display:inline}.builder-switch-button{min-width:0;height:43px;padding:0 8px}.builder-switch-icon{width:26px;height:26px}.builder-switch-count{min-width:22px;height:18px;padding:0 4px;font-size:7.5px}.builder-switch-note{display:none}.outbound-schema-note{padding:11px}.outbound-schema-copy{flex-basis:calc(100% - 50px)}.schema-doc-link{margin-left:47px}.outbound-card-toggle{padding-left:10px}.outbound-card-title-row{flex-wrap:wrap}.outbound-remove{margin-right:7px}.ob-section-label{align-items:flex-start;flex-direction:column;gap:3px}.ob-section-label>small{white-space:normal}.outbound-empty-list{align-items:flex-start;flex-direction:column}.output-stats>div{padding-inline:11px}.output-code-shell .json-code{max-height:330px}.fit-note .button{margin-left:0}.footer-links{width:100%;justify-content:space-between;gap:24px}}@media(max-width:360px){.hero h1{font-size:34px;letter-spacing:-.05em}.hero-kicker{gap:6px;font-size:9.5px}.builder-switch-button{gap:7px;padding-inline:7px}.builder-switch-count,.builder-switch-error{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}