@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..800;1,14..32,400..700&display=swap";:root{--neutral-950: #0b0f17;--neutral-900: #121826;--neutral-850: #161d2c;--neutral-800: #1a2234;--neutral-750: #212b40;--neutral-700: #2a3343;--neutral-600: #3a465c;--neutral-500: #5a6781;--neutral-400: #94a3b8;--neutral-300: #c3ccda;--neutral-200: #e5e7eb;--neutral-100: #f3f5f9;--purple-700: #6d28d9;--purple-600: #7c3aed;--purple-500: #9333ea;--purple-400: #a855f7;--purple-300: #c4a7ff;--cyan-500: #06b6d4;--cyan-400: #22d3ee;--cyan-300: #67e8f9;--cyan-200: #a5f3fc;--red-live: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--green-500: #22c55e;--green-700: #166534;--amber-500: #f59e0b;--amber-300: #fcd34d;--app-bg: var(--neutral-950);--app-panel: var(--neutral-900);--app-bar: var(--neutral-850);--app-raised: var(--neutral-800);--app-hover: var(--neutral-750);--app-line: var(--neutral-700);--app-line-strong: var(--neutral-600);--app-ink: var(--neutral-200);--app-ink-bright:var(--neutral-100);--app-muted: var(--neutral-400);--app-faint: var(--neutral-500);--app-accent: var(--cyan-400);--app-accent-quiet: rgba(34, 211, 238, .14);--app-accent-line: rgba(34, 211, 238, .4);--app-brand: var(--purple-500);--app-brand-2: var(--cyan-400);--app-on-accent: #06121a;--app-selected-bg: #0e2b33;--app-selected-line: var(--cyan-400)}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-display: "Inter", var(--font-sans);--num-feature: "tnum" 1, "cv01" 1;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--weight-heavy: 750;--text-display: 2.5rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.125rem;--text-body-lg: 1rem;--text-body: .875rem;--text-sm: .8125rem;--text-xs: .6875rem;--text-label: .75rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--tracking-display: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-label: .08em;--tracking-wide: .06em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--pad-control: 8px 12px;--pad-panel: var(--space-4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--border-thin: 1px;--border-med: 2px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .5);--shadow-pop: 0 12px 36px rgba(0, 0, 0, .55);--shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, .04);--glow-brand: 0 6px 22px rgba(147, 51, 234, .35);--glow-accent: 0 0 0 2px rgba(34, 211, 238, .25);--rail-width: 320px;--bar-height: 48px;--canvas-pad: 28px;--safe-title: 5%;--safe-action: 3.5%}:root{--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--dur-enter: .48s;--dur-exit: .22s;--dur-emph: .28s;--dur-pulse: 2s;--ease-entrance: cubic-bezier(.22, 1, .36, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-emphasis: cubic-bezier(.2, .8, .2, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--stagger: 70ms;--feel-calm-fast: .18s;--feel-calm-base: .36s;--feel-calm-slow: .68s;--feel-calm-stagger: 90ms;--feel-snappy-fast: .1s;--feel-snappy-base: .22s;--feel-snappy-slow: .38s;--feel-snappy-stagger: 50ms;--feel-energetic-fast: .1s;--feel-energetic-base: .24s;--feel-energetic-slow: .42s;--feel-energetic-stagger: 60ms;--feel-broadcast-fast: .14s;--feel-broadcast-base: .3s;--feel-broadcast-slow: .52s;--feel-broadcast-stagger: 70ms}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-enter: 1ms;--dur-exit: 1ms;--dur-emph: 1ms;--stagger: 0ms}}[data-motion=off]{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-enter: 1ms;--dur-exit: 1ms;--dur-emph: 1ms;--stagger: 0ms}:root{--text-primary: var(--app-ink);--text-secondary: var(--app-muted);--text-faint: var(--app-faint);--text-inverse: var(--neutral-950);--text-accent: var(--cyan-300);--text-brand: var(--purple-300);--surface-app: var(--app-bg);--surface-panel: var(--app-panel);--surface-bar: var(--app-bar);--surface-card: var(--app-raised);--surface-hover: var(--app-hover);--surface-inset: var(--neutral-950);--border-subtle: var(--app-line);--border-strong: var(--app-line-strong);--border-active: var(--app-accent-line);--border-focus: var(--cyan-400);--state-live: var(--red-live);--state-draft: var(--amber-500);--state-published: var(--green-500);--state-connected: var(--green-500);--state-offline: var(--amber-500);--state-danger: var(--red-600);--state-success: var(--green-500);--state-warning: var(--amber-500);--tint-live: rgba(239, 68, 68, .14);--tint-draft: rgba(245, 158, 11, .15);--tint-published: rgba(34, 197, 94, .15);--tint-danger: rgba(220, 38, 38, .15);--tint-accent: var(--app-accent-quiet);--focus-ring: 0 0 0 2px var(--app-bg), 0 0 0 4px var(--cyan-400);--grad-brand: linear-gradient(135deg, var(--purple-500) 0%, var(--cyan-400) 100%);--grad-brand-soft: linear-gradient(135deg, var(--purple-600) 0%, var(--purple-500) 100%);--button-primary-bg: var(--grad-brand);--button-primary-text: #ffffff;--button-secondary-bg: var(--app-raised);--button-secondary-text:var(--app-ink);--control-track: var(--neutral-700);--control-fill: var(--cyan-400);--control-thumb: var(--neutral-100);--panel-bg: var(--app-panel);--panel-border: var(--app-line);--row-bg: var(--app-raised);--input-bg: var(--surface-inset);--input-border: var(--app-line)}:root{--ds-font: "Inter", system-ui, sans-serif;--ds-text: #f4f7fb;--ds-muted: rgba(244, 247, 251, .62);--ds-accent: #22d3ee;--ds-accent-2: #7c3aed;--ds-grad: linear-gradient(135deg, #7c3aed 0%, #22d3ee 100%);--ds-surface: linear-gradient(180deg, rgba(18, 24, 38, .94) 0%, rgba(11, 15, 23, .96) 100%);--ds-surface-2: rgba(255, 255, 255, .06);--ds-border: rgba(34, 211, 238, .28);--ds-radius: 14px;--ds-shadow: 0 14px 40px rgba(0, 0, 0, .5);--ds-glow: rgba(34, 211, 238, .4);--ds-on-accent: #06121a;--ds-dur-fast: .14s;--ds-dur-base: .3s;--ds-dur-slow: .52s;--ds-ease-entrance: cubic-bezier(.22, 1, .36, 1);--ds-ease-exit: cubic-bezier(.4, 0, 1, 1);--ds-ease-emphasis: cubic-bezier(.2, .8, .2, 1);--ds-stagger: 70ms}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--app-bg);color:var(--app-ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);font-feature-settings:var(--num-feature);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}a{color:var(--text-accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.app-section-label{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--app-accent);font-weight:var(--weight-semibold)}.app-tnum{font-feature-settings:var(--num-feature);font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--app-line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--app-line-strong);border:2px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--app-faint);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}#app{height:100%}.brand[data-v-01bc05f2]{display:flex;align-items:center;gap:9px;min-width:0}.brand__mark[data-v-01bc05f2]{line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand__word[data-v-01bc05f2]{letter-spacing:-.01em;white-space:nowrap;color:var(--app-ink)}.btn[data-v-a94bc33f]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:filter .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease}.btn[data-v-a94bc33f]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn[data-v-a94bc33f]:disabled{opacity:.5;pointer-events:none}.btn--sm[data-v-a94bc33f]{padding:6px 11px;font-size:var(--text-sm)}.btn--md[data-v-a94bc33f]{padding:9px 14px;font-size:var(--text-body)}.btn--lg[data-v-a94bc33f]{padding:12px 18px;font-size:var(--text-body-lg)}.btn--primary[data-v-a94bc33f]{background:var(--grad-brand);color:#fff;box-shadow:var(--glow-brand)}.btn--primary[data-v-a94bc33f]:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn--primary[data-v-a94bc33f]:active{transform:none}.btn--secondary[data-v-a94bc33f]{background:var(--app-raised);color:var(--app-ink);border-color:var(--app-line)}.btn--secondary[data-v-a94bc33f]:hover{background:var(--app-hover)}.btn--ghost[data-v-a94bc33f]{background:transparent;color:var(--app-muted)}.btn--ghost[data-v-a94bc33f]:hover{background:var(--app-raised);color:var(--app-ink)}.btn--danger[data-v-a94bc33f]{background:var(--state-danger);color:#fff}.btn--danger[data-v-a94bc33f]:hover{filter:brightness(1.08)}.btn__icon[data-v-a94bc33f]{display:inline-flex;line-height:1}@media(prefers-reduced-motion:reduce){.btn[data-v-a94bc33f]{transition:none}}.badge[data-v-7ff6f5af]{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);font-weight:var(--weight-semibold);border:1px solid transparent;white-space:nowrap}.badge--sm[data-v-7ff6f5af]{font-size:10.5px;padding:2px 8px}.badge--md[data-v-7ff6f5af]{font-size:var(--text-xs);padding:3px 10px}.badge__dot[data-v-7ff6f5af]{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex:0 0 auto}.badge--live[data-v-7ff6f5af]{color:var(--state-live);background:var(--tint-live);border-color:#ef444459}.badge--draft[data-v-7ff6f5af]{color:var(--amber-300);background:var(--tint-draft);border-color:#f59e0b59}.badge--published[data-v-7ff6f5af]{color:var(--state-published);background:var(--tint-published);border-color:#22c55e59}.badge--accent[data-v-7ff6f5af]{color:var(--cyan-300);background:var(--app-accent-quiet);border-color:var(--app-accent-line)}.badge--neutral[data-v-7ff6f5af]{color:var(--app-muted);background:var(--app-raised);border-color:var(--app-line)}.badge--danger[data-v-7ff6f5af]{color:#fca5a5;background:var(--tint-danger);border-color:#dc262666}.status[data-v-38a97c8a]{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--app-muted)}.status__dot[data-v-38a97c8a]{width:9px;height:9px;border-radius:var(--radius-pill);flex:0 0 auto;background:var(--app-faint)}.status--connected .status__dot[data-v-38a97c8a]{background:var(--state-connected);box-shadow:0 0 0 3px #22c55e2e}.status--live .status__dot[data-v-38a97c8a]{background:var(--state-live);box-shadow:0 0 0 3px #ef444433;animation:status-pulse-38a97c8a 1.8s ease-in-out infinite}.status--offline .status__dot[data-v-38a97c8a]{background:var(--state-offline)}.status--idle .status__dot[data-v-38a97c8a]{background:var(--app-faint)}@keyframes status-pulse-38a97c8a{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.status--live .status__dot[data-v-38a97c8a]{animation:none}}.seclabel__row[data-v-d5cf8180]{display:flex;align-items:center;justify-content:space-between;gap:10px}.seclabel__title[data-v-d5cf8180]{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--app-accent);font-weight:var(--weight-semibold)}.seclabel__hint[data-v-d5cf8180]{font-size:var(--text-xs);color:var(--app-faint);margin-top:4px;line-height:var(--leading-snug)}.seclabel__right[data-v-d5cf8180]{display:inline-flex;align-items:center}.card[data-v-e7829f51]{background:var(--app-panel);border:1px solid var(--app-line);border-radius:var(--radius-lg)}.card--interactive[data-v-e7829f51]{cursor:pointer;transition:border-color .12s ease,background .12s ease}.card--interactive[data-v-e7829f51]:hover{border-color:var(--app-line-strong);background:var(--app-raised)}@media(prefers-reduced-motion:reduce){.card--interactive[data-v-e7829f51]{transition:none}}.select[data-v-5fd0ebb4]{position:relative;display:block}.select__el[data-v-5fd0ebb4]{appearance:none;width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--app-ink);padding:9px 30px 9px 12px;font-size:var(--text-sm);cursor:pointer}.select__el[data-v-5fd0ebb4]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--glow-accent)}.select__chevron[data-v-5fd0ebb4]{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--app-muted);font-size:11px}.seg[data-v-39c9dd26]{display:inline-flex;background:var(--surface-inset);border:1px solid var(--app-line);border-radius:var(--radius-sm);padding:3px;gap:3px}.seg__opt[data-v-39c9dd26]{border:none;background:none;color:var(--app-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;font-weight:var(--weight-semibold);white-space:nowrap;transition:background .12s ease,color .12s ease}.seg--sm .seg__opt[data-v-39c9dd26]{padding:5px 10px;font-size:var(--text-xs)}.seg--md .seg__opt[data-v-39c9dd26]{padding:7px 13px;font-size:var(--text-sm)}.seg__opt[data-v-39c9dd26]:hover{color:var(--app-ink)}.seg__opt.is-active[data-v-39c9dd26]{background:var(--app-raised);color:var(--app-ink);box-shadow:inset 0 0 0 1px var(--app-accent-line)}.seg__opt[data-v-39c9dd26]:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.seg__opt[data-v-39c9dd26]{transition:none}}.toggle[data-v-373d8ab6]{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle.is-disabled[data-v-373d8ab6]{opacity:.5;pointer-events:none}.toggle__track[data-v-373d8ab6]{width:38px;height:22px;border-radius:var(--radius-pill);background:var(--control-track);border:1px solid var(--app-line);position:relative;cursor:pointer;padding:0;transition:background .14s ease,border-color .14s ease}.toggle.is-on .toggle__track[data-v-373d8ab6]{background:var(--cyan-400);border-color:var(--cyan-400)}.toggle__thumb[data-v-373d8ab6]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--control-thumb);box-shadow:var(--shadow-sm);transition:transform .14s ease}.toggle.is-on .toggle__thumb[data-v-373d8ab6]{transform:translate(16px)}.toggle__track[data-v-373d8ab6]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toggle__label[data-v-373d8ab6]{font-size:var(--text-sm);color:var(--app-ink)}@media(prefers-reduced-motion:reduce){.toggle__track[data-v-373d8ab6],.toggle__thumb[data-v-373d8ab6]{transition:none}}.drawer[data-v-1fdc427c]{border-top:1px solid var(--app-line);padding-top:10px}.drawer__head[data-v-1fdc427c]{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--app-muted);cursor:pointer;padding:2px 0;font-size:var(--text-sm)}.drawer__head[data-v-1fdc427c]:hover{color:var(--app-ink)}.drawer__head[data-v-1fdc427c]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.drawer__caret[data-v-1fdc427c]{transition:transform .14s ease;font-size:11px}.drawer.is-open .drawer__caret[data-v-1fdc427c]{transform:rotate(90deg)}.drawer__body[data-v-1fdc427c]{margin-top:10px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--app-faint);line-height:var(--leading-normal);background:var(--surface-inset);border:1px solid var(--app-line);border-radius:var(--radius-sm);padding:11px 13px}@media(prefers-reduced-motion:reduce){.drawer__caret[data-v-1fdc427c]{transition:none}}.checklist[data-v-0c22da24]{display:flex;flex-direction:column;gap:8px}.crow[data-v-68f12fb0]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--app-raised);border:1px solid var(--app-line);border-radius:var(--radius-md)}.crow__check[data-v-68f12fb0]{width:22px;height:22px;flex:0 0 auto;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:12px;font-weight:var(--weight-bold);color:var(--app-faint);border:1.5px solid var(--app-line-strong)}.crow.is-done .crow__check[data-v-68f12fb0]{color:var(--app-on-accent);background:var(--state-published);border-color:var(--state-published)}.crow__text[data-v-68f12fb0]{flex:1;min-width:0}.crow__label[data-v-68f12fb0]{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--app-ink)}.crow__hint[data-v-68f12fb0]{font-size:var(--text-xs);color:var(--app-muted);margin-top:2px}.crow__state[data-v-68f12fb0]{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--app-faint)}.crow.is-done .crow__state[data-v-68f12fb0]{color:var(--state-published)}.step[data-v-87612386]{display:flex;gap:14px;align-items:flex-start}.step__n[data-v-87612386]{width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--grad-brand);color:#fff;font-weight:var(--weight-bold);font-size:var(--text-sm)}.step__body[data-v-87612386]{flex:1;min-width:0}.step__title[data-v-87612386]{font-size:var(--text-body);font-weight:var(--weight-semibold);margin-bottom:6px}.step__content[data-v-87612386]{color:var(--app-muted)}.welcome[data-v-c12b93fc]{padding:28px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.welcome__title[data-v-c12b93fc]{font-size:var(--text-h2);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight)}.welcome__sub[data-v-c12b93fc]{font-size:var(--text-body);color:var(--app-muted);margin-top:4px}.welcome__cardhead[data-v-c12b93fc]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.welcome__checklist[data-v-c12b93fc]{margin-top:12px}.welcome__actions[data-v-c12b93fc]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.qa[data-v-c12b93fc]{text-align:left;background:var(--app-raised);border:1px solid var(--app-line);border-radius:var(--radius-md);padding:14px;cursor:pointer;color:var(--app-ink);display:flex;flex-direction:column;gap:6px;transition:border-color .12s ease,background .12s ease}.qa[data-v-c12b93fc]:hover{border-color:var(--app-line-strong);background:var(--app-hover)}.qa__glyph[data-v-c12b93fc]{font-size:20px}.qa__title[data-v-c12b93fc]{font-size:var(--text-body);font-weight:var(--weight-bold)}.qa__desc[data-v-c12b93fc]{font-size:var(--text-xs);color:var(--app-muted)}.welcome__urlrow[data-v-c12b93fc]{display:flex;gap:8px;margin-top:10px}.welcome__url[data-v-c12b93fc]{flex:1;min-width:0;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--app-line);background:var(--surface-inset);color:var(--cyan-300);font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome__opts[data-v-c12b93fc]{display:flex;align-items:center;gap:18px;margin-top:12px;flex-wrap:wrap}.welcome__opt[data-v-c12b93fc]{display:flex;align-items:center;gap:10px;font-size:var(--text-sm)}.welcome__optlbl[data-v-c12b93fc]{color:var(--app-muted)}.welcome__optctl[data-v-c12b93fc]{width:180px}.welcome__drawer[data-v-c12b93fc]{margin-top:12px}.welcome__obscta[data-v-c12b93fc]{margin-top:6px}@media(prefers-reduced-motion:reduce){.qa[data-v-c12b93fc]{transition:none}}.safe[data-v-cba629d2]{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--app-line);background-color:var(--neutral-950);background-image:linear-gradient(45deg,#15151a 25%,transparent 25%),linear-gradient(-45deg,#15151a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15151a 75%),linear-gradient(-45deg,transparent 75%,#15151a 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.safe--landscape[data-v-cba629d2]{aspect-ratio:16 / 9}.safe--portrait[data-v-cba629d2]{aspect-ratio:9 / 16;max-width:320px;margin:0 auto}.safe__action[data-v-cba629d2]{position:absolute;inset:var(--safe-action);border:1.5px dashed rgba(245,158,11,.45);border-radius:8px}.safe__title[data-v-cba629d2]{position:absolute;inset:var(--safe-title);border:1.5px dashed rgba(34,211,238,.55);border-radius:6px}.safe__tag[data-v-cba629d2]{position:absolute;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.safe__tag--title[data-v-cba629d2]{top:4px;left:8px;color:var(--cyan-300)}.safe__tag--action[data-v-cba629d2]{bottom:4px;right:8px;color:var(--amber-300)}.safe__sample[data-v-cba629d2]{position:absolute;left:10%;bottom:16%;background:var(--grad-brand);color:#fff;font-weight:var(--weight-bold);font-size:14px;padding:8px 14px;border-radius:8px}.obs[data-v-38a156cf]{padding:26px;max-width:720px;margin:0 auto}.obs__head[data-v-38a156cf]{display:flex;align-items:center;gap:12px;margin-bottom:18px}.obs__title[data-v-38a156cf]{font-size:var(--text-h3);font-weight:var(--weight-heavy);margin:0}.obs__hint--ok[data-v-38a156cf]{font-size:var(--text-sm);color:var(--state-published);margin-left:auto}.obs__steps[data-v-38a156cf]{display:flex;flex-direction:column;gap:20px}.obs__p[data-v-38a156cf]{margin:0;font-size:var(--text-sm);color:var(--app-muted)}.obs__urlrow[data-v-38a156cf]{display:flex;gap:8px}.obs__url[data-v-38a156cf]{flex:1;min-width:0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--app-line);background:var(--surface-inset);color:var(--cyan-300);font-family:var(--font-mono);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs__opts[data-v-38a156cf]{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.obs__opt[data-v-38a156cf]{display:flex;align-items:center;gap:10px;font-size:var(--text-sm)}.obs__optlbl[data-v-38a156cf]{color:var(--app-muted)}.obs__optctl[data-v-38a156cf]{width:190px}.obs__note[data-v-38a156cf]{margin:10px 0 0;font-size:var(--text-xs);color:var(--app-faint)}.obs__note strong[data-v-38a156cf]{color:var(--app-muted)}.obs__preview[data-v-38a156cf]{margin-top:10px}.ob[data-v-fca5d953]{height:100%;display:flex;flex-direction:column;background:var(--app-bg);color:var(--app-ink)}.ob__bar[data-v-fca5d953]{height:56px;flex:0 0 auto;display:flex;align-items:center;gap:22px;padding:0 24px;background:var(--app-bar);border-bottom:1px solid var(--app-line)}.ob__tabs[data-v-fca5d953]{display:flex;gap:4px}.ob__tab[data-v-fca5d953]{background:none;border:none;color:var(--app-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer}.ob__tab[data-v-fca5d953]:hover{color:var(--app-ink);background:var(--app-raised)}.ob__tab.is-active[data-v-fca5d953]{color:var(--app-ink);background:var(--app-accent-quiet);box-shadow:inset 0 0 0 1px var(--app-accent-line)}.ob__bar-right[data-v-fca5d953]{margin-left:auto;display:flex;align-items:center;gap:12px}.ob__body[data-v-fca5d953]{flex:1;min-height:0;overflow:auto}