.chai-chat-preview-page{--chat-background: #f4f5f7;--chat-surface: #ffffff;--chat-surface-muted: #f7f8fa;--chat-text: #232832;--chat-muted: #626b7a;--chat-border: #dbe0e7;--chat-accent: #aa481c;--chat-accent-soft: #fff2e9;--chat-primary: #b94f20;--chat-primary-hover: #9c3f18;--chat-on-primary: #ffffff;--chat-danger: #b73535;--chat-shadow: 0 4px 20px rgba(29, 38, 55, .035);--chat-preview-background: radial-gradient(ellipse at 50% 32%, #ffffff, #e9edf2);--chat-phone-status: #ffffff;--chat-phone-background: #f5f5f5;--chat-phone-bubble: #ffffff;--chat-phone-bubble-border: #e2e8f0;--chat-phone-ink: #333333;--chat-phone-muted: #666666;--chat-phone-highlight: #c04e1b;--chat-phone-avatar: #ffffff;--chat-phone-avatar-ink: #4d596c;--chat-phone-chrome: #f5f5f5;--chat-phone-frame: #25272d;--chat-phone-rim: #9ca8b8;--chat-phone-home: #353941;--chat-phone-glow: 0 0 0 2px rgba(255,255,255,.8), 0 18px 42px rgba(28,40,58,.16);position:relative;isolation:isolate;z-index:0;flex:1;width:100%;min-width:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--chat-background);color:var(--chat-text);line-height:1.6}html[data-theme=dark] .chai-chat-preview-page{--chat-background: #10131b;--chat-surface: #1a1f2a;--chat-surface-muted: #141923;--chat-text: #e9edf4;--chat-muted: #a5afbf;--chat-border: #343e4f;--chat-accent: #ffad7a;--chat-accent-soft: #33271f;--chat-primary: #e7965f;--chat-primary-hover: #f3ab78;--chat-on-primary: #24170f;--chat-danger: #ff9999;--chat-shadow: 0 6px 24px rgba(0,0,0,.12);--chat-preview-background: radial-gradient(ellipse at 50% 30%, #222a39, #161b25 70%);--chat-phone-status: #141820;--chat-phone-background: #141820;--chat-phone-bubble: #242d3a;--chat-phone-bubble-border: #2e3746;--chat-phone-ink: #edf0f5;--chat-phone-muted: #abb3c1;--chat-phone-highlight: #ff954d;--chat-phone-avatar: #f3f4f6;--chat-phone-avatar-ink: #4d596c;--chat-phone-chrome: #141820;--chat-phone-frame: #282e39;--chat-phone-rim: #8d9db8;--chat-phone-home: #eff2f7;--chat-phone-glow: 0 0 0 2px rgba(154,183,231,.18), 0 0 28px rgba(131,164,220,.19), 0 24px 60px rgba(0,0,0,.4)}.chai-chat-preview-page :is(button,input,select,textarea):focus-visible{outline:2px solid var(--chat-accent);outline-offset:3px}.chai-chat-preview-page,.chai-chat-preview-page *,.chai-chat-preview-page *:before,.chai-chat-preview-page *:after{box-sizing:border-box}:where(.chai-chat-preview-page *){margin:0;padding:0}.text-input-container[data-v-5fb73081]{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:16px;padding:1.5rem;box-shadow:var(--chat-shadow)}.input-header[data-v-5fb73081]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.input-header h3[data-v-5fb73081]{font-size:16px;font-weight:600;color:var(--chat-text);margin:0}.input-actions[data-v-5fb73081]{display:flex;gap:.5rem}.btn-clear[data-v-5fb73081],.btn-sample[data-v-5fb73081]{padding:.5rem 1rem;border:1px solid var(--chat-border);border-radius:6px;background:var(--chat-surface);color:var(--chat-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-clear[data-v-5fb73081]:hover{border-color:var(--chat-danger);color:var(--chat-danger)}.btn-sample[data-v-5fb73081]:hover{border-color:var(--chat-accent);color:var(--chat-accent)}.text-input[data-v-5fb73081]{background:var(--chat-surface-muted);color:var(--chat-text);width:100%;min-height:260px;padding:1rem;border:1px solid var(--chat-border);border-radius:8px;font-size:14px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:vertical;transition:border-color .2s ease}.text-input[data-v-5fb73081]:focus{outline:none;border-color:var(--chat-accent);box-shadow:0 0 0 3px #667eea1a}.text-input[data-v-5fb73081]::placeholder{color:var(--chat-muted)}.input-stats[data-v-5fb73081]{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.85rem;color:var(--chat-muted)}.input-stats span[data-v-5fb73081]{display:flex;align-items:center}.highlight-test-section[data-v-5fb73081]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--chat-border)}.highlight-switch[data-v-5fb73081]{position:relative;display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input[data-v-5fb73081]{position:absolute;width:1px;height:1px;opacity:0}.switch-input:focus-visible+.switch-slider[data-v-5fb73081]{outline:2px solid var(--chat-accent);outline-offset:3px}.switch-slider[data-v-5fb73081]{position:relative;width:44px;height:24px;background:var(--chat-border);border-radius:12px;transition:all .3s ease}.switch-slider[data-v-5fb73081]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-slider[data-v-5fb73081]{background:var(--chat-primary)}.switch-input:checked+.switch-slider[data-v-5fb73081]:before{transform:translate(20px)}.switch-label[data-v-5fb73081]{font-size:.9rem;font-weight:500;color:var(--chat-text)}@media (max-width: 640px){.input-header[data-v-5fb73081]{flex-direction:column;align-items:flex-start;gap:1rem}.input-stats[data-v-5fb73081]{justify-content:flex-start}.highlight-switch[data-v-5fb73081]{flex-direction:column;align-items:flex-start;gap:.5rem}}.device-selector-container[data-v-d6bc8d96]{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:16px;padding:1.5rem;box-shadow:var(--chat-shadow)}.selector-header[data-v-d6bc8d96]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.selector-header h3[data-v-d6bc8d96]{font-size:16px;font-weight:600;color:var(--chat-text);margin:0}.device-info[data-v-d6bc8d96]{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.device-name[data-v-d6bc8d96]{font-size:.9rem;font-weight:500;color:var(--chat-accent)}.device-specs[data-v-d6bc8d96]{font-size:.75rem;color:var(--chat-muted)}.device-options[data-v-d6bc8d96]{display:flex;flex-direction:column;gap:.75rem}.device-option[data-v-d6bc8d96]{position:relative;cursor:pointer;transition:all .2s ease}.device-radio[data-v-d6bc8d96]{position:absolute;width:1px;height:1px;opacity:0}.device-radio:focus-visible+.device-card[data-v-d6bc8d96]{outline:2px solid var(--chat-accent);outline-offset:3px}.device-card[data-v-d6bc8d96]{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-surface);transition:all .2s ease}.device-option.active .device-card[data-v-d6bc8d96]{border-color:var(--chat-accent);background:var(--chat-accent-soft)}.device-card[data-v-d6bc8d96]:hover{border-color:var(--chat-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.device-option.active .device-card[data-v-d6bc8d96]:hover{border-color:var(--chat-accent)}.device-icon[data-v-d6bc8d96]{width:24px;height:24px;color:var(--chat-muted);flex-shrink:0}.device-option.active .device-icon[data-v-d6bc8d96]{color:var(--chat-accent)}.device-icon svg[data-v-d6bc8d96]{width:100%;height:100%}.device-details[data-v-d6bc8d96]{flex:1}.device-title[data-v-d6bc8d96]{font-size:14px;font-weight:500;color:var(--chat-text);margin-bottom:.25rem}.device-subtitle[data-v-d6bc8d96]{font-size:12px;color:var(--chat-muted)}.device-check[data-v-d6bc8d96]{width:20px;height:20px;color:var(--chat-accent);opacity:0;transition:opacity .2s ease}.device-option.active .device-check[data-v-d6bc8d96]{opacity:1}.device-check svg[data-v-d6bc8d96]{width:100%;height:100%}.size-note[data-v-d6bc8d96]{color:var(--chat-muted);font-size:12px;line-height:1.7;margin-top:14px}@media (max-width: 640px){.selector-header[data-v-d6bc8d96]{flex-direction:column;align-items:flex-start;gap:1rem}.device-info[data-v-d6bc8d96]{align-items:flex-start}.device-card[data-v-d6bc8d96]{padding:.75rem}}.parameter-adjuster-container[data-v-8337fbd4]{background:var(--chat-surface);border-radius:12px;padding:1.5rem;box-shadow:var(--chat-shadow);border:2px solid var(--chat-accent)}.adjuster-header[data-v-8337fbd4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.adjuster-header h3[data-v-8337fbd4]{font-size:1.2rem;font-weight:600;color:var(--chat-accent);margin:0}.header-actions[data-v-8337fbd4]{display:flex;gap:.5rem}.btn-export[data-v-8337fbd4],.btn-import[data-v-8337fbd4]{padding:.5rem 1rem;border:1px solid var(--chat-accent);border-radius:6px;background:var(--chat-surface);color:var(--chat-accent);font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-export[data-v-8337fbd4]:hover,.btn-import[data-v-8337fbd4]:hover{background:var(--chat-primary);color:var(--chat-on-primary)}.adjuster-tabs[data-v-8337fbd4]{display:flex;border-bottom:2px solid var(--chat-border);margin-bottom:1.5rem}.tab-button[data-v-8337fbd4]{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--chat-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button.active[data-v-8337fbd4]{color:var(--chat-accent);border-bottom-color:var(--chat-accent)}.parameter-group[data-v-8337fbd4]{display:flex;flex-direction:column;gap:1.5rem}.parameter-item[data-v-8337fbd4]{display:flex;flex-direction:column;gap:.5rem}.parameter-item label[data-v-8337fbd4]{font-size:.9rem;font-weight:500;color:var(--chat-text)}.parameter-control[data-v-8337fbd4]{display:flex;align-items:center;gap:1rem}.slider[data-v-8337fbd4]{flex:1;height:6px;border-radius:3px;background:var(--chat-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider[data-v-8337fbd4]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--chat-accent);cursor:pointer;border:2px solid var(--chat-surface);box-shadow:0 2px 4px #0003}.number-input[data-v-8337fbd4]{background:var(--chat-surface-muted);color:var(--chat-text);width:80px;padding:.5rem;border:1px solid var(--chat-border);border-radius:4px;font-size:.85rem;text-align:center}.number-input[data-v-8337fbd4]:focus{outline:none;border-color:var(--chat-accent);box-shadow:0 0 0 2px #f59e0b1a}.unit[data-v-8337fbd4]{font-size:.85rem;color:var(--chat-muted);min-width:24px}.device-preview-container[data-v-8aeeacf2]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.device-frame[data-v-8aeeacf2]{color-scheme:inherit;color:var(--chat-phone-ink);position:relative;background:#000;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--chat-phone-glow);outline:1px solid var(--chat-phone-rim);outline-offset:0}.status-bar[data-v-8aeeacf2]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative}.status-left .time[data-v-8aeeacf2]{font-size:14px;font-weight:600}.status-center[data-v-8aeeacf2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.notch[data-v-8aeeacf2]{width:120px;height:20px;background:#000;border-radius:0 0 12px 12px}.device-frame--island .notch[data-v-8aeeacf2]{width:104px;height:25px;border-radius:20px}.status-right[data-v-8aeeacf2]{display:flex;align-items:center}.signal-icons[data-v-8aeeacf2]{display:flex;gap:4px;align-items:center}.signal[data-v-8aeeacf2],.wifi[data-v-8aeeacf2],.battery[data-v-8aeeacf2]{width:16px;height:12px;color:var(--chat-phone-ink)}.chat-container[data-v-8aeeacf2]{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.message-group[data-v-8aeeacf2]{display:flex;gap:12px;align-items:flex-start}.avatar[data-v-8aeeacf2]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-avatar[data-v-8aeeacf2]{background:var(--chat-phone-avatar);color:var(--chat-phone-avatar-ink);border-radius:11px}.avatar svg[data-v-8aeeacf2]{width:24px;height:24px}.message-content[data-v-8aeeacf2]{display:flex;flex-direction:column;gap:4px;max-width:70%}.sender-name[data-v-8aeeacf2]{font-size:12px;color:var(--chat-phone-muted);font-weight:500}.message-bubble[data-v-8aeeacf2]{padding:12px 16px;border-radius:18px;position:relative}.bot-bubble[data-v-8aeeacf2]{background:var(--chat-phone-bubble);color:var(--chat-phone-ink);border:1px solid var(--chat-phone-bubble-border);border-bottom-left-radius:6px}.bubble-text[data-v-8aeeacf2]{word-wrap:break-word;white-space:pre-wrap}.home-indicator[data-v-8aeeacf2]{display:flex;justify-content:center;align-items:center}.home-indicator[data-v-8aeeacf2]:before{content:"";width:134px;height:5px;background:var(--chat-phone-home);border-radius:3px;opacity:1}.device-info[data-v-8aeeacf2]{background:var(--chat-surface-muted);padding:1.5rem;border-radius:12px;width:100%;max-width:400px}.device-info h4[data-v-8aeeacf2]{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--chat-text);text-align:center}.info-grid[data-v-8aeeacf2]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-item[data-v-8aeeacf2]{display:flex;flex-direction:column;gap:.25rem}.info-item .label[data-v-8aeeacf2]{font-size:.8rem;color:var(--chat-muted);font-weight:500}.info-item .value[data-v-8aeeacf2]{font-size:.9rem;color:var(--chat-text);font-weight:600}@media (max-width: 640px){.device-frame[data-v-8aeeacf2]{max-width:90vw}.info-grid[data-v-8aeeacf2]{grid-template-columns:1fr}}.app[data-v-b4bc00e2]{width:100%;min-width:0;display:flex;flex-direction:column}.app-header[data-v-b4bc00e2]{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:min(1480px,100%);margin:0 auto;padding:32px 32px 24px}.app-header h1[data-v-b4bc00e2]{font-size:28px;font-weight:600;margin:4px 0 6px;color:var(--chat-text);letter-spacing:-.6px}.page-eyebrow[data-v-b4bc00e2]{font-size:12px;font-weight:600;color:var(--chat-accent);letter-spacing:1px}.page-description[data-v-b4bc00e2]{color:var(--chat-muted);font-size:14px}.contact-info[data-v-b4bc00e2]{font-size:12px;color:var(--chat-muted);margin:0;font-weight:400;text-align:right;line-height:1.9}.app-main[data-v-b4bc00e2]{flex:1;display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;width:min(1480px,100%);margin:0 auto;padding:0 32px 40px;min-height:0}.control-panel[data-v-b4bc00e2]{display:flex;flex-direction:column;gap:20px}.control-buttons[data-v-b4bc00e2]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-b4bc00e2]{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.btn-secondary[data-v-b4bc00e2]{background:var(--chat-primary);color:var(--chat-on-primary)}.btn-secondary[data-v-b4bc00e2]:hover{background:var(--chat-primary-hover);transform:translateY(-1px)}.btn-outline[data-v-b4bc00e2]{background:transparent;color:var(--chat-accent);border:2px solid var(--chat-accent)}.btn-outline[data-v-b4bc00e2]:hover{background:var(--chat-accent-soft);color:var(--chat-accent);transform:translateY(-1px)}.preview-panel[data-v-b4bc00e2]{display:flex;flex-direction:column;align-items:center;gap:28px;min-width:0;padding:24px 28px 28px;background:var(--chat-preview-background);border:1px solid var(--chat-border);border-radius:18px;box-shadow:var(--chat-shadow)}.preview-heading[data-v-b4bc00e2]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-label[data-v-b4bc00e2]{color:var(--chat-muted);font-size:12px}.preview-heading h2[data-v-b4bc00e2]{font-size:15px;font-weight:600;margin-top:3px;color:var(--chat-text)}.theme-status[data-v-b4bc00e2]{display:inline-flex;gap:7px;align-items:center;color:var(--chat-muted);font-size:12px}.theme-status span[data-v-b4bc00e2]{width:6px;height:6px;border-radius:50%;background:var(--chat-accent)}.preview-note[data-v-b4bc00e2]{margin-top:0;font-size:12px;color:var(--chat-muted);text-align:center}@media (max-width: 1024px){.app-main[data-v-b4bc00e2]{grid-template-columns:1fr;gap:1rem}.control-panel[data-v-b4bc00e2]{order:2}.preview-panel[data-v-b4bc00e2]{order:1}}