body.settings-gateway-app{margin:0;background:var(--bg)}.settings-gateway{box-sizing:border-box;width:100%;max-width:840px;min-width:0;margin:0 auto;padding:32px 24px;font-family:var(--font-sans, system-ui);font-size:.875rem;line-height:1.5;color:var(--text)}.settings-gateway *{box-sizing:border-box}.settings-gateway-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-gateway-header>svg{color:var(--muted-foreground);width:24px;height:24px;flex:none}.settings-gateway-header span,.settings-gateway p,.settings-gateway footer{color:var(--muted-foreground)}.settings-gateway h1{font-size:1.5rem;line-height:1.35;font-weight:600;letter-spacing:-.03em;margin:8px 0}.settings-gateway h2{font-size:.875rem;line-height:1.5;font-weight:600;margin:0 0 8px}.settings-gateway h3{font-size:.875rem;font-weight:600;margin:0;overflow-wrap:anywhere}.settings-gateway p{margin:8px 0 16px;overflow-wrap:anywhere}.settings-gateway-intro{max-width:65ch}.settings-gateway>section{margin:24px 0;padding:16px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:12px}.settings-gateway form,.settings-gateway label{display:grid;gap:8px;min-width:0}.settings-gateway form{gap:16px}.settings-gateway label{font-weight:500}.settings-gateway :is(input:not([type=checkbox]),select){width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);padding:8px 12px;color:var(--text);font:inherit;font-weight:400}.settings-gateway input::placeholder{color:var(--muted-foreground)}.settings-gateway :is(input,select):disabled{opacity:.6;cursor:not-allowed}.settings-gateway :is(button,.settings-gateway-actions>a){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1)}.settings-gateway :is(button,.settings-gateway-actions>a):hover:not(:disabled){background:var(--surface-2)}.settings-gateway button.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}.settings-gateway button.primary:hover:not(:disabled){background:var(--primary);opacity:.92}.settings-gateway button.danger{color:var(--danger);background:transparent;border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}.settings-gateway button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent)}.settings-gateway button:disabled{opacity:.55;cursor:not-allowed}.settings-gateway :is(button,input,select,a):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.settings-gateway button svg,.settings-gateway-actions>a svg{width:16px;height:16px;flex:none}.settings-gateway form>button{justify-self:start}.settings-gateway-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.settings-gateway-row,.settings-gateway-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.settings-gateway-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-gateway article{padding:16px 0;border-top:1px solid var(--line);min-width:0}.settings-gateway article p{margin-bottom:0}.settings-gateway-host{margin-top:16px;padding:16px;background:var(--surface-2);border-radius:var(--control-radius)}.settings-gateway-host span{color:var(--muted-foreground);font-size:.875rem}.settings-gateway label.settings-gateway-access{display:flex;align-items:center;gap:12px;min-height:44px;padding-top:8px;font-weight:400}.settings-gateway-access input{width:20px;height:20px;flex:none;accent-color:var(--primary)}.settings-gateway-message{padding:16px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--control-radius)}.settings-gateway-message>svg{vertical-align:middle;margin-right:4px}.settings-gateway .error{color:var(--danger);border-color:var(--danger)}.settings-gateway-message .settings-gateway-actions{margin-top:12px}.settings-gateway footer{font-size:.875rem;padding-bottom:24px}.settings-gateway-status{color:var(--muted-foreground);font-size:.875rem}.settings-gateway-status[data-state=connected]{color:var(--success)}.settings-gateway-status[data-state=error]{color:var(--danger)}.settings-gateway-desktop{padding:2.25rem clamp(1.2rem,3.5vw,3.5rem) 4rem}.settings-gateway-desktop>.settings-section-head h1{margin:0;font-size:clamp(1.5rem,2.5vw,1.85rem)}.settings-gateway-desktop>.settings-section-head p{margin:.35rem 0 0;font-size:.84rem}.settings-gateway-desktop :is(button,.settings-gateway-actions>a,input:not([type=checkbox]),select){min-height:34px;font-size:.8125rem}.settings-gateway-pair-form{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-gateway-pair-form>button{grid-column:1 / -1}.settings-gateway.settings-gateway-embedded{max-width:none;padding:0;margin:32px 0 0}.settings-gateway-embedded>.settings-gateway-header{margin-bottom:8px}.settings-gateway-embedded>.settings-gateway-header h2{margin:0}@media(max-width:600px){.settings-gateway{padding:24px 16px}.settings-gateway.settings-gateway-embedded{padding:0}.settings-gateway-inline,.settings-gateway-pair-form{grid-template-columns:1fr}.settings-gateway :is(button,.settings-gateway-actions>a,input:not([type=checkbox]),select){min-height:44px}.settings-gateway form>button{justify-self:stretch}}:root{--color-zinc-25: oklch(99.2% 0 0);--color-zinc-50: oklch(.985 0 0);--color-zinc-100: oklch(.967 .001 286.375);--color-zinc-200: oklch(.92 .004 286.32);--color-zinc-300: oklch(.871 .006 286.286);--color-zinc-400: oklch(.705 .015 286.067);--color-zinc-500: oklch(.552 .016 285.938);--color-zinc-600: oklch(.442 .017 285.786);--color-zinc-700: oklch(.37 .013 285.805);--color-zinc-800: oklch(.274 .006 286.033);--color-zinc-900: oklch(.21 .006 285.885);--color-zinc-950: oklch(.141 .005 285.823);--color-neutral-100: oklch(.97 0 0);--color-neutral-500: oklch(.556 0 0);--color-neutral-950: oklch(.145 0 0);--color-white: #ffffff;--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-700: oklch(.505 .213 27.518);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-700: oklch(.488 .243 264.376);--color-emerald-400: oklch(.792 .209 151.711);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-700: oklch(.527 .154 160.026);--color-amber-400: oklch(.828 .189 84.429);--color-amber-500: oklch(.769 .188 70.08);--color-amber-700: oklch(.555 .163 48.998);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--app-scrollbar-width: 6px;--app-scrollbar-thumb: rgb(217 217 217);--app-scrollbar-thumb-hover: rgb(191 191 191);--control-radius: .5rem;--sidebar-content-inset: .5rem;--sidebar-control-gap: .5rem;--sidebar-row-content-inset: .625rem;--command-shell-inset: .5rem;--command-content-inset: 1rem;--floating-content-inset: .75rem;--glass-blur: 12px;--glass-opacity: 80%;--glass-saturation: 1.14;--radius: .625rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-2xl: calc(var(--radius) + 8px);--radius-3xl: calc(var(--radius) + 12px);--radius-4xl: calc(var(--radius) + 16px);--workspace-topbar-height: 52px;--surface-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}:root,html[data-theme=light],:root[data-theme=light]{color-scheme:light;--background: var(--color-zinc-25);--app-chrome-background: var(--background);--surface-raised: color-mix(in srgb, var(--card) 20%, transparent);--foreground: var(--color-zinc-800);--card: var(--color-white);--card-foreground: var(--color-zinc-800);--popover: var(--color-white);--popover-foreground: var(--color-zinc-800);--primary: oklch(.488 .217 264);--primary-foreground: var(--color-white);--secondary: var(--color-zinc-50);--secondary-foreground: var(--color-zinc-800);--muted: var(--color-zinc-50);--muted-foreground: var(--color-zinc-500);--accent: var(--color-zinc-100);--accent-foreground: var(--color-zinc-900);--destructive: var(--color-red-500);--destructive-foreground: var(--color-red-700);--border: var(--color-zinc-200);--input: var(--color-zinc-300);--ring: oklch(.488 .217 264);--info: var(--color-blue-500);--info-foreground: var(--color-blue-700);--success: var(--color-emerald-500);--success-foreground: var(--color-emerald-700);--warning: var(--color-amber-500);--warning-foreground: var(--color-amber-700);--sidebar: var(--color-zinc-50);--sidebar-foreground: var(--foreground);--sidebar-muted-foreground: var(--muted-foreground);--sidebar-control-surface: var(--color-zinc-100);--sidebar-row-hover: var(--color-zinc-25);--sidebar-row-active: var(--color-white);--sidebar-row-selected: var(--color-white);--sidebar-border: var(--border);--sidebar-stage-fade: var(--sidebar);--bg: var(--background);--text: var(--foreground);--faint: var(--muted-foreground);--line: var(--border);--line-soft: var(--border);--surface: var(--card);--surface-2: var(--secondary);--surface-3: var(--accent);--surface-sunken: var(--muted);--danger: var(--destructive);--danger-soft: color-mix(in srgb, var(--destructive) 16%, transparent);--accent-soft: color-mix(in srgb, var(--primary) 16%, transparent);--success-soft: color-mix(in srgb, var(--success) 16%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 16%, transparent)}.dark,html[data-theme=dark],:root[data-theme=dark]{color-scheme:dark;--app-scrollbar-thumb: rgb(255 255 255 / 8%);--app-scrollbar-thumb-hover: rgb(255 255 255 / 12%);--glass-blur: 16px;--glass-saturation: 1.08;--background: var(--color-neutral-950);--app-chrome-background: var(--background);--surface-raised: var(--secondary);--foreground: var(--color-neutral-100);--card: color-mix(in srgb, var(--background) 97%, var(--color-white));--card-foreground: var(--color-neutral-100);--popover: color-mix(in srgb, var(--background) 94%, var(--color-white));--popover-foreground: var(--color-neutral-100);--primary: oklch(.588 .217 264);--primary-foreground: var(--color-white);--secondary: rgb(255 255 255 / 4%);--secondary-foreground: var(--color-neutral-100);--muted: rgb(255 255 255 / 4%);--muted-foreground: color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white));--accent: rgb(255 255 255 / 4%);--accent-foreground: var(--color-neutral-100);--destructive: color-mix(in srgb, var(--color-red-500) 90%, var(--color-white));--destructive-foreground: var(--color-red-400);--border: rgb(255 255 255 / 6%);--input: rgb(255 255 255 / 8%);--ring: oklch(.588 .217 264);--info: var(--color-blue-500);--info-foreground: var(--color-blue-400);--success: var(--color-emerald-500);--success-foreground: var(--color-emerald-400);--warning: var(--color-amber-500);--warning-foreground: var(--color-amber-400);--sidebar: var(--card);--sidebar-foreground: var(--foreground);--sidebar-muted-foreground: var(--muted-foreground);--sidebar-control-surface: var(--muted);--sidebar-row-hover: var(--accent);--sidebar-row-active: var(--accent);--sidebar-row-selected: var(--muted);--sidebar-border: var(--border);--sidebar-stage-fade: var(--card);--bg: var(--background);--text: var(--foreground);--faint: var(--muted-foreground);--line: var(--border);--line-soft: var(--border);--surface: var(--card);--surface-2: var(--secondary);--surface-3: var(--input);--surface-sunken: var(--muted);--danger: var(--destructive);--danger-soft: color-mix(in srgb, var(--destructive) 16%, transparent);--accent-soft: color-mix(in srgb, var(--primary) 16%, transparent);--success-soft: color-mix(in srgb, var(--success) 16%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 16%, transparent)}