:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-shell:#fff;--bg-sidebar:#f7f7f8;--bg-panel:#fff;--bg-panel-soft:#f7f7f8;--bg-bubble:#f7f7f8;--bg-bubble-user:#ececf1;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:#2563eb;--accent-strong:#111827;--danger:#b91c1c;--shadow:0 10px 30px #0f172a0f;background:#fff;font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#fff;min-height:100vh;margin:0;overflow:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--bg-shell);grid-template-columns:320px minmax(0,1fr);height:100dvh;transition:grid-template-columns .2s;display:grid}.app-shell--sidebar-collapsed{grid-template-columns:56px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);background:var(--bg-sidebar);z-index:2;transition:width .2s,border-color .2s;position:relative}.sidebar--collapsed{background:#fbfbfc}.sidebar-toggle{z-index:1;width:28px;height:28px;color:var(--text-secondary);box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:18px;right:20px}.sidebar-toggle:hover{color:var(--text-primary);background:0 0}.sidebar-toggle__glyph{border:1px solid #9ca3af;border-radius:5px;align-items:stretch;gap:3px;width:15px;height:15px;padding:2px;display:inline-flex}.sidebar-toggle__panel{background:#fff;border-radius:2px}.sidebar-toggle__panel--sidebar{background:#f3f4f6;width:4px}.sidebar-toggle__divider{background:#9ca3af;width:1px}.sidebar-toggle__panel--workspace{background:#fff;flex:1}.sidebar--collapsed .sidebar-toggle{right:14px}.sidebar-panel{flex-direction:column;gap:16px;height:100dvh;padding:16px 14px;display:flex;overflow-y:auto}.sidebar--collapsed .sidebar-panel{opacity:0;pointer-events:none}.sidebar-brand h1,.section-heading h2,.workspace-header h2,.opening-card h1{color:var(--text-primary);margin:0}.sidebar-brand p,.section-heading span,.workspace-subtitle,.opening-card p,.empty-copy,.message-bubble p,.composer-meta,.option-card span,.seed-card span,.seed-card p,.rule-card p{color:var(--text-secondary)}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.sidebar-brand{padding:6px 2px 2px}.sidebar-brand h1{margin-bottom:6px;font-size:21px}.sidebar-brand p:last-child{margin:0;font-size:13px;line-height:1.45}.sidebar-section{flex-direction:column;gap:10px;display:flex}.sidebar-section--compact{margin-top:auto}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{font-size:13px}.section-heading span{font-size:11px}.option-grid,.seed-list{gap:10px;display:grid}.option-grid--starting-round{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid--display-mode,.option-grid--style{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card,.seed-card,.restart-button{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);text-align:left;border-radius:16px;padding:12px;transition:border-color .2s,background .2s,transform .2s}.option-card:hover,.seed-card:hover,.restart-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.option-card:disabled,.seed-card:disabled,.restart-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.option-card--active,.seed-card--active{background:#f3f4f6;border-color:#d1d5db}.option-card strong,.seed-card strong{margin-bottom:6px;font-size:14px;display:block}.option-card--title-only strong{margin-bottom:0}.seed-card p,.seed-card span,.option-card span,.rule-card p{margin:0;font-size:12px;line-height:1.35}.rule-card{border:1px solid var(--border);background:var(--bg-panel-soft);border-radius:16px;padding:12px}.rule-card--header{min-width:320px;max-width:460px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:14px;padding:0;display:flex}.rule-card--header-main{flex:0 auto;min-width:0;max-width:980px}.rule-card h2{margin:0 0 10px;font-size:13px}.rule-card__label{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.rule-card__header-copy{gap:4px;display:grid}.rule-card__items{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.rule-chip{color:var(--text-secondary);white-space:nowrap;background:#fff;border:1px solid #dbe2ea;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;line-height:1;display:inline-flex}.rule-chip--strong{color:#1d4ed8;background:#eff6ff;border-color:#2563eb38}.restart-button{text-align:center;background:0 0}.restart-button--primary{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}.experiment-card{border:1px solid var(--border);background:linear-gradient(#fff,#f8fbff);border-radius:18px;gap:10px;padding:12px;display:grid}.experiment-card__copy{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.workspace{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid}.workspace-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 20px;display:flex}.workspace-header h2{margin-bottom:4px;font-size:16px}.workspace-subtitle{max-width:680px;margin:0;font-size:13px}.header-pills{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;min-width:fit-content;display:flex}.header-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.header-pill--status{color:#1f2937;white-space:nowrap;background:#f3f4f6;border:1px solid #0000;gap:8px;padding:7px 12px}.header-pill__dot{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px}.header-pill--status-connected{color:#1849a9;background:#f4f8ff}.header-pill--status-connected .header-pill__dot{background:#2563eb}.header-pill--status-mock{color:#374151;background:#f3f4f6}.header-pill--status-mock .header-pill__dot{background:#9ca3af}.header-export{border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px}.header-export:disabled{opacity:.5;cursor:not-allowed}.settings-drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a1f;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-drawer{--settings-title-size:15px;--settings-label-size:13px;border-left:1px solid var(--border);background:#fff;flex-direction:column;gap:16px;width:min(630px,100%);height:100dvh;padding:20px 18px;display:flex;overflow-y:auto;box-shadow:-20px 0 40px #0f172a14}.settings-drawer__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-drawer__header h2{font-size:var(--settings-title-size);color:var(--text-primary);margin:0;font-weight:700;line-height:1.35}.settings-drawer .section-heading h2{font-size:var(--settings-title-size);font-weight:700;line-height:1.35}.settings-drawer .section-heading span{font-size:var(--settings-label-size);font-weight:600;line-height:1.35}.settings-drawer__field{color:var(--text-primary);font-size:var(--settings-label-size);gap:8px;font-weight:600;display:grid}.settings-drawer__choice-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.settings-drawer__choice-group legend{color:var(--text-primary);font-size:var(--settings-label-size);padding:0;font-weight:600;line-height:1.35}.settings-drawer__section{gap:10px;display:grid}.settings-drawer__field textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:220px;font:inherit;color:var(--text-primary);background:#fbfbfc;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5}.settings-drawer__field input{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);background:#fbfbfc;border-radius:12px;padding:10px 12px;font-size:13px}.settings-drawer__field select{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);appearance:none;background:#fbfbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.25 5.5L7 9.25L10.75 5.5' stroke='%234b5563' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/14px 14px no-repeat;border-radius:12px;padding:10px 42px 10px 12px;font-size:13px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-drawer__hint{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.settings-drawer__inline-actions{justify-content:flex-start;display:flex}.settings-drawer__input-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.settings-drawer__icon-button{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-drawer__icon-button:hover{border-color:var(--border-strong);color:var(--text-primary)}.settings-drawer__icon-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb33}.settings-drawer__icon{width:18px;height:18px}.settings-drawer__error{color:var(--danger);margin:0;font-size:12px;line-height:1.45}.settings-drawer__actions{justify-content:space-between;gap:12px;margin-top:auto;display:flex}.settings-drawer__ghost,.settings-drawer__primary{border-radius:999px;padding:8px 14px;font-size:12px}.settings-drawer__ghost{border:1px solid var(--border);color:var(--text-primary);background:#fff}.settings-drawer__primary{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff}.chat-panel{flex-direction:column;min-height:0;display:flex}.chat-scroll{min-height:0;padding:16px 20px 12px;overflow-y:auto}.opening-card,.empty-state{border:1px solid var(--border);background:linear-gradient(#f8fbff,#fff);border-radius:20px;max-width:860px;margin:0 auto 14px;padding:14px 16px}.opening-card__content{justify-content:space-between;align-items:center;gap:24px;display:flex}.opening-card__turn{border:1px solid var(--border);background:#ffffffe0;border-radius:16px;min-width:260px;padding:14px 16px}.opening-card__turn-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.opening-card__turn strong{color:var(--text-primary);font-size:16px;line-height:1.35;display:block}.opening-card h1{margin-bottom:6px;font-size:20px}.opening-card p,.empty-copy{font-size:13px;line-height:1.45}.empty-state{background:#fafafa}.empty-title{color:var(--text-primary);margin:0 0 8px;font-size:14px}.message-list{flex-direction:column;gap:12px;max-width:860px;margin:0 auto;display:flex}.message-row{align-items:flex-start;gap:12px;display:flex}.message-row--user{flex-direction:row-reverse}.message-avatar{border:1px solid var(--border);width:34px;height:34px;color:var(--text-primary);background:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.message-bubble{background:var(--bg-bubble);border:1px solid var(--border);max-width:min(78ch,100% - 54px);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px}.message-row--user .message-bubble{background:var(--bg-bubble-user)}.message-bubble p{margin:0;font-size:14px;line-height:1.55}.message-bubble--typing{align-items:center;gap:8px;min-height:58px;display:inline-flex}.typing-dot{background:var(--text-secondary);border-radius:999px;width:9px;height:9px;animation:1.1s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 20px 10px;padding:10px 14px;display:flex}.error-banner p,.error-banner span{margin:0}.error-banner p{color:var(--danger);margin-bottom:4px}.error-banner button{border:1px solid var(--border);color:var(--text-primary);background:0 0;border-radius:12px;padding:10px 14px}.composer{background:linear-gradient(#ffffff4d,#fff);padding:10px 20px 14px}.composer-panel{border:1px solid var(--border);max-width:860px;box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:12px;margin:0 auto;padding:8px;display:flex}.composer-panel--error{border-color:#f0b6b6;box-shadow:0 0 0 3px #b91c1c0f}.composer-input{resize:none;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;min-height:44px;padding:8px 10px;font-size:14px}.composer-input[aria-invalid=true]{color:#7f1d1d}.composer-input::placeholder{color:var(--text-muted)}.composer-send{background:var(--accent-strong);color:#fff;border:0;border-radius:16px;align-self:flex-end;min-width:84px;padding:11px 16px}.composer-send--start{min-width:96px}.composer-send:disabled,.composer-input:disabled{opacity:.65;cursor:not-allowed}.composer-meta{justify-content:space-between;gap:16px;max-width:860px;margin:6px auto 0;font-size:11px;display:flex}.composer-meta p,.composer-meta span{margin:0}.composer-error{font-weight:600;color:var(--danger)!important}.auto-mode-panel{border-top:1px solid var(--border);background:#fff;padding:10px 20px 18px}.auto-mode-panel__inner{gap:12px;max-width:860px;margin:0 auto;display:grid}.experiment-summary{border-top:1px solid var(--border);background:#fff;padding:10px 20px 18px}.experiment-summary__inner{border:1px solid var(--border);background:linear-gradient(#f8fbff,#fff);border-radius:20px;max-width:860px;margin:0 auto;padding:18px 20px}.experiment-summary__inner h2,.experiment-summary__inner p{margin:0}.experiment-summary__inner h2{color:var(--text-primary);margin-bottom:8px;font-size:20px}.experiment-summary__inner p:last-child{color:var(--text-secondary);font-size:13px;line-height:1.5}.experiment-summary__link{color:var(--accent);overflow-wrap:anywhere;font-weight:600}.auto-turn-input{max-width:220px;color:var(--text-secondary);gap:8px;font-size:12px;display:grid}.auto-turn-input input{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px}@media (width<=960px){.app-shell,.app-shell--sidebar-collapsed{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.sidebar--collapsed,.sidebar-toggle{display:none}.workspace{min-height:auto}.workspace-header,.composer,.chat-scroll{padding-left:16px;padding-right:16px}.workspace-header{flex-direction:column}.header-side{align-items:stretch;width:100%;min-width:0}.header-pills{flex-wrap:wrap}.rule-card--header{flex-direction:column;align-items:flex-start;max-width:none}.rule-card__items{justify-content:flex-start}.settings-drawer{width:min(400px,100%)}}@media (width<=640px){.sidebar-panel,.workspace-header,.chat-scroll,.composer{padding:16px}body{overflow:auto}.app-shell,.sidebar-panel,.workspace{height:auto}.opening-card h1{font-size:24px}.opening-card__content{flex-direction:column;align-items:stretch}.opening-card__turn{min-width:0}.option-grid--starting-round{grid-template-columns:1fr}.message-row,.message-row--user{flex-direction:column}.message-bubble{max-width:100%}.composer-panel{flex-direction:column}.composer-send{width:100%}.composer-meta{flex-direction:column}}