:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--violet-100: #ede9fe;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--sky-100: #e0f2fe;--sky-400: #38bdf8;--sky-600: #0284c7;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-900: #0f172a;--green-100: #dcfce7;--green-600: #16a34a;--green-700: #15803d;--amber-100: #fef3c7;--amber-600: #d97706;--amber-700: #b45309;--red-100: #fee2e2;--red-600: #dc2626;--red-700: #b91c1c;--blue-100: #dbeafe;--blue-600: #2563eb;--blue-700: #1d4ed8;--color-brand-primary: var(--indigo-600);--color-brand-primary-hover: var(--indigo-700);--color-brand-primary-active: var(--indigo-800);--color-brand-primary-soft: var(--indigo-50);--color-brand-primary-border: var(--indigo-200);--color-brand-accent: var(--violet-600);--color-brand-accent-soft: var(--violet-100);--color-brand-highlight: var(--sky-400);--color-brand-highlight-soft: var(--sky-100);--gradient-brand: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #38bdf8 100%);--gradient-brand-soft: linear-gradient( 135deg, rgba(79, 70, 229, .08) 0%, rgba(124, 58, 237, .08) 55%, rgba(56, 189, 248, .08) 100% );--color-success: var(--green-600);--color-success-strong: var(--green-700);--color-success-soft: var(--green-100);--color-warning: var(--amber-600);--color-warning-strong: var(--amber-700);--color-warning-soft: var(--amber-100);--color-danger: var(--red-600);--color-danger-strong: var(--red-700);--color-danger-soft: var(--red-100);--color-info: var(--blue-600);--color-info-strong: var(--blue-700);--color-info-soft: var(--blue-100);--color-neutral: var(--slate-600);--color-neutral-soft: var(--slate-100);--color-canvas: var(--slate-50);--color-surface: #ffffff;--color-surface-soft: var(--slate-100);--color-surface-raised: #ffffff;--color-surface-sunken: var(--slate-50);--color-overlay: rgba(15, 23, 42, .45);--color-text-primary: var(--slate-900);--color-text-secondary: var(--slate-600);--color-text-subtle: var(--slate-500);--color-text-muted: var(--slate-400);--color-text-on-brand: #ffffff;--color-text-link: var(--color-brand-primary);--color-border: var(--slate-200);--color-border-strong: var(--slate-300);--color-border-brand: var(--indigo-200);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display-size: 1.75rem;--text-display-line: 1.2;--text-display-weight: 640;--text-title-size: 1.3125rem;--text-title-line: 1.25;--text-title-weight: 620;--text-section-size: 1.0625rem;--text-section-line: 1.35;--text-section-weight: 600;--text-card-size: .9375rem;--text-card-line: 1.4;--text-card-weight: 600;--text-body-size: .9375rem;--text-body-line: 1.55;--text-body-weight: 400;--text-small-size: .875rem;--text-small-line: 1.5;--text-caption-size: .8125rem;--text-caption-line: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--duration-fast: .12s;--duration-base: .16s;--duration-slow: .24s;--ease-standard: cubic-bezier(.2, 0, .2, 1);--layout-content-max: 1200px;--layout-page-x: var(--space-8);--layout-page-y: var(--space-6);--sidebar-width: 264px;--sidebar-collapsed: 72px;--topbar-height: 56px;--control-height-sm: 30px;--control-height-md: 36px;--control-height-lg: 42px;--focus-ring: 0 0 0 3px rgba(79, 70, 229, .35);--focus-ring-danger: 0 0 0 3px rgba(220, 38, 38, .32);--opacity-disabled: .5;--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--tyvro-ink: var(--color-text-primary);--tyvro-ink-soft: var(--color-text-secondary);--tyvro-muted: var(--color-text-secondary);--tyvro-accent: var(--color-brand-primary);--tyvro-accent-hover: var(--color-brand-primary-hover);--tyvro-accent-soft: var(--color-brand-primary-soft);--tyvro-danger: var(--color-danger);--tyvro-danger-soft: var(--color-danger-soft);--tyvro-warn: var(--color-warning);--tyvro-warn-soft: var(--color-warning-soft);--tyvro-ok: var(--color-success);--tyvro-ok-soft: var(--color-success-soft);--tyvro-border: var(--color-border);--tyvro-border-strong: var(--color-border-strong);--tyvro-surface: var(--color-surface);--tyvro-surface-solid: var(--color-surface);--tyvro-surface-elevated: var(--color-surface-soft);--tyvro-nav: var(--color-surface);--tyvro-bg-0: var(--color-canvas);--tyvro-bg-1: var(--color-canvas);--tyvro-shadow: var(--shadow-xs);--tyvro-radius: var(--radius-lg);--tyvro-radius-sm: var(--radius-md);--tyvro-font-display: var(--font-sans);--tyvro-font-ui: var(--font-sans);--tyvro-nav-width: var(--sidebar-width);--tyvro-nav-collapsed: var(--sidebar-collapsed);--tyvro-top-height: var(--topbar-height);--tyvro-focus: var(--focus-ring)}[data-theme=dark]{--color-canvas: #0b1020;--color-surface: #111827;--color-surface-soft: #172033;--color-surface-raised: #172033;--color-surface-sunken: #0b1020;--color-overlay: rgba(2, 6, 23, .65);--color-brand-primary: var(--indigo-500);--color-brand-primary-hover: var(--indigo-600);--color-brand-primary-active: var(--indigo-700);--color-brand-primary-soft: rgba(99, 102, 241, .16);--color-brand-primary-border: rgba(99, 102, 241, .4);--color-brand-accent: var(--violet-500);--color-brand-accent-soft: rgba(139, 92, 246, .16);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-subtle: #94a3b8;--color-text-muted: #64748b;--color-border: #1f2a3d;--color-border-strong: #2c3a52;--color-border-brand: rgba(99, 102, 241, .45);--color-success-soft: rgba(22, 163, 74, .18);--color-warning-soft: rgba(217, 119, 6, .18);--color-danger-soft: rgba(220, 38, 38, .18);--color-info-soft: rgba(37, 99, 235, .18);--color-neutral-soft: rgba(148, 163, 184, .16);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(99, 102, 241, .45)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--color-text-primary);letter-spacing:-.011em}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-primary);color:var(--color-text-on-brand);transition:top var(--duration-base) var(--ease-standard)}.skip-link:focus{top:var(--space-4);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-small-size);font-weight:500;transition:background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.btn:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-soft)}.btn:active:not(:disabled){background:var(--color-surface-sunken)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);color:var(--color-text-on-brand)}.btn-primary:active:not(:disabled){background:var(--color-brand-primary-active);border-color:var(--color-brand-primary-active)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-on-brand)}.btn-danger:hover:not(:disabled){background:var(--color-danger-strong);border-color:var(--color-danger-strong);color:var(--color-text-on-brand)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-soft);border-color:transparent}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:var(--text-caption-size);font-weight:500;color:var(--color-text-secondary)}.field input,.field select,.field textarea{min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:var(--focus-ring)}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-muted)}.field textarea{min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:var(--text-caption-size)}.field-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.panel-pad{padding:var(--space-4) var(--space-6)}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-small-size)}table.data th,table.data td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}table.data th{font-size:var(--text-caption-size);color:var(--color-text-secondary);font-weight:600;background:var(--color-surface-soft)}table.data tr:last-child td{border-bottom:none}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.muted{color:var(--color-text-secondary)}.mono{font-family:var(--font-mono);font-size:var(--text-caption-size)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(4px)}@media(prefers-reduced-motion:reduce){.fade-enter-active,.fade-leave-active,.btn,.skip-link{transition:none}}.studio-root{--paper: var(--color-canvas);--surface: var(--color-surface);--ink: var(--color-text-primary);--muted: var(--color-text-secondary);--faint: var(--color-text-muted);--line: var(--color-border);--line-strong: var(--color-border-strong);--teal: var(--color-brand-primary);--teal-ink: var(--color-brand-primary-active);--teal-soft: var(--color-brand-primary-soft);--teal-mid: var(--color-brand-primary-border);--wa: #25d366;--wa-dark: #128c7e;--amber: var(--color-warning);--amber-bg: var(--color-warning-soft);--amber-line: #f1dfa8;--red: var(--color-danger);--red-bg: var(--color-danger-soft);--red-line: #f2cfcc;--blue: var(--color-info);--blue-bg: var(--color-info-soft);--mono: var(--font-mono);--display: var(--font-sans);--ui: var(--font-sans);--chat-bg: #efe7dd;--r: var(--radius-lg);--shadow: var(--shadow-sm);font-family:var(--ui);color:var(--ink);font-size:14px;line-height:1.5;background:var(--paper);border-radius:0;margin:0;width:100%;min-height:calc(100vh - var(--tyvro-top-height, 56px));box-sizing:border-box}.studio-root *,.studio-root *:before,.studio-root *:after{box-sizing:border-box}.studio-root button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.studio-root input,.studio-root select,.studio-root textarea{font-family:inherit;font-size:14px;color:var(--ink)}.studio-root input:focus,.studio-root select:focus,.studio-root textarea:focus,.studio-root button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.studio-root ::placeholder{color:var(--faint)}.studio-root .mono{font-family:var(--mono)}.studio-root .st-appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;min-height:58px;padding:10px 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;flex-wrap:wrap}.studio-root .st-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.2px}.studio-root .st-brand small{font-family:var(--ui);font-weight:500;font-size:12px;color:var(--muted);margin-left:2px}.studio-root .st-tabs{display:flex;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px}.studio-root .st-tab{padding:7px 14px;border-radius:8px;font-weight:600;font-size:13px;color:var(--muted)}.studio-root .st-tab.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.studio-root .st-appbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-root .st-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--paper);border:1px solid var(--line);color:var(--muted)}.studio-root .st-status-chip .d{width:7px;height:7px;border-radius:50%;background:var(--faint)}.studio-root .st-status-chip.review{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber)}.studio-root .st-status-chip.review .d{background:var(--amber)}.studio-root .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;font-weight:600;font-size:13.5px;transition:.15s;text-decoration:none}.studio-root .st-btn:disabled{opacity:.55;cursor:not-allowed}.studio-root .st-btn-primary{background:var(--teal);color:#fff}.studio-root .st-btn-primary:hover:not(:disabled){background:var(--teal-ink)}.studio-root .st-btn-ghost{border:1px solid var(--line-strong);background:var(--surface)}.studio-root .st-btn-ghost:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.studio-root .st-btn-danger{border:1px solid var(--red-line);background:var(--surface);color:var(--red)}.studio-root .st-btn-danger:hover:not(:disabled){background:var(--red-bg)}.studio-root .st-wrap{max-width:none;width:100%;margin:0;padding:24px 28px 72px;box-sizing:border-box}.studio-root .st-page-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap}.studio-root .st-page-head .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.studio-root .st-page-head h1{font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:-.4px;margin:4px 0 0}.studio-root .st-page-head p{color:var(--muted);margin:2px 0 0;max-width:560px}.studio-root .st-quota{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}.studio-root .st-quota b{font-family:var(--mono);color:var(--ink);font-size:13px}.studio-root .st-quota .bar{width:170px;height:6px;background:var(--line);border-radius:99px;margin-top:6px;overflow:hidden;margin-left:auto}.studio-root .st-quota .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--wa));border-radius:99px}.studio-root .st-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.studio-root .st-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);text-align:left;transition:.15s}.studio-root .st-stat:hover{border-color:var(--teal-mid)}.studio-root .st-stat.on{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.studio-root .st-stat .n{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.1}.studio-root .st-stat .l{font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}.studio-root .st-stat .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.studio-root .st-controls{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.studio-root .st-search{position:relative;flex:1;min-width:220px}.studio-root .st-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}.studio-root .st-search:before{content:"⌕";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.55;color:var(--faint)}.studio-root .st-controls select{padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);font-weight:500;font-size:13px}.studio-root .st-tablecard{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.studio-root .st-tablecard table{width:100%;border-collapse:collapse}.studio-root .st-tablecard thead th{padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);text-align:left;border-bottom:1px solid var(--line);background:var(--paper);white-space:nowrap}.studio-root .st-tablecard tbody td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}.studio-root .st-tablecard tbody tr:last-child td{border-bottom:none}.studio-root .st-tablecard tbody tr{cursor:pointer;transition:background .12s}.studio-root .st-tablecard tbody tr:hover{background:#fafcfb}.studio-root .st-tablecard tbody tr.sel{background:var(--teal-soft)}.studio-root .st-tname{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink)}.studio-root .st-lang{font-size:10px;font-weight:600;font-family:var(--mono);color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:1px 5px;display:inline-block;margin-top:3px}.studio-root .st-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap}.studio-root .st-pill-mkt{background:#f3edfa;color:#6d3fb4}.studio-root .st-pill-util{background:var(--teal-soft);color:var(--teal-ink)}.studio-root .st-pill-auth{background:var(--blue-bg);color:var(--blue)}.studio-root .st-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;white-space:nowrap}.studio-root .st-chip .qd{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}.studio-root .st-chip-approved{background:var(--teal-soft);color:var(--teal-ink)}.studio-root .st-chip-review,.studio-root .st-chip-pending{background:var(--amber-bg);color:var(--amber)}.studio-root .st-chip-rejected{background:var(--red-bg);color:var(--red)}.studio-root .st-chip-draft,.studio-root .st-chip-disabled{background:#eef0f0;color:#6b7876}.studio-root .st-empty{padding:56px 20px;text-align:center;color:var(--muted)}.studio-root .st-empty b{display:block;font-family:var(--display);font-size:17px;color:var(--ink);margin-bottom:4px}.studio-root .st-count-note{font-size:12.5px;color:var(--faint);margin-top:12px}.studio-root .st-notice{margin:0 22px 12px;padding:11px 14px;border-radius:11px;background:var(--teal-soft);border:1px solid var(--teal-mid);color:var(--teal-ink);font-size:13px;font-weight:500}.studio-root .st-notice.err{background:var(--red-bg);border-color:var(--red-line);color:var(--red)}.studio-root .st-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17221f52;opacity:0;pointer-events:none;transition:.25s;z-index:60}.studio-root .st-scrim.show{opacity:1;pointer-events:auto}.studio-root .st-drawer{position:fixed;top:0;right:-460px;width:440px;max-width:94vw;height:100vh;background:var(--surface);z-index:70;box-shadow:-12px 0 40px #17221f24;transition:right .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.studio-root .st-drawer.show{right:0}.studio-root .st-dr-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.studio-root .st-dr-head b{font-family:var(--mono);font-size:13.5px}.studio-root .st-dr-head .x{margin-left:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--faint)}.studio-root .st-dr-head .x:hover{background:var(--paper);color:var(--ink)}.studio-root .st-dr-body{flex:1;overflow:auto;padding:18px}.studio-root .st-dr-preview{border-radius:16px;padding:16px 12px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),var(--chat-bg);background-size:90px 90px,70px 70px,auto}.studio-root .st-meta-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;gap:12px}.studio-root .st-meta-row span:first-child{color:var(--muted)}.studio-root .st-meta-row span:last-child{font-weight:600;text-align:right}.studio-root .st-dr-actions{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.studio-root .st-dr-actions .st-btn{flex:1;justify-content:center}.studio-root .st-shell{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(360px,420px);gap:0;width:100%;min-height:calc(100vh - 180px)}.studio-root .st-rail{border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:58px;max-height:calc(100vh - 58px);overflow:auto;background:var(--paper)}.studio-root .st-rail h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);padding:0 10px;margin:18px 0 8px}.studio-root .st-rail h3:first-child{margin-top:0}.studio-root .st-step{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;text-align:left;font-weight:500;color:var(--muted);font-size:13.5px}.studio-root .st-step:hover{background:var(--surface)}.studio-root .st-step.on{background:var(--teal-soft);color:var(--teal-ink);font-weight:600}.studio-root .st-step .tick{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;font-size:10px;color:transparent;flex-shrink:0}.studio-root .st-step.done .tick{background:var(--teal);border-color:var(--teal);color:#fff}.studio-root .st-step .warn{margin-left:auto;color:var(--amber);font-size:11px;display:none}.studio-root .st-step.incomplete .warn{display:block}.studio-root .st-palette-item,.studio-root .st-screen-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:9px;text-align:left;font-weight:500;font-size:13px;color:var(--ink)}.studio-root .st-palette-item{border:1px dashed transparent}.studio-root .st-palette-item:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal-mid)}.studio-root .st-palette-item:disabled{opacity:.45;cursor:not-allowed}.studio-root .st-palette-item .pi{width:24px;height:24px;border-radius:7px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;flex-shrink:0}.studio-root .st-screen-item{color:var(--muted)}.studio-root .st-screen-item.on{background:var(--teal-soft);color:var(--teal-ink);font-weight:600}.studio-root .st-screen-item .n{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}.studio-root .st-add-screen{margin-top:6px;width:100%;padding:8px;border:1px dashed var(--line-strong);border-radius:9px;color:var(--muted);font-size:13px;font-weight:500}.studio-root .st-add-screen:hover{border-color:var(--teal);color:var(--teal)}.studio-root .st-editor{padding:26px clamp(20px,2.5vw,40px) 120px;overflow-x:hidden;background:var(--paper);min-width:0}.studio-root .st-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:16px;box-shadow:var(--shadow)}.studio-root .st-card>h2{font-family:var(--display);font-size:16.5px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;margin:0 0 4px}.studio-root .st-card>.sub{color:var(--muted);font-size:13px;margin-bottom:16px}.studio-root .st-opt-badge,.studio-root .st-req-badge{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px}.studio-root .st-opt-badge{color:var(--faint);background:var(--paper);border:1px solid var(--line)}.studio-root .st-req-badge{color:var(--teal);background:var(--teal-soft)}.studio-root .st-field{margin-bottom:14px}.studio-root .st-field:last-child{margin-bottom:0}.studio-root .st-field label{display:flex;align-items:baseline;gap:8px;font-weight:600;font-size:13px;margin-bottom:6px}.studio-root .st-field label .hint{font-weight:400;color:var(--faint);font-size:12px}.studio-root .st-field label .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--faint);font-weight:400}.studio-root .st-input,.studio-root textarea.st-input,.studio-root select.st-input{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);transition:border-color .15s}.studio-root .st-input:hover{border-color:#aebdb8}.studio-root textarea.st-input{resize:vertical;min-height:110px;line-height:1.6}.studio-root .st-input.mono{font-family:var(--mono);font-size:13px}.studio-root .st-field .help{color:var(--faint);font-size:12px;margin-top:5px}.studio-root .st-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-root .st-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-root .st-cat{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:14px;text-align:left;transition:.15s;background:var(--surface)}.studio-root .st-cat:hover{border-color:var(--teal-mid)}.studio-root .st-cat.on{border-color:var(--teal);background:var(--teal-soft)}.studio-root .st-cat .ci{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:15px;margin-bottom:9px;background:var(--paper);border:1px solid var(--line)}.studio-root .st-cat.on .ci{background:#fff;border-color:var(--teal-mid)}.studio-root .st-cat b{display:block;font-size:14px;margin-bottom:2px}.studio-root .st-cat span{display:block;font-size:12px;color:var(--muted);line-height:1.45}.studio-root .st-cat .radio{position:absolute;top:12px;right:12px;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--line-strong)}.studio-root .st-cat.on .radio{border:5px solid var(--teal)}.studio-root .st-seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.studio-root .st-seg button{padding:7px 13px;border-radius:8px;font-weight:600;font-size:12.5px;color:var(--muted)}.studio-root .st-seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.studio-root .st-toolbar{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--line-strong);border-bottom:none;border-radius:10px 10px 0 0;background:var(--paper)}.studio-root .st-toolbar .tb{width:30px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:13px;color:var(--muted)}.studio-root .st-toolbar .tb:hover{background:var(--surface);color:var(--ink)}.studio-root .st-toolbar .tb.wide{width:auto;padding:0 11px;font-size:12.5px;font-weight:600;gap:6px;display:inline-flex;align-items:center}.studio-root .st-toolbar .sep{width:1px;height:18px;background:var(--line-strong);margin:0 4px}.studio-root .st-toolbar+textarea.st-input{border-radius:0 0 10px 10px}.studio-root .st-var-chip{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;background:var(--teal-soft);color:var(--teal-ink);border:1px solid var(--teal-mid);border-radius:6px;padding:1px 7px}.studio-root .st-btn-list{display:flex;flex-direction:column;gap:10px}.studio-root .st-btn-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}.studio-root .st-btn-row .fields{display:flex;flex-direction:column;gap:8px}.studio-root .st-btn-row .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-root .st-btn-row .kind{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}.studio-root .st-btn-row .del{color:var(--faint);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;margin-top:5px}.studio-root .st-btn-row .del:hover{background:var(--red-bg);color:var(--red)}.studio-root .st-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.studio-root .st-check:last-child{border-bottom:none}.studio-root .st-check input{margin-top:3px;accent-color:var(--teal);width:15px;height:15px}.studio-root .st-check b{display:block;font-size:13.5px;font-weight:600}.studio-root .st-check span{font-size:12.5px;color:var(--muted)}.studio-root .st-submitbar{position:sticky;bottom:0;z-index:30;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);border-radius:0 0 16px 16px}.studio-root .st-submitbar-in{display:flex;align-items:center;gap:14px;padding:12px 22px;flex-wrap:wrap}.studio-root .st-validation-note{font-size:13px;color:var(--muted)}.studio-root .st-validation-note b{color:var(--amber)}.studio-root .st-validation-note.ok b{color:var(--teal)}.studio-root .st-submitbar .st-btn-primary{margin-left:auto}.studio-root .st-previewcol{border-left:1px solid var(--line);padding:22px;position:sticky;top:58px;max-height:calc(100vh - 58px);overflow:auto;background:var(--surface)}.studio-root .st-previewcol .pv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.studio-root .st-previewcol .pv-head b{font-family:var(--display);font-size:15px;font-weight:600}.studio-root .st-phone{width:100%;max-width:320px;margin:0 auto;background:#101b17;border-radius:34px;padding:9px;box-shadow:0 18px 50px #101b1747}.studio-root .st-phone-screen{border-radius:26px;overflow:hidden;background:var(--chat-bg);display:flex;flex-direction:column;min-height:520px}.studio-root .st-wa-top{background:var(--teal-ink);color:#fff;padding:11px 13px;display:flex;align-items:center;gap:10px}.studio-root .st-wa-top .av{width:31px;height:31px;border-radius:50%;background:var(--gradient-brand);display:grid;place-items:center;font-size:13px;color:#fff;font-weight:700}.studio-root .st-wa-top .who b{display:block;font-size:13.5px;line-height:1.2}.studio-root .st-wa-top .who span{font-size:10.5px;opacity:.75}.studio-root .st-wa-chat{flex:1;padding:16px 12px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),var(--chat-bg);background-size:90px 90px,70px 70px,auto}.studio-root .st-bubble{background:#fff;border-radius:2px 10px 10px;max-width:248px;box-shadow:0 1px 1px #00000014;overflow:hidden;font-size:13.2px;line-height:1.45}.studio-root .st-bubble .b-media{height:110px;background:var(--color-brand-primary-soft);display:grid;place-items:center;font-size:22px;color:var(--teal-ink)}.studio-root .st-bubble .b-htext{padding:8px 10px 0;font-weight:700;font-size:13.5px}.studio-root .st-bubble .b-body{padding:7px 10px 5px;white-space:pre-wrap;word-break:break-word}.studio-root .st-bubble .b-body:empty:before{content:"Your message body will appear here…";color:#aeb8b4;font-style:italic}.studio-root .st-bubble .b-foot{padding:0 10px 4px;font-size:11px;color:#8696a0}.studio-root .st-bubble .b-time{display:flex;justify-content:flex-end;gap:4px;padding:0 8px 6px;font-size:10px;color:#8696a0}.studio-root .st-bubble .b-btns{border-top:1px solid #e7ebee}.studio-root .st-bubble .b-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;color:#0a9de0;font-weight:500;font-size:13px;border-top:1px solid #e7ebee}.studio-root .st-bubble .b-btn:first-child{border-top:none}.studio-root .st-pv-caption{margin-top:16px;text-align:center;font-size:11.5px;color:var(--faint)}.studio-root .st-canvas{display:flex;flex-direction:column;gap:14px}.studio-root .st-screen-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.studio-root .st-screen-card.sel{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft),var(--shadow)}.studio-root .st-screen-card .sc-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--paper);cursor:pointer}.studio-root .st-screen-card .sc-head .sid{font-family:var(--mono);font-size:11px;color:var(--faint)}.studio-root .st-screen-card .sc-head input{border:none;background:none;font-weight:600;font-size:14.5px;font-family:var(--display);width:min(220px,40vw);outline:none}.studio-root .st-screen-card .terminal-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-ink);background:var(--teal-soft);border:1px solid var(--teal-mid);padding:2px 8px;border-radius:999px}.studio-root .st-screen-card .sc-del{margin-left:auto;color:var(--faint);width:26px;height:26px;border-radius:7px;display:grid;place-items:center}.studio-root .st-screen-card .sc-del:hover{background:var(--red-bg);color:var(--red)}.studio-root .st-sc-body{padding:12px 16px}.studio-root .st-comp{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:var(--surface);cursor:pointer}.studio-root .st-comp.sel{border-color:var(--teal);background:var(--teal-soft)}.studio-root .st-comp .cico{width:28px;height:28px;border-radius:8px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-size:13px;margin-top:2px}.studio-root .st-comp .ckind{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}.studio-root .st-comp .cfields{display:flex;flex-direction:column;gap:7px;margin-top:5px}.studio-root .st-comp .cfields .st-input{padding:7px 10px;font-size:13px}.studio-root .st-comp .cactions{display:flex;flex-direction:column;gap:3px}.studio-root .st-comp .ca{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--faint);font-size:11px}.studio-root .st-comp .ca:hover{background:var(--paper);color:var(--ink)}.studio-root .st-comp .ca.del:hover{background:var(--red-bg);color:var(--red)}.studio-root .st-sc-empty{border:1.5px dashed var(--line-strong);border-radius:11px;padding:18px;text-align:center;color:var(--faint);font-size:13px;margin-bottom:8px}.studio-root .st-sc-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--paper)}.studio-root .st-sc-cta label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);display:block;margin-bottom:4px}.studio-root .st-flow-connector{display:flex;justify-content:center;color:var(--faint);font-size:16px;margin:-6px 0}.studio-root .st-fp-sheet{background:#fff;flex:1;display:flex;flex-direction:column;min-height:480px}.studio-root .st-fp-top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #eee}.studio-root .st-fp-top b{font-size:14px}.studio-root .st-fp-scroll{flex:1;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:auto}.studio-root .st-fp-h{font-weight:700;font-size:17px;line-height:1.3}.studio-root .st-fp-input label{display:block;font-size:12px;font-weight:600;color:#44524d;margin-bottom:5px}.studio-root .st-fp-input .fake{border:1px solid #cbd5d1;border-radius:9px;padding:10px 12px;font-size:13px;color:#8da19a}.studio-root .st-fp-opt{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:6px}.studio-root .st-fp-opt .rr{width:16px;height:16px;border-radius:50%;border:1.5px solid #cbd5d1}.studio-root .st-fp-opt:first-child .rr{border:5px solid var(--wa-dark)}.studio-root .st-fp-footer{padding:12px 14px;border-top:1px solid #eee}.studio-root .st-fp-footer .cta{background:var(--wa-dark);color:#fff;text-align:center;font-weight:600;font-size:14px;border-radius:999px;padding:11px}.studio-root .st-source-banner{margin:12px 22px 0;padding:10px 14px;border-radius:11px;background:var(--teal-soft);border:1px solid var(--teal-mid);color:var(--teal-ink);font-size:13px}.studio-root .st-inspector{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.studio-root .st-list-section{margin-bottom:22px}.studio-root .st-list-section h2{font-family:var(--display);font-size:18px;margin:0 0 4px}.studio-root .st-tpl-grid{display:grid;gap:10px}.studio-root .st-tpl-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-wrap:wrap}@media(max-width:1280px){.studio-root .st-shell{grid-template-columns:200px minmax(0,1fr)}.studio-root .st-previewcol{display:none}.studio-root .st-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.studio-root .st-shell{grid-template-columns:1fr}.studio-root .st-rail{display:none}.studio-root .st-cat-grid,.studio-root .st-row,.studio-root .st-sc-cta{grid-template-columns:1fr}.studio-root .st-stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.studio-root *{transition:none!important}}