:root{color:#1f2933;--bg:#f4f6f8;--surface:#fff;--surface-subtle:#f8fafc;--surface-strong:#eef2f6;--border:#d8dee7;--border-soft:#e7ebf0;--text:#1f2933;--muted:#667085;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#e6f4f1;--blue:#2563eb;--blue-soft:#eff6ff;--amber:#b45309;--amber-soft:#fff7ed;--danger:#b42318;--danger-soft:#fff1f0;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 10px 28px #10182814;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;padding:10px 11px;transition:border-color .14s,box-shadow .14s,background .14s}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e21}label{color:#384250;gap:7px;font-size:.86rem;font-weight:700;display:grid}h1,h2,p{margin:0}h1{color:var(--text);font-size:clamp(1.6rem,2.3vw,2.3rem);line-height:1.1}h2{color:var(--text);font-size:1rem}.status-screen,.participant-shell.centered{place-items:center;min-height:100vh;display:grid}.brand-line{align-items:center;gap:11px;display:flex}.brand-line strong{font-size:.98rem;display:block}.brand-line span,.muted{color:var(--muted);font-size:.82rem}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 24px #0f766e2e}.brand-mark.compact{width:34px;height:34px;box-shadow:none;border-radius:7px}.auth-layout{grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);min-height:100vh;display:grid}.auth-visual{background:linear-gradient(135deg, #0f766e14, transparent 42%), var(--surface-strong);border-right:1px solid var(--border);align-content:center;gap:44px;padding:52px;display:grid}.auth-panel{background:var(--surface);align-content:center;gap:22px;padding:52px min(9vw,96px);display:grid}.form-stack{gap:16px;display:grid}.form-error,.notice.error{color:var(--danger)}.primary-button,.icon-button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:760;transition:background .14s,border-color .14s,box-shadow .14s,color .14s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.primary-button:hover{background:var(--accent-strong)}.icon-button{background:var(--surface);width:38px;color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.icon-button:hover{background:var(--surface-subtle);border-color:#c8d0dc}.text-button{width:auto}.tiny{width:28px;min-height:28px;padding:0}.segmented{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;grid-auto-flow:column;width:max-content;display:inline-grid;overflow:hidden}.segmented.full{grid-template-columns:1fr 1fr;width:100%}.segmented button{color:#4b5563;background:0 0;border:0;padding:9px 16px;font-weight:700}.segmented button.active{background:var(--text);color:#fff}.matrix-preview{border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow-sm);background:#ffffffb8;border-radius:8px;grid-template-columns:70px repeat(3,minmax(76px,1fr));gap:8px;padding:18px;display:grid}.matrix-preview .axis{color:#374151;place-items:center;min-height:44px;font-size:.82rem;font-weight:750;display:grid}.matrix-preview .cell{background:#cfd8e3;border-radius:6px;min-height:52px}.matrix-preview .cell.active{background:#2f80ed}.matrix-preview .cell.hot{background:#f97316}.workspace{background:var(--bg);grid-template:"top top top"64px"side main agent"minmax(0,calc(100vh - 64px))/232px minmax(0,1fr) 390px;min-height:100vh;display:grid}.workspace.agent-collapsed{grid-template-columns:232px minmax(0,1fr) 58px}.topbar{border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-sm);background:#fffffff5;grid-area:top;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.sidebar{border-right:1px solid var(--border);background:#edf1f5;grid-area:side;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:14px;display:grid;overflow:hidden}.sidebar-heading,.section-heading,.toolbar,.matrix-actions,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-heading span{color:#344054;font-size:.92rem;font-weight:800}.experiment-list{align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.experiment-row{text-align:left;width:100%;min-height:44px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d6dae1;border-radius:6px;gap:2px;padding:8px 9px;transition:background .14s,border-color .14s,box-shadow .14s;display:grid}.experiment-row.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent), var(--shadow-sm)}.experiment-row:hover{background:var(--surface-subtle);border-color:#c8d0dc}.experiment-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.experiment-row small{text-transform:capitalize;font-size:.74rem}.experiment-search{gap:6px;display:grid}.experiment-search span{color:var(--muted);font-size:.76rem;font-weight:800}.experiment-search input{min-height:34px;padding:7px 9px}.experiment-list-empty{min-height:120px;color:var(--muted);border:1px dashed #b7c0cd;border-radius:6px;place-items:center;font-size:.86rem;display:grid}.experiment-pager{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.experiment-pager span{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.78rem;font-weight:800;overflow:hidden}.status-badge{border:1px solid var(--border);background:var(--surface-subtle);color:#4b5563;text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-height:22px;padding:2px 8px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.status-badge.published,.status-badge.completed{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e38}.status-badge.draft,.status-badge.started{background:var(--blue-soft);color:#1d4ed8;border-color:#2563eb33}.status-badge.archived,.status-badge.abandoned{background:var(--amber-soft);color:var(--amber);border-color:#b4530938}.main-surface{grid-area:main;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:18px 20px 22px;display:grid;overflow:auto}.agent-dock{background:var(--surface);border-left:1px solid var(--border-soft);grid-area:agent;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;display:grid;overflow:hidden}.agent-collapsed .agent-dock{place-items:start center;padding:14px 9px;display:grid}.agent-dock-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.agent-dock-header .brand-line{min-width:0}.agent-dock-header strong,.agent-dock-header span{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.agent-rail-button{background:var(--surface);width:40px;height:40px;color:var(--text);box-shadow:var(--shadow-sm);border:1px solid #d6dae1;border-radius:8px;place-items:center;display:grid}.agent-rail-button:hover{background:var(--surface-subtle)}.workspace-tabs{border:1px solid var(--border);background:var(--surface);width:max-content;box-shadow:var(--shadow-sm);border-radius:8px;gap:6px;padding:4px;display:flex}.workspace-tabs button{color:#4b5563;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-weight:750;display:inline-flex}.workspace-tabs button.active{border-color:var(--text);background:var(--text);color:#fff;box-shadow:var(--shadow-sm)}.workspace-tabs button:not(.active):hover{background:var(--surface-subtle);color:var(--text)}.editor-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.editor-primary,.settings-panel,.share-block,.link-block,.data-layout,.start-panel,.complete-panel,.choice-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.editor-primary{gap:16px;padding:20px;display:grid;overflow-x:auto}.settings-panel{gap:14px;padding:16px;display:grid;position:sticky;top:20px}.settings-panel h2{border-top:1px solid var(--border-soft);padding-top:14px;font-size:.9rem}.settings-panel h2:first-child{border-top:0;padding-top:0}.title-input{color:var(--text);box-shadow:none;border:0;border-radius:0;padding:0;font-size:1.55rem;font-weight:850}.description-input{border-color:var(--border-soft);background:var(--surface-subtle);min-height:48px;margin-top:8px}.toolbar-actions{gap:8px;display:flex}.notice{border:1px solid var(--border);background:var(--surface-subtle);box-shadow:var(--shadow-sm);border-radius:6px;padding:10px 12px;font-weight:650}.notice.error{background:var(--danger-soft);border-color:#f4b7b1}.trial-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.trial-tabs{gap:8px;display:flex;overflow-x:auto}.trial-tabs button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;min-width:118px;box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:8px;padding:9px 11px;font-weight:750;display:inline-flex}.trial-tabs button span{background:var(--surface-strong);border-radius:999px;place-items:center;width:22px;height:22px;font-size:.78rem;display:grid}.trial-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.trial-fields{grid-template-columns:minmax(180px,.7fr) minmax(260px,1.4fr) minmax(220px,1fr);align-items:start;gap:12px;display:grid}.trial-fields textarea{resize:vertical;min-height:86px}.settings-summary{border:1px solid var(--border);background:var(--surface-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.settings-summary span{color:var(--muted);font-size:.82rem;font-weight:800}.settings-summary strong{font-size:1.25rem}.condition-list{gap:10px;display:grid}.condition-row{grid-template-columns:minmax(0,1fr) 74px auto;align-items:center;gap:8px;display:grid}.condition-row input[type=number]{padding-right:6px}.matrix-editor{gap:12px;min-width:680px;display:grid}.edit-matrix,.run-matrix{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow-sm);border-radius:8px;gap:1px;display:grid;overflow:hidden}.matrix-corner,.matrix-head,.cell-editor,.run-cell{background:var(--surface);border:0;border-radius:0;min-height:72px}.matrix-corner,.matrix-head{place-items:center;padding:10px;font-weight:800;display:grid}.matrix-head{color:#344054;background:#f2f5f8}.editable-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}.editable-head input{background:var(--surface);min-width:0}.option-head{background:var(--accent-soft)}.cell-editor{resize:none;min-height:82px}.checkbox-line{align-items:center;gap:9px;display:flex}.sidebar-toggle{padding:4px 2px}.checkbox-line input{width:16px;height:16px}.share-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.share-block,.link-block,.data-layout{align-content:start;gap:16px;padding:20px;display:grid}.agent-layout{grid-template-rows:minmax(320px,1fr) auto;gap:14px;min-height:0;display:grid}.agent-thread,.agent-compose{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.agent-thread{flex-direction:column;gap:12px;min-height:0;padding:18px;display:flex;overflow:auto}.agent-context{border-bottom:1px solid var(--border-soft);align-items:center;gap:11px;padding-bottom:12px;display:flex}.agent-context strong,.agent-context span{overflow-wrap:anywhere;display:block}.agent-context span{color:var(--muted);font-size:.82rem}.agent-empty{min-height:220px;color:var(--muted);flex:1;place-items:center;display:grid}.agent-message{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;max-width:min(760px,86%);padding:11px 13px;line-height:1.48}.agent-message.user{background:var(--accent);color:#fff;align-self:flex-end}.agent-message.assistant{background:var(--surface-subtle);color:var(--text);align-self:flex-start}.agent-compose{gap:10px;padding:12px;display:grid}.agent-compose textarea{resize:vertical;min-height:96px}.compose-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-actions .notice{flex:1}.copy-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.data-table{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;display:grid;overflow:auto}.data-split{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}.data-controls{grid-template-columns:minmax(220px,1fr) 180px;align-items:end;gap:12px;display:grid}.data-row{background:var(--surface);border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;grid-template-columns:minmax(130px,1.2fr) 96px 72px minmax(120px,.9fr) minmax(120px,1fr) minmax(180px,1fr);gap:12px;padding:11px 12px;font-size:.9rem;display:grid}.data-row.head{cursor:default;background:#f2f5f8;font-weight:800}.data-row.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.data-row:not(.head):hover{background:var(--surface-subtle)}.session-detail{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;gap:16px;padding:18px;display:grid}.session-detail.empty{min-height:220px;color:var(--muted);place-items:center}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-grid div{background:var(--surface-subtle);border-radius:8px;gap:4px;padding:12px;display:grid}.metric-grid strong{overflow-wrap:anywhere;font-size:1.15rem}.metric-grid span,.detail-list span{color:var(--muted);font-size:.78rem;font-weight:750}.detail-list{grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:8px 12px;display:grid}.detail-list strong{overflow-wrap:anywhere;font-size:.86rem}.trial-choice-list{gap:8px;display:grid}.trial-choice-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 0;font-size:.86rem;display:grid}.trial-choice-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-preview{gap:8px;display:grid}.event-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(95px,.8fr) minmax(0,1fr);gap:10px;padding:8px 0;font-size:.84rem;display:grid}.event-row span{font-weight:800}.event-row small{overflow-wrap:anywhere;color:var(--muted)}.empty-state{background:var(--surface);min-height:360px;color:var(--muted);box-shadow:var(--shadow-sm);border:1px dashed #b7c0cd;border-radius:8px;place-items:center;gap:16px;display:grid}.participant-shell{background:var(--bg);min-height:100vh;padding:clamp(18px,4vw,44px)}.participant-start{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;max-width:1120px;margin:8vh auto 0;display:grid}.participant-start h1,.task-header h1{margin:8px 0 12px}.participant-copy{gap:16px;display:grid}.start-panel{gap:14px;padding:18px;display:grid}.consent-panel{background:var(--surface);white-space:pre-wrap;max-height:44vh;box-shadow:var(--shadow-sm);border:1px solid #d6dae1;border-radius:8px;gap:12px;padding:18px;line-height:1.55;display:grid;overflow:auto}.consent-panel h2{margin:0}.consent-check{align-items:flex-start;line-height:1.4}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:850}.task{align-content:start;gap:18px;display:grid}.task-header{justify-content:space-between;gap:16px;display:flex}.trial-title{color:var(--muted);margin:-6px 0 0;font-weight:760}.task-pills{align-items:flex-start;gap:8px;display:flex}.mode-pill{background:var(--surface);text-transform:capitalize;border:1px solid #b7c0cd;border-radius:999px;align-self:start;padding:6px 10px;font-weight:800}.task-instructions{color:#374151;max-width:900px;line-height:1.55}.run-matrix{width:min(100%,1180px)}.run-cell{color:var(--text);place-items:center;padding:12px;font-weight:760;display:grid}.run-cell:before{content:"";background:#b7c0cd;border-radius:6px;width:24px;height:24px;display:block}.run-cell.revealed{background:var(--amber-soft)}.run-cell.revealed:before{content:none}.run-cell span{overflow-wrap:anywhere}.choice-panel{gap:14px;width:min(100%,720px);padding:18px;display:grid}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.choice{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-height:44px;font-weight:750}.choice.active{border-color:var(--blue);background:var(--blue-soft);color:#1d4ed8}.complete-panel{place-items:center;gap:12px;min-width:280px;padding:28px;display:grid}.modal-backdrop{z-index:20;background:#2021246b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:8px;gap:14px;width:min(100%,620px);padding:18px;display:grid;box-shadow:0 18px 60px #1118273d}.modal-panel textarea{min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}@media (width<=920px){.auth-layout,.workspace,.editor-grid,.share-layout,.participant-start{grid-template-columns:1fr}.auth-visual{display:none}.workspace{grid-template-rows:auto auto auto;grid-template-areas:"top""side""main"}.sidebar{border-bottom:1px solid #dce1e8;border-right:0}.experiment-list{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;overflow-x:auto}.settings-panel{position:static}}@media (width<=640px){.topbar,.toolbar,.task-header,.section-heading{flex-direction:column;align-items:flex-start}.main-surface,.auth-panel,.participant-shell{padding:16px}.workspace-tabs{overflow-x:auto}.data-row,.data-split,.data-controls,.compose-actions{grid-template-columns:1fr}.compose-actions{flex-direction:column;align-items:stretch}}
