.bg-pattern.svelte-cfqrn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.fade-center.svelte-cfqrn{mask-image:radial-gradient(ellipse at center,transparent,black);-webkit-mask-image:radial-gradient(ellipse at center,transparent,black)}.fade-edges.svelte-cfqrn{mask-image:radial-gradient(ellipse at center,black,transparent);-webkit-mask-image:radial-gradient(ellipse at center,black,transparent)}.fade-top.svelte-cfqrn{mask-image:linear-gradient(to bottom,transparent,black);-webkit-mask-image:linear-gradient(to bottom,transparent,black)}.fade-bottom.svelte-cfqrn{mask-image:linear-gradient(to bottom,black,transparent);-webkit-mask-image:linear-gradient(to bottom,black,transparent)}.fade-left.svelte-cfqrn{mask-image:linear-gradient(to right,transparent,black);-webkit-mask-image:linear-gradient(to right,transparent,black)}.fade-right.svelte-cfqrn{mask-image:linear-gradient(to right,black,transparent);-webkit-mask-image:linear-gradient(to right,black,transparent)}.fade-x.svelte-cfqrn{mask-image:linear-gradient(to right,transparent,black,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black,transparent)}.fade-y.svelte-cfqrn{mask-image:linear-gradient(to bottom,transparent,black,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black,transparent)}.btn.svelte-8a1c4v{font-family:var(--font-body);font-weight:var(--weight-regular);color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);letter-spacing:var(--tracking-snug);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),background var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease)}.btn.svelte-8a1c4v:focus-visible{outline:2px solid var(--text-subtle);outline-offset:2px}.btn.svelte-8a1c4v:disabled{cursor:not-allowed}.btn.loading.svelte-8a1c4v{cursor:wait}.btn.full.svelte-8a1c4v{width:100%}.btn.dashed.svelte-8a1c4v{border-style:dashed}.btn.dashed.svelte-8a1c4v:hover:not(:disabled){border-style:solid}.v-ghost.destructive.svelte-8a1c4v:hover:not(:disabled),.v-icon.destructive.svelte-8a1c4v:hover:not(:disabled){color:var(--danger-fg);border-color:var(--danger-fg);background:transparent}.v-ghost.s-sm.svelte-8a1c4v{font-size:var(--text-xs);padding:var(--space-5) var(--space-12)}.v-ghost.s-md.svelte-8a1c4v,.v-primary.s-md.svelte-8a1c4v{font-size:var(--text-xs);padding:var(--space-6) var(--space-12);min-height:var(--space-32)}.v-ghost.s-lg.svelte-8a1c4v,.v-primary.s-lg.svelte-8a1c4v{font-size:var(--text-sm);padding:var(--space-6) var(--space-16);min-height:var(--space-32)}.v-ghost.svelte-8a1c4v:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.v-ghost.active.svelte-8a1c4v{color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.v-ghost.i-danger.svelte-8a1c4v{color:var(--danger-fg);border-color:var(--danger-fg)}.v-ghost.i-danger.svelte-8a1c4v:hover:not(:disabled){background:var(--danger-fg);color:var(--text);border-color:var(--danger-fg)}.v-ghost.i-success.svelte-8a1c4v{color:var(--text);border-color:var(--border-strong)}.v-ghost.i-success.svelte-8a1c4v:hover:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}.v-ghost.svelte-8a1c4v:disabled,.v-ghost.loading.svelte-8a1c4v{opacity:.4;color:var(--text-muted);border-color:var(--border-subtle);background:transparent}.v-icon.active.svelte-8a1c4v{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.v-primary.svelte-8a1c4v{background:var(--text);color:var(--bg);border-color:var(--text)}.v-primary.svelte-8a1c4v:hover:not(:disabled){opacity:.85}.v-primary.svelte-8a1c4v:disabled,.v-primary.loading.svelte-8a1c4v{background:var(--border-subtle);color:var(--text-subtle);border-color:var(--border-subtle);opacity:1}.v-primary.full.svelte-8a1c4v{font-size:var(--text-base);padding:var(--space-12);min-height:auto;border:none}.v-pill.svelte-8a1c4v{font-size:var(--text-2xs);padding:var(--space-4) var(--space-12);letter-spacing:var(--tracking-wider);color:var(--text-subtle);border:1px solid var(--border-default);transition:all var(--duration-fast) var(--ease)}.v-pill.svelte-8a1c4v:hover:not(:disabled){color:var(--text-muted);border-color:var(--border-subtle);background:transparent}.v-pill.active.svelte-8a1c4v{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.v-icon.svelte-8a1c4v{width:var(--space-32);height:var(--space-32);min-height:var(--space-32);padding:0;font-size:var(--text-sm)}.v-icon.svelte-8a1c4v:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.v-icon.svelte-8a1c4v:disabled,.v-icon.loading.svelte-8a1c4v{opacity:.4}.v-icon.i-danger.svelte-8a1c4v{color:var(--danger-fg);border-color:var(--danger-fg)}.v-icon.i-danger.svelte-8a1c4v:hover:not(:disabled){background:var(--danger-fg);color:var(--text)}.v-link.svelte-8a1c4v{font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;padding:var(--space-2) var(--space-6);transition:color var(--duration-base) var(--ease)}.v-link.svelte-8a1c4v:hover:not(:disabled){color:var(--text)}.v-link.svelte-8a1c4v:disabled,.v-link.loading.svelte-8a1c4v{opacity:.4}.v-tab.svelte-8a1c4v{font-size:var(--text-sm);padding:var(--space-6) var(--space-14);letter-spacing:var(--tracking-snug);min-height:var(--space-32)}.v-tab.svelte-8a1c4v:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.v-tab.active.svelte-8a1c4v{color:var(--text);border-color:var(--text-subtle);background:var(--bg-raised)}.v-tab.svelte-8a1c4v:disabled,.v-tab.loading.svelte-8a1c4v{opacity:.4}.v-block.svelte-8a1c4v{display:block;width:100%;padding:var(--space-10);font-size:var(--text-xs);letter-spacing:var(--tracking-snug);border:none;border-bottom:1px solid var(--border-default)}.v-block.svelte-8a1c4v:hover:not(:disabled){color:var(--text)}.v-block.svelte-8a1c4v:disabled{cursor:wait}.v-pill.i-muted.active.svelte-8a1c4v{color:var(--text);border-color:var(--text-subtle);background:var(--bg-elevated)}.v-pill.destructive.svelte-8a1c4v:hover:not(:disabled){color:var(--danger-fg);border-color:var(--danger-fg);background:transparent}.v-icon.s-xs.svelte-8a1c4v{width:auto;height:auto;min-height:auto;font-size:var(--text-lg);line-height:var(--leading-none);padding:0 var(--space-2);border:none}.input.svelte-1xuvd1z{width:100%;font-family:var(--font-body);font-weight:var(--weight-light);color:var(--text);outline:none}.input.svelte-1xuvd1z::placeholder{color:var(--text-subtle);font-weight:var(--weight-light)}.input.svelte-1xuvd1z:disabled{opacity:.5;cursor:not-allowed}.input.svelte-1xuvd1z:focus-visible{outline:2px solid var(--text-subtle);outline-offset:2px}.t-field.svelte-1xuvd1z{background:var(--bg-raised);border:1px solid var(--border-subtle);padding:var(--space-12) var(--space-14);font-size:var(--text-md);transition:border-color var(--duration-base) var(--ease)}.t-field.svelte-1xuvd1z:focus{border-color:var(--border-strong)}.t-textarea.svelte-1xuvd1z{background:transparent;border:none;padding:var(--space-14) var(--space-16);font-size:var(--text-md);resize:none;min-height:96px;line-height:var(--leading-relaxed)}.login-row.svelte-8ukb9p{margin-bottom:var(--space-10)}.login-row-submit.svelte-8ukb9p{margin-top:var(--space-4);margin-bottom:0}.status-banner.svelte-63fwg0{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-14);font-size:var(--text-sm);font-family:var(--font-body);letter-spacing:var(--tracking-snug);border:1px solid var(--border-subtle);animation:svelte-63fwg0-banner-in var(--duration-slow) var(--ease-out)}.status-banner.success.svelte-63fwg0{border-color:var(--success-border);background:var(--success-bg);color:var(--success-fg)}.status-banner.error.svelte-63fwg0{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-fg)}.status-banner.info.svelte-63fwg0{border-color:var(--border-subtle);background:var(--bg-raised);color:var(--text-muted)}.status-banner-icon.svelte-63fwg0{flex-shrink:0;font-size:var(--text-xs);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.success.svelte-63fwg0 .status-banner-icon:where(.svelte-63fwg0){background:var(--success-border)}.error.svelte-63fwg0 .status-banner-icon:where(.svelte-63fwg0){background:var(--danger-border)}.info.svelte-63fwg0 .status-banner-icon:where(.svelte-63fwg0){background:var(--border-subtle)}.status-banner-text.svelte-63fwg0{flex:1}@keyframes svelte-63fwg0-banner-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mode-selector.svelte-1elxaub{display:flex;gap:0}.tag-banner-wrap.svelte-1elxaub{padding:0 var(--space-20);padding-top:var(--space-8)}@media(max-width:768px){.mode-selector.svelte-1elxaub{display:none}}.element-ref.svelte-1w4zbrl{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);animation:svelte-1w4zbrl-ref-in var(--duration-base) var(--ease-out)}@keyframes svelte-1w4zbrl-ref-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.element-ref-icon.svelte-1w4zbrl{flex-shrink:0;color:var(--accent);display:flex;align-items:center}.element-ref-tag.svelte-1w4zbrl{flex-shrink:0;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:var(--text-2xs);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:var(--space-1) var(--space-6)}.element-ref-text.svelte-1w4zbrl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.chat-panel-inner.svelte-1csz7wk{display:flex;flex-direction:column;height:100%;min-height:0}.new-change-bar.svelte-1csz7wk{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border-default);flex-shrink:0}.badge.svelte-7j44kq{display:inline-block;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-snug);padding:1px var(--space-6);border:1px solid var(--border-subtle);color:var(--text-subtle)}.i-neutral.svelte-7j44kq{color:var(--text);border-color:var(--border-strong)}.i-subtle.svelte-7j44kq{color:var(--text-subtle);border-color:var(--border-default)}.i-accent.svelte-7j44kq{color:var(--accent);border-color:var(--accent-border)}.i-success.svelte-7j44kq{color:var(--success-fg);border-color:var(--success-border)}.i-warning.svelte-7j44kq{color:var(--warning-fg);border-color:var(--warning-border)}.i-danger.svelte-7j44kq{color:var(--danger-fg);border-color:var(--danger-border)}.i-info.svelte-7j44kq{color:var(--info-fg);border-color:var(--info-border)}.i-purple.svelte-7j44kq{color:var(--purple-fg);border-color:var(--purple-border)}.audit-panel.svelte-l5vj71{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.audit-summary.svelte-l5vj71{display:flex;gap:var(--space-1);padding:var(--space-16) var(--space-16) var(--space-12);flex-shrink:0;border-bottom:1px solid var(--border-default)}.audit-stat.svelte-l5vj71{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.audit-stat-value.svelte-l5vj71{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text);letter-spacing:var(--tracking-tight)}.audit-stat-label.svelte-l5vj71{font-size:var(--text-2xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.audit-filters.svelte-l5vj71{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-10) var(--space-16);border-bottom:1px solid var(--border-default);flex-shrink:0}.audit-table.svelte-l5vj71{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.audit-table.svelte-l5vj71::-webkit-scrollbar{width:4px}.audit-table.svelte-l5vj71::-webkit-scrollbar-track{background:transparent}.audit-table.svelte-l5vj71::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.audit-row.svelte-l5vj71{display:flex;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-16);border:none;border-bottom:1px solid var(--border-default);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.audit-row.svelte-l5vj71:hover{background:var(--bg-raised)}.audit-row.expanded.svelte-l5vj71{background:var(--bg-raised);border-bottom-color:var(--border-subtle)}.audit-col-time.svelte-l5vj71{flex-shrink:0;width:56px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:var(--text-2xs);color:var(--text-subtle);letter-spacing:var(--tracking-snug)}.audit-col-type.svelte-l5vj71{flex-shrink:0;width:90px}.audit-col-user.svelte-l5vj71{flex-shrink:0;width:64px;font-size:var(--text-xs);color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-col-summary.svelte-l5vj71{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.audit-detail.svelte-l5vj71{padding:var(--space-8) var(--space-16) var(--space-12);background:var(--bg-raised);border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--space-4);animation:svelte-l5vj71-detail-in var(--duration-base) var(--ease-out)}@keyframes svelte-l5vj71-detail-in{0%{opacity:0}to{opacity:1}}.audit-detail-row.svelte-l5vj71{display:flex;gap:var(--space-12);font-size:var(--text-xs);line-height:var(--leading-normal)}.audit-detail-key.svelte-l5vj71{flex-shrink:0;width:56px;color:var(--text-subtle);text-transform:uppercase;font-size:var(--text-raw-9);letter-spacing:var(--tracking-wider);padding-top:var(--space-2)}.audit-detail-val.svelte-l5vj71{color:var(--text-muted);min-width:0}.audit-detail-val.mono.svelte-l5vj71{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:var(--text-xs)}.audit-detail-wrap.svelte-l5vj71{white-space:pre-wrap;word-break:break-word}.audit-detail-error.svelte-l5vj71{color:var(--danger-fg)}.audit-detail-output-row.svelte-l5vj71 .audit-detail-val:where(.svelte-l5vj71){max-height:200px;overflow-y:auto;font-size:var(--text-xs);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.audit-empty.svelte-l5vj71{padding:var(--space-40) var(--space-16);text-align:center;font-size:var(--text-sm);color:var(--text-subtle);letter-spacing:var(--tracking-snug)}@media(max-width:768px){.audit-col-user.svelte-l5vj71{display:none}.audit-col-type.svelte-l5vj71{width:72px}.audit-summary.svelte-l5vj71{padding:var(--space-12)}.audit-filters.svelte-l5vj71{padding:var(--space-8) var(--space-12)}.audit-row.svelte-l5vj71{padding:var(--space-8) var(--space-12);gap:var(--space-8)}.audit-detail.svelte-l5vj71{padding:var(--space-8) var(--space-12) var(--space-12)}}.coming-soon.svelte-zaufm0{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.coming-soon-content.svelte-zaufm0{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.coming-soon-mode.svelte-zaufm0{font-size:var(--text-2xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-overline);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:var(--space-3) var(--space-12)}.coming-soon-heading.svelte-zaufm0{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--text-subtle);letter-spacing:var(--tracking-tight)}.coming-soon-desc.svelte-zaufm0{font-size:var(--text-sm);color:var(--text-subtle);letter-spacing:var(--tracking-snug);max-width:240px}.preview.svelte-utuac0{font-family:var(--font-body);color:var(--text);background:var(--bg);min-height:100dvh;padding:var(--space-40) var(--space-32);max-width:960px;margin:0 auto}.preview-head.svelte-utuac0{margin-bottom:var(--space-48);padding-bottom:var(--space-24);border-bottom:1px solid var(--border-default)}h1.svelte-utuac0{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-8)}.preview-head.svelte-utuac0 p:where(.svelte-utuac0){color:var(--text-muted);font-size:var(--text-sm)}code.svelte-utuac0{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:1px var(--space-6);color:var(--text)}section.svelte-utuac0{margin-bottom:var(--space-48)}h2.svelte-utuac0{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-24);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle)}.group.svelte-utuac0{display:grid;grid-template-columns:180px 1fr;gap:var(--space-24);align-items:center;padding:var(--space-16) 0;border-bottom:1px dashed var(--border-subtle)}.group.svelte-utuac0:last-child{border-bottom:none}.label.svelte-utuac0{font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-subtle);font-family:var(--font-mono)}.row.svelte-utuac0{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:center}.pill-group.svelte-utuac0{display:flex;gap:0}.textarea-frame.svelte-utuac0{width:100%;background:var(--bg-raised);border:1px solid var(--border-subtle);transition:border-color var(--duration-base) var(--ease)}.textarea-frame.svelte-utuac0:focus-within{border-color:var(--border-strong)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--gray-950: #000000;--gray-900: #0a0a0a;--gray-850: #111111;--gray-800: #1a1a1a;--gray-750: #252525;--gray-700: #262626;--gray-600: #333333;--gray-500: #444444;--gray-450: #4a4a4a;--gray-400: #777777;--gray-0: #ffffff;--accent: #20a89e;--accent-soft: rgba(32, 168, 158, .1);--accent-border: rgba(32, 168, 158, .25);--success-fg: #4ade80;--success-border: #1a3a2a;--success-bg: #0d1f15;--danger-fg: #cc3333;--danger-border: #3a1a1a;--danger-bg: #1f0d0d;--warning-fg: #f59e0b;--warning-border: #3a2a0a;--info-fg: #60a5fa;--info-border: #1a2a3a;--purple-fg: #a78bfa;--purple-border: #2a1a3a;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-3: 3px;--space-4: 4px;--space-5: 5px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", var(--font-body);--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 22px;--text-raw-9: 9px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--leading-none: 1;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: .02em;--tracking-wide: .04em;--tracking-wider: .06em;--tracking-overline: .12em;--radius-sm: 2px;--radius-full: 9999px;--duration-fast: .12s;--duration-base: .15s;--duration-slow: .2s;--duration-slower: .3s;--ease: ease;--ease-out: ease-out;--ease-in-out: ease-in-out;--bg: var(--gray-950);--bg-raised: var(--gray-900);--bg-elevated: var(--gray-850);--border-default: var(--gray-800);--border-subtle: var(--gray-700);--border-strong: var(--gray-500);--text: var(--gray-0);--text-muted: var(--gray-400);--text-subtle: var(--gray-500);--text-faint: var(--gray-600);--header-h: 52px;color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:var(--font-body);background:var(--bg);color:var(--text);height:100dvh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{padding:0 var(--space-20);height:var(--header-h);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:20}.header-left{display:flex;align-items:center;gap:var(--space-16)}.header-brand{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.header-sep{width:1px;height:16px;background:var(--border-subtle)}.header-label{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.header-right{display:flex;align-items:center;gap:var(--space-12)}#status-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-600);transition:background var(--duration-slower) var(--ease)}#status-dot.ready{background:var(--gray-450)}#status-dot.busy{background:var(--text);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.mobile-tabs{display:none;gap:0}#working-bar{position:absolute;top:var(--header-h);left:0;right:0;height:1px;background:transparent;overflow:hidden;z-index:30}#working-bar.active{background:var(--border-default)}#working-bar.active:after{content:"";display:block;height:100%;width:40%;background:var(--text);animation:working-slide 1.2s ease-in-out infinite}@keyframes working-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(prefers-reduced-motion:reduce){#working-bar.active:after{animation:none;opacity:.5;width:100%}#status-dot.busy{animation:none;opacity:.7}}.split-container{flex:1;display:flex;overflow:hidden;position:relative}.chat-panel{width:420px;min-width:320px;max-width:60%;display:flex;flex-direction:column;border-right:1px solid var(--border-default);flex-shrink:0}.resize-handle{width:5px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;z-index:10;margin-left:-3px;margin-right:-2px;transition:background var(--duration-base) var(--ease)}.resize-handle:hover,.resize-handle.dragging{background:var(--text-subtle)}.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0}.preview-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-12);border-bottom:1px solid var(--border-default);flex-shrink:0}.preview-url{font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:var(--tracking-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;gap:var(--space-8)}#preview-frame{flex:1;border:none;background:var(--bg-raised);width:100%;height:100%}#messages{flex:1;overflow-y:auto;padding:var(--space-24) var(--space-20);display:flex;flex-direction:column;gap:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}#messages::-webkit-scrollbar{width:4px}#messages::-webkit-scrollbar-track{background:transparent}#messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.msg-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-20)}.msg-group:last-child{margin-bottom:0}.msg-sender{font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-subtle);margin-bottom:var(--space-4);padding-left:var(--space-1)}.msg{font-size:var(--text-md);line-height:var(--leading-relaxed);word-wrap:break-word;overflow-wrap:break-word;font-weight:var(--weight-regular);animation:msg-in var(--duration-slow) var(--ease-out)}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg.user{color:var(--text);padding:var(--space-12) 0;border-bottom:1px solid var(--border-default);font-weight:var(--weight-regular)}.msg.assistant{color:var(--text-muted);padding:var(--space-12) 0}.msg.assistant strong{color:var(--text);font-weight:var(--weight-medium)}.msg.assistant pre{background:var(--bg-raised);border:1px solid var(--border-default);padding:var(--space-10) var(--space-12);overflow-x:auto;font-size:var(--text-sm);line-height:var(--leading-normal);margin:var(--space-8) 0}.msg.assistant code{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm)}.msg.assistant :not(pre)>code{background:var(--bg-raised);border:1px solid var(--border-default);padding:var(--space-1) var(--space-5);font-size:var(--text-xs)}.msg.assistant p+p{margin-top:var(--space-8)}.msg.assistant ul,.msg.assistant ol{padding-left:18px;margin:var(--space-6) 0}.msg.assistant li{margin:var(--space-3) 0}.msg.assistant li::marker{color:var(--text-subtle)}.msg.assistant h1,.msg.assistant h2,.msg.assistant h3{font-family:var(--font-heading);color:var(--text);margin:var(--space-14) 0 var(--space-6);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.msg.assistant h1{font-size:var(--text-lg)}.msg.assistant h2{font-size:15px}.msg.assistant h3{font-size:var(--text-md)}.msg.assistant a{color:var(--text);text-underline-offset:3px}.msg.error{color:var(--danger-fg);font-size:var(--text-sm);padding:var(--space-8) 0;font-weight:var(--weight-regular)}.action-bar{display:flex;gap:var(--space-6);margin-top:var(--space-12);flex-wrap:wrap;animation:msg-in var(--duration-slow) var(--ease-out)}.tool-activity{font-size:var(--text-xs);color:var(--text-subtle);padding:var(--space-3) 0;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;letter-spacing:var(--tracking-snug);animation:msg-in var(--duration-base) var(--ease-out);display:flex;align-items:center;gap:var(--space-6)}.tool-activity .tool-dot{width:4px;height:4px;border-radius:50%;background:var(--text-subtle);animation:pulse-dot 1s ease-in-out infinite}.tool-log{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.meta-info{font-size:var(--text-2xs);color:var(--text-subtle);padding:var(--space-6) 0 0;letter-spacing:var(--tracking-snug)}.typing-indicator{display:inline-flex;gap:var(--space-5);padding:var(--space-6) 0}.typing-indicator span{width:3px;height:3px;background:var(--text-muted);border-radius:50%;animation:typing-fade 1.6s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-fade{0%,80%,to{opacity:.2}40%{opacity:.8}}#input-area{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border-default);flex-shrink:0}.input-wrapper{position:relative;background:var(--bg-raised);border:1px solid var(--border-subtle);transition:border-color var(--duration-base) var(--ease);display:flex;flex-direction:column}.input-wrapper:focus-within{border-color:var(--text-subtle)}.input-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-12)}.input-hint{font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:var(--tracking-snug)}.input-actions{display:flex;gap:var(--space-6)}.image-preview{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-12);border-top:1px solid var(--border-default);animation:msg-in var(--duration-base) var(--ease-out)}.image-preview img{width:48px;height:48px;object-fit:cover;border:1px solid var(--border-subtle);flex-shrink:0}.image-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.image-preview-name{font-size:var(--text-sm);color:var(--text);font-weight:var(--weight-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-size{font-size:var(--text-2xs);color:var(--text-subtle);letter-spacing:var(--tracking-snug)}.input-wrapper.drag-over{border-color:var(--text);background:var(--bg-elevated)}.welcome{padding:0;animation:msg-in var(--duration-slower) var(--ease-out)}.welcome-heading{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.welcome-sub{color:var(--text-muted);font-size:var(--text-base);font-weight:var(--weight-light);line-height:var(--leading-relaxed)}@media(max-width:768px){:root{--header-h: 48px}header{padding:0 var(--space-16)}.header-label,.header-sep{display:none}.mobile-tabs{display:flex}.split-container{flex-direction:column}.chat-panel{width:100%!important;max-width:100%;min-width:100%;border-right:none}.resize-handle{display:none}.preview-panel,.audit-panel-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15}.split-container[data-tab=chat] .chat-panel{display:flex}.split-container[data-tab=chat] .preview-panel,.split-container[data-tab=chat] .audit-panel-wrap,.split-container[data-tab=preview] .chat-panel{display:none}.split-container[data-tab=preview] .preview-panel{display:flex}.split-container[data-tab=preview] .audit-panel-wrap,.split-container[data-tab=log] .chat-panel,.split-container[data-tab=log] .preview-panel{display:none}.split-container[data-tab=log] .audit-panel-wrap{display:flex}#messages{padding:var(--space-20) var(--space-16)}#input-area{padding:var(--space-12) var(--space-16)}.welcome-heading{font-size:var(--text-2xl)}}.audit-panel-wrap{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none}.iframe-overlay.active{display:block}#login-view{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:100;opacity:1;transition:opacity var(--duration-slow) var(--ease)}#login-view.hidden{opacity:0;pointer-events:none}.login-card{width:100%;max-width:360px;padding:0 var(--space-20)}.login-brand{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);text-align:center;margin-bottom:var(--space-6)}.login-label{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;margin-bottom:var(--space-32)}.login-error{font-size:var(--text-sm);color:var(--danger-fg);text-align:center;margin-top:var(--space-12);min-height:18px}.user-info{display:flex;align-items:center;gap:var(--space-10)}.user-name{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-snug)}