.status-banner[data-v-c299c4da]{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;margin-bottom:var(--spacing-lg);border:1px solid transparent}.status-banner.ready[data-v-c299c4da]{background:var(--color-banner-info-bg);border-color:var(--color-banner-info-border);color:var(--color-banner-info-text)}.status-banner.pending[data-v-c299c4da]{background:var(--color-banner-warning-bg);border-color:var(--color-banner-warning-border);color:var(--color-banner-warning-text)}.status-banner-dot[data-v-c299c4da]{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .18s ease-out}.status-banner-dot.ready[data-v-c299c4da]{background:var(--color-success)}.status-banner-dot.pending[data-v-c299c4da]{background:var(--color-warning);animation:pulse-subtle-c299c4da 2.5s ease-in-out infinite}@keyframes pulse-subtle-c299c4da{0%,to{opacity:1}50%{opacity:.45}}.config-card[data-v-c299c4da],.actions-card[data-v-c299c4da]{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 2px #3a2f220d}.config-card[data-v-c299c4da]{display:flex;flex-direction:column;gap:14px;min-height:164px}.config-card[data-v-c299c4da]:hover,.actions-card[data-v-c299c4da]:hover{border-color:var(--color-hairline-strong);box-shadow:0 12px 28px #3a2f2214}.config-card-top[data-v-c299c4da]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.config-label[data-v-c299c4da]{color:var(--color-mute)}.config-badge[data-v-c299c4da]{font-size:12px;padding:0 8px;border-radius:999px;min-height:22px;line-height:20px;font-weight:600;font-family:var(--font-sans);border:1px solid transparent}.config-badge.active[data-v-c299c4da]{background:var(--color-status-healthy-bg);color:var(--color-status-healthy-text);border-color:var(--color-status-healthy-border)}.config-badge.inactive[data-v-c299c4da]{background:var(--color-banner-warning-bg);color:var(--color-banner-warning-text);border-color:var(--color-banner-warning-border)}.config-value[data-v-c299c4da]{min-height:32px;display:flex;align-items:center}.tunnel-display[data-v-c299c4da]{display:flex;min-width:0;flex-direction:column;gap:3px}.tunnel-display strong[data-v-c299c4da]{font-size:15px;color:var(--color-ink)}.tunnel-display code[data-v-c299c4da]{color:var(--color-mute);font:12px/1.4 var(--font-mono);overflow-wrap:anywhere}.config-empty[data-v-c299c4da]{color:var(--color-mute);font-size:14px}.config-action[data-v-c299c4da]{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-hairline)}.action-link[data-v-c299c4da]{font-size:14px;font-weight:700;color:var(--color-link);text-decoration:none}.action-link[data-v-c299c4da]:hover{color:var(--color-ink)}.actions-card[data-v-c299c4da]{overflow:hidden}.actions-label[data-v-c299c4da]{display:block;color:var(--color-mute);margin-bottom:var(--spacing-md)}.actions-row[data-v-c299c4da]{display:flex;gap:12px;flex-wrap:wrap}.btn-secondary.disabled[data-v-c299c4da]{opacity:.45;pointer-events:none}@media(max-width:768px){.actions-row[data-v-c299c4da]{flex-direction:column}.actions-row .btn[data-v-c299c4da],.actions-row .btn-primary[data-v-c299c4da],.actions-row .btn-secondary[data-v-c299c4da],.actions-row .btn-ghost[data-v-c299c4da]{width:100%;max-width:100%;justify-content:center;box-sizing:border-box}}.nav-bar[data-v-228de032]{position:sticky;top:0;z-index:100;min-height:var(--header-height);background:color-mix(in srgb,var(--color-canvas) 92%,transparent);border-bottom:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-icon[data-v-228de032]{width:100%;height:100%;object-fit:cover;border-radius:inherit}.nav-inner[data-v-228de032]{max-width:var(--max-width);min-height:var(--header-height);margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.nav-brand[data-v-228de032]{display:flex;align-items:center;gap:12px;min-width:220px}.logo[data-v-228de032]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-ink)}.logo-mark[data-v-228de032]{width:30px;height:30px;border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-canvas);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-canvas) 10%,transparent)}.logo-text[data-v-228de032]{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1}.nav-context[data-v-228de032]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--color-mute);padding-left:12px;border-left:1px solid var(--color-hairline)}.nav-center[data-v-228de032]{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas-soft)}.nav-link[data-v-228de032]{position:relative;padding:7px 11px;border-radius:var(--radius-md);font-size:13px;font-weight:600;line-height:18px;color:var(--color-body);text-decoration:none;transition:color .16s ease-out,background-color .16s ease-out}.nav-link[data-v-228de032]:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-canvas) 76%,transparent)}.nav-link.active[data-v-228de032]{color:var(--color-ink);background:var(--color-canvas);box-shadow:0 1px 2px #261f1614}.nav-right[data-v-228de032]{display:flex;align-items:center;gap:var(--spacing-xs)}.demo-badge[data-v-228de032]{padding:3px 7px;color:var(--color-warning);border:1px solid var(--color-warning);border-radius:999px;font:700 10px/1 var(--font-mono);letter-spacing:.06em}.icon-button[data-v-228de032]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-body);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease-out,border-color .16s ease-out,color .16s ease-out,background-color .16s ease-out}.icon-button[data-v-228de032]:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-canvas-soft)}.icon-button[data-v-228de032]:active{transform:scale(.96)}.logout-btn[data-v-228de032]:hover{color:var(--color-error);border-color:var(--color-error)}.hamburger[data-v-228de032]{display:none;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.hamburger-line[data-v-228de032]{display:block;width:16px;height:2px;background:var(--color-ink);border-radius:1px;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .14s ease-out}.hamburger-line.open[data-v-228de032]:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-line.open[data-v-228de032]:nth-child(2){opacity:0}.hamburger-line.open[data-v-228de032]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-overlay[data-v-228de032]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d181261;z-index:99}.mobile-menu[data-v-228de032]{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:var(--spacing-sm);z-index:100;display:flex;flex-direction:column;gap:2px;box-shadow:0 16px 36px #261f1624}.mobile-nav-link[data-v-228de032],.mobile-logout-btn[data-v-228de032]{display:flex;align-items:center;gap:8px;padding:12px var(--spacing-md);border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--color-body);text-decoration:none;transition:color .16s ease-out,background-color .16s ease-out}.mobile-nav-link[data-v-228de032]:hover,.mobile-nav-link.active[data-v-228de032]{color:var(--color-ink);background:var(--color-canvas-soft)}.mobile-menu-divider[data-v-228de032]{height:1px;background:var(--color-hairline);margin:var(--spacing-xs) 0}.mobile-logout-btn[data-v-228de032]{background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.mobile-logout-btn[data-v-228de032]:hover{color:var(--color-error);background:var(--color-canvas-soft)}.fade-enter-active[data-v-228de032]{transition:opacity .18s ease-out}.fade-leave-active[data-v-228de032]{transition:opacity .14s ease-in}.fade-enter-from[data-v-228de032],.fade-leave-to[data-v-228de032]{opacity:0}.slide-enter-active[data-v-228de032]{transition:opacity .24s ease-out,transform .24s cubic-bezier(.16,1,.3,1)}.slide-leave-active[data-v-228de032]{transition:opacity .16s ease-in,transform .16s ease-in}.slide-enter-from[data-v-228de032]{opacity:0;transform:translateY(-8px)}.slide-leave-to[data-v-228de032]{opacity:0;transform:translateY(-4px)}@media(max-width:1120px){.nav-context[data-v-228de032]{display:none}.nav-brand[data-v-228de032]{min-width:auto}}@media(max-width:900px){.nav-center[data-v-228de032]{display:none}.hamburger[data-v-228de032]{display:flex}.nav-inner[data-v-228de032]{padding:0 var(--spacing-md)}.logo-text[data-v-228de032]{font-size:16px}}.app-layout[data-v-ac3e3d39]{min-height:100vh;background-color:var(--color-canvas-soft)}.main-content[data-v-ac3e3d39]{position:relative;width:100%}.demo-strip[data-v-ac3e3d39]{display:flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:6px 16px;color:var(--color-banner-warning-text);background:var(--color-banner-warning-bg);border-bottom:1px solid var(--color-banner-warning-border);box-sizing:border-box;font-size:13px}.demo-dot[data-v-ac3e3d39]{width:7px;height:7px;flex:none;border-radius:50%;background:var(--color-warning)}.demo-strip strong[data-v-ac3e3d39]{color:inherit}.demo-strip button[data-v-ac3e3d39]{padding:4px 8px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:700}.demo-strip button[data-v-ac3e3d39]:active{transform:scale(.96)}@media(max-width:640px){.demo-strip[data-v-ac3e3d39]{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding:8px 12px;line-height:1.45}.demo-strip span[data-v-ac3e3d39]:nth-of-type(2){width:calc(100% - 18px)}.demo-strip button[data-v-ac3e3d39]{margin-left:15px}}.page-enter-active[data-v-ac3e3d39]{transition:opacity .3s ease,transform .3s ease}.page-leave-active[data-v-ac3e3d39]{position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.page-enter-from[data-v-ac3e3d39]{opacity:0;transform:translateY(10px)}.page-leave-to[data-v-ac3e3d39]{opacity:0;transform:translateY(-6px)}:root{--color-canvas: #fffdf8;--color-canvas-soft: #f5f1e8;--color-canvas-soft-2: #ede7db;--color-ink: #1b1915;--color-body: #5b554b;--color-mute: #81796d;--color-hairline: #dcd4c7;--color-hairline-strong: #aaa091;--color-link: #a34b2a;--color-success: #2f6b4d;--color-error: #b44532;--color-warning: #9a611d;--color-status-healthy-bg: #e5f0e7;--color-status-healthy-border: #9cbca3;--color-status-healthy-text: #285b3f;--color-status-down-bg: #f8e7e2;--color-status-down-border: #dfb2a5;--color-status-down-text: #963a2b;--color-status-degraded-bg: #fbf0d9;--color-status-degraded-border: #e8ca91;--color-status-degraded-text: #7e5018;--color-btn-primary-bg: #1b1915;--color-btn-primary-text: #fffdf8;--color-btn-primary-hover: #413b33;--color-btn-secondary-border: #bcb1a1;--color-btn-secondary-hover-border: #6f665a;--color-banner-warning-bg: #fbf0d9;--color-banner-warning-border: #e8ca91;--color-banner-warning-text: #76501e;--color-banner-info-bg: #e9e3d8;--color-banner-info-border: #cfc5b6;--color-banner-info-text: #403a31;--color-result-error-bg: #f8e7e2;--color-result-error-border: #dfb2a5;--color-result-error-text: #963a2b;--color-result-success-bg: #e5f0e7;--color-result-success-border: #9cbca3;--color-result-success-text: #285b3f;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 36px;--spacing-2xl: 48px;--spacing-3xl: 64px;--max-width: 1280px;--header-height: 72px;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;--font-display: Iowan Old Style, Palatino Linotype, "Noto Serif SC", Songti SC, serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", "Noto Sans Mono CJK SC", monospace}[data-theme=dark]{--color-canvas: #1d1a16;--color-canvas-soft: #15130f;--color-canvas-soft-2: #28241e;--color-ink: #f3eee5;--color-body: #c2b9ab;--color-mute: #958b7c;--color-hairline: #383229;--color-hairline-strong: #5a5145;--color-link: #e08b67;--color-success: #8cb999;--color-error: #e79482;--color-warning: #e2b567;--color-status-healthy-bg: #1d3226;--color-status-healthy-border: #496c53;--color-status-healthy-text: #b2d6ba;--color-status-down-bg: #3b201c;--color-status-down-border: #704137;--color-status-down-text: #f0b8aa;--color-status-degraded-bg: #382b17;--color-status-degraded-border: #73582c;--color-status-degraded-text: #eccb88;--color-btn-primary-bg: #f3eee5;--color-btn-primary-text: #1d1a16;--color-btn-primary-hover: #ffffff;--color-btn-secondary-border: #5a5145;--color-btn-secondary-hover-border: #958b7c;--color-banner-warning-bg: #382b17;--color-banner-warning-border: #73582c;--color-banner-warning-text: #eccb88;--color-banner-info-bg: #28241e;--color-banner-info-border: #494136;--color-banner-info-text: #f3eee5;--color-result-error-bg: #3b201c;--color-result-error-border: #704137;--color-result-error-text: #f0b8aa;--color-result-success-bg: #1d3226;--color-result-success-border: #496c53;--color-result-success-text: #b2d6ba}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-canvas-soft)}body{margin:0;padding:0;font-family:var(--font-sans);line-height:1.65;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--color-link) 6%,transparent),transparent 28rem),var(--color-canvas-soft);color:var(--color-ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-link);outline-offset:3px}.display-xl,.display-lg,.display-md,.page-header h2{font-family:var(--font-display);font-weight:600;color:var(--color-ink);text-wrap:balance}.display-xl{font-size:48px;line-height:1.08;margin:0}.display-lg{font-size:34px;line-height:1.15;margin:0}.display-md{font-size:25px;line-height:1.24;margin:0}.body-lg{font-size:18px;font-weight:400;line-height:1.75;margin:0;color:var(--color-body)}.body-md{font-size:16px;font-weight:400;line-height:1.7;margin:0;color:var(--color-body)}.body-sm{font-size:14px;font-weight:400;line-height:1.65;margin:0;color:var(--color-body)}.caption-mono{font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:16px;text-transform:uppercase;letter-spacing:.08em;margin:0}.page-container{max-width:var(--max-width);margin:0 auto;padding:40px 32px var(--spacing-3xl);width:100%;box-sizing:border-box}.page-header{max-width:760px;margin-bottom:var(--spacing-xl)}.page-header h2{font-size:38px;line-height:1.16;margin:0 0 var(--spacing-xs)}.page-header p{font-size:15px;font-weight:400;line-height:1.75;color:var(--color-body);margin:0;text-wrap:pretty}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-body);text-decoration:none;margin-bottom:var(--spacing-sm);transition:color .16s ease-out,transform .16s ease-out}.back-link:hover{color:var(--color-link);transform:translate(-2px)}.card-grid{display:grid;gap:var(--spacing-md)}.card-grid-2{grid-template-columns:1fr 1fr}.card-grid-3{grid-template-columns:1fr 1fr 1fr}.section+.section{margin-top:var(--spacing-lg)}.inline-code{font-family:var(--font-mono);font-size:12px;background:var(--color-canvas-soft-2);padding:3px 7px;border-radius:var(--radius-sm);color:var(--color-ink);border:1px solid var(--color-hairline)}.shadow-stacked{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 7%,transparent),0 12px 30px #3a2f2214}.btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease-out,background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;border:1px solid transparent;text-decoration:none;white-space:nowrap;box-sizing:border-box}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-hover)}.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-btn-secondary-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-btn-secondary-hover-border)}.btn-ghost{background:transparent;color:var(--color-body)}.btn-ghost:hover{color:var(--color-ink);background:var(--color-canvas-soft-2)}.vercel-input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--color-btn-secondary-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);outline:none;transition:border-color .16s ease-out,box-shadow .16s ease-out;box-sizing:border-box}.vercel-input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-link) 16%,transparent)}.vercel-input::placeholder{color:var(--color-mute)}.vercel-input.input-error{border-color:var(--color-error)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.mobile-overlay.open{display:block}@media(max-width:768px){.card-grid-2,.card-grid-3{grid-template-columns:1fr}.page-container{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-2xl)}.page-header h2{font-size:30px;line-height:1.18}}@media(max-width:480px){.page-container{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-2xl)}.page-header h2{font-size:26px;line-height:1.2}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}.stagger-item{opacity:0;animation:fadeInUp .5s ease-out forwards}.card-transition{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}.card-hover-lift:hover{transform:translateY(-2px)}.focus-ring-animate{transition:border-color .2s ease,box-shadow .2s ease}.focus-ring-animate:focus-visible{outline:2px solid var(--color-link);outline-offset:2px;border-radius:4px}.btn-press{transition:transform .12s ease-out,background-color .16s ease-out,border-color .16s ease-out,opacity .16s ease-out}.btn-press:active:not(:disabled){transform:scale(.97)}.skeleton{background:linear-gradient(90deg,var(--color-canvas-soft-2) 25%,var(--color-hairline) 50%,var(--color-canvas-soft-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.spin{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}