@scope(.social-lab-root){:scope{min-height:100vh;padding:var(--space-16,16px);background:radial-gradient(circle at 34% -12%, color-mix(in srgb, var(--color-accent,#7697ff) 13%, transparent), transparent 34rem), var(--workspace-bg,#191a1d);color:var(--workspace-text,#d8dbe0);font-family:var(--font-sans,system-ui, sans-serif);font-size:var(--pm-text-sm,1rem);line-height:var(--leading-145,1.45)}*,:before,:after{box-sizing:border-box}button,input,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-outline,2px solid #7697ff);outline-offset:var(--focus-offset,2px)}.topbar{width:min(100%,1680px);min-height:var(--space-72,72px);padding:var(--space-4,4px) var(--space-4,4px) var(--space-16,16px);justify-content:space-between;align-items:center;gap:var(--space-24,24px);margin:0 auto;display:flex}.brand{gap:var(--space-4,4px);min-width:0;display:grid}.eyebrow{color:var(--color-accent,#7697ff);font-size:var(--pm-font-13,.8125rem);font-weight:var(--weight-760,760);letter-spacing:.08em;text-transform:uppercase;display:block}.topbar h1,.topbar p,.conversation-head h2,.workbench-head h2,.section-heading h3{margin:0}.topbar h1{color:var(--color-text-strong,#f7f8f9);font-size:clamp(var(--pm-font-26,1.625rem), 2.4vw, var(--pm-font-34,2.125rem));font-weight:var(--weight-760,760);letter-spacing:-.035em;line-height:var(--leading-105,1.05)}.topbar p{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-15,.9375rem)}.topbar-actions,.status,.conversation-actions,.initiative-actions,.button-row{align-items:center;gap:var(--space-8,8px);display:flex}.status{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);text-align:right}.dot{width:var(--space-8,8px);height:var(--space-8,8px);border-radius:var(--radius-pill,999px);background:var(--color-muted-2,#9197a0);flex:none}.dot.live{background:var(--color-accent,#7697ff);box-shadow:0 0 0 var(--space-4,4px) var(--color-accent-soft,#7697ff2e)}.layout{gap:var(--space-12,12px);grid-template-columns:minmax(0,1fr) minmax(360px,420px);grid-template-areas:"conversation workbench";width:min(100%,1680px);min-height:calc(100vh - 108px);margin:0 auto;display:grid}.panel{border:1px solid var(--workspace-border,#c9cdd324);border-radius:var(--radius-12,12px);background:var(--workspace-panel,#24262a);min-width:0;min-height:0;box-shadow:var(--shadow-panel,0 8px 24px #0003);overflow:hidden}button{min-height:var(--control-height-36,36px);padding:0 var(--space-12,12px);border:1px solid var(--color-border,#c9cdd324);border-radius:var(--radius-7,7px);background:var(--color-control,#24262a);color:var(--color-text,#d8dbe0);font-size:var(--pm-font-14,.875rem);font-weight:var(--weight-600,600);cursor:pointer;transition:background var(--duration-120,.12s) var(--ease-standard,ease), border-color var(--duration-120,.12s) var(--ease-standard,ease), color var(--duration-120,.12s) var(--ease-standard,ease)}button:hover:not(:disabled),button.active{border-color:var(--color-border-strong,#dcdfe44d);background:var(--color-control-hover,#2a2c31);color:var(--color-text-strong,#f7f8f9)}button:disabled{opacity:.42;cursor:default}button.primary{border-color:color-mix(in srgb, var(--color-accent,#7697ff) 58%, transparent);background:color-mix(in srgb, var(--color-accent,#7697ff) 26%, var(--color-control,#24262a));color:var(--color-text-strong,#f7f8f9)}button.danger{border-color:color-mix(in srgb, var(--color-danger,#e56569) 56%, transparent);background:var(--color-danger-soft,#e565692e);color:var(--color-text-strong,#f7f8f9)}button.quiet{color:var(--color-muted,#9da2aa);background:0 0;border-color:#0000}input,textarea{min-height:var(--control-height-36,36px);border:1px solid var(--color-border,#c9cdd324);border-radius:var(--radius-7,7px);background:var(--color-bg-canvas,#202226);color:var(--color-text,#d8dbe0);padding:var(--space-8,8px) var(--space-10,10px);font-size:var(--pm-font-15,.9375rem);outline:0}input:focus,textarea:focus{border-color:var(--color-accent,#7697ff);box-shadow:var(--component-focus-ring,0 0 0 2px #7697ff)}textarea{resize:vertical}.conversation{grid-area:conversation;grid-template-rows:auto minmax(300px,1fr) auto auto auto;min-height:720px;display:grid}.conversation-head{padding:var(--space-16,16px) var(--space-18,18px);justify-content:space-between;align-items:center;gap:var(--space-20,20px);border-bottom:1px solid var(--workspace-border,#c9cdd324);display:flex}.conversation-head>div:first-child{gap:var(--space-4,4px);display:grid}.conversation-head h2,.workbench-head h2{color:var(--color-text-strong,#f7f8f9);font-size:var(--pm-font-20,1.25rem);font-weight:var(--weight-700,700)}.conversation-head>div>span:not(.eyebrow){color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem)}.day{width:var(--space-64,64px);min-height:var(--control-height-32,32px);padding:var(--space-4,4px) var(--space-6,6px)}.conversation-actions{flex-wrap:wrap;justify-content:flex-end}.transcript{padding:var(--space-24,24px) clamp(var(--space-16,16px), 3vw, var(--space-36,36px));scroll-behavior:smooth;overflow:auto}.empty-state{gap:var(--space-10,10px);text-align:center;width:min(100%,760px);margin:min(12vh,108px) auto 0;display:grid}.empty-state>strong{color:var(--color-text-strong,#f7f8f9);font-size:var(--pm-font-20,1.25rem);font-weight:var(--weight-700,700)}.empty-state>span{max-width:60ch;color:var(--color-muted,#9da2aa);font-size:var(--pm-font-15,.9375rem);line-height:var(--leading-155,1.55);margin:0 auto}.scenario-grid{margin-top:var(--space-10,10px);gap:var(--space-10,10px);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scenario-card{min-height:118px;padding:var(--space-14,14px);align-content:start;gap:var(--space-6,6px);background:var(--workspace-panel-2,#2a2c31);display:grid}.scenario-card strong,.preset-card strong{color:var(--color-text-strong,#f7f8f9);font-size:var(--pm-font-15,.9375rem)}.scenario-card span,.preset-card span{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);font-weight:var(--weight-400,400);line-height:var(--leading-145,1.45)}.utterance{max-width:min(78%,740px);margin:0 0 var(--space-16,16px)}.utterance>strong{color:var(--color-muted-2,#9197a0);font-size:var(--pm-font-13,.8125rem);font-weight:var(--weight-700,700);letter-spacing:.07em}.utterance p{margin:var(--space-4,4px) 0 0;padding:var(--space-12,12px) var(--space-14,14px);border:1px solid var(--color-border,#c9cdd324);border-radius:var(--radius-10,10px);background:var(--workspace-panel-2,#2a2c31);color:var(--color-text,#d8dbe0);font-size:var(--pm-font-16,1rem);line-height:var(--leading-155,1.55);white-space:pre-wrap}.utterance.player{text-align:right;margin-left:auto}.utterance.player p{text-align:left;border-color:color-mix(in srgb, var(--color-accent,#7697ff) 35%, var(--color-border,transparent));background:color-mix(in srgb, var(--color-accent,#7697ff) 12%, var(--workspace-panel-2,#2a2c31))}.utterance.reflex p{border-color:color-mix(in srgb, var(--color-danger,#e56569) 35%, var(--color-border,transparent));background:var(--color-danger-soft,#e565692e);width:fit-content;font-style:italic}.utterance.reflex>strong{color:var(--color-danger,#e56569)}.initiative-card{padding:var(--space-12,12px) var(--space-16,16px);align-items:center;gap:var(--space-16,16px);border-top:1px solid color-mix(in srgb, var(--color-warning,#e8b553) 36%, var(--color-border,transparent));background:color-mix(in srgb, var(--color-warning,#e8b553) 8%, transparent);grid-template-columns:minmax(0,1fr) auto;display:grid}.initiative-card>div:first-child{gap:var(--space-4,4px);display:grid}.initiative-card>div:first-child>strong{color:var(--color-text,#d8dbe0);font-size:var(--pm-font-15,.9375rem)}.composer{padding:var(--space-12,12px) var(--space-14,14px);gap:var(--space-10,10px);border-top:1px solid var(--workspace-border,#c9cdd324);grid-template-columns:minmax(0,1fr) auto;display:grid}.composer textarea{width:100%;min-height:76px;max-height:220px;font-size:var(--pm-font-16,1rem)}.composer button{min-width:88px}.interrupt-bar{padding:var(--space-10,10px) var(--space-14,14px) var(--space-12,12px);align-items:center;gap:var(--space-8,8px);border-top:1px solid color-mix(in srgb, var(--color-danger,#e56569) 24%, var(--color-border,transparent));background:color-mix(in srgb, var(--color-danger,#e56569) 4%, transparent);grid-template-columns:minmax(150px,.55fr) minmax(240px,1fr) auto auto;display:grid}.interrupt-bar.armed{background:color-mix(in srgb, var(--color-danger,#e56569) 9%, transparent)}.interrupt-copy{gap:var(--space-2,2px);display:grid}.interrupt-copy strong{color:color-mix(in srgb, var(--color-danger,#e56569) 74%, var(--color-text-strong,white));font-size:var(--pm-font-14,.875rem)}.interrupt-copy span{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem)}.interrupt-bar textarea{width:100%;min-height:var(--control-height-40,40px);resize:none}.interrupt-settings{border:0;margin:0;padding:0;position:relative}.interrupt-settings summary{min-height:var(--control-height-36,36px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);cursor:pointer;place-items:center;list-style:none;display:grid}.interrupt-settings summary::-webkit-details-marker{display:none}.timing-grid{z-index:10;right:0;bottom:calc(100% + var(--space-6,6px));width:250px;padding:var(--space-12,12px);gap:var(--space-10,10px);border:1px solid var(--color-border-strong,#dcdfe44d);border-radius:var(--radius-10,10px);background:var(--color-surface,#24262a);box-shadow:var(--shadow-strong,0 16px 40px #0000004d);display:grid;position:absolute}.timing-grid label{align-items:center;gap:var(--space-8,8px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);grid-template-columns:1fr 80px 24px;display:grid}.timing-grid input{width:100%}.workbench{grid-area:workbench;grid-template-rows:auto auto minmax(0,1fr);display:grid}.workbench-head{padding:var(--space-16,16px) var(--space-16,16px) var(--space-10,10px);justify-content:space-between;align-items:flex-start;gap:var(--space-10,10px);display:flex}.workbench-head>div:first-child{gap:var(--space-4,4px);display:grid}.website-endpoint{align-items:center;gap:var(--space-6,6px);max-width:190px;color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem);white-space:nowrap;display:flex;overflow:hidden}.website-endpoint code{text-overflow:ellipsis;color:var(--color-muted,#9da2aa);font:var(--pm-font-13,.8125rem)/var(--leading-14,1.4) var(--font-mono,monospace);overflow:hidden}.website-endpoint .dot{width:var(--space-6,6px);height:var(--space-6,6px);background:var(--color-success,#52b78e)}.workbench-tabs{padding:0 var(--space-12,12px) var(--space-10,10px);border-bottom:1px solid var(--workspace-border,#c9cdd324);grid-template-columns:repeat(3,1fr);display:grid}.workbench-tabs button{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);background:0 0;border-width:0 0 2px;border-radius:0}.workbench-tabs button.active{border-color:var(--color-accent,#7697ff);color:var(--color-text-strong,#f7f8f9)}.workbench-body{padding:var(--space-14,14px) var(--space-16,16px) var(--space-20,20px);overflow:auto}.workbench-section{padding:var(--space-4,4px) 0 var(--space-16,16px)}.workbench-section+.workbench-section{padding-top:var(--space-16,16px);border-top:1px solid var(--workspace-border,#c9cdd324)}.section-heading{margin-bottom:var(--space-12,12px);gap:var(--space-4,4px);display:grid}.section-heading h3{color:var(--color-text,#d8dbe0);font-size:var(--pm-font-15,.9375rem);font-weight:var(--weight-700,700)}.section-heading p{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);line-height:var(--leading-145,1.45);margin:0}.preset-grid{gap:var(--space-8,8px);grid-template-columns:1fr 1fr;display:grid}.preset-card{min-height:104px;padding:var(--space-12,12px);align-content:start;gap:var(--space-6,6px);text-align:left;background:var(--workspace-panel-2,#2a2c31);display:grid}.slider-row{margin:var(--space-10,10px) 0;align-items:center;gap:var(--space-8,8px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);grid-template-columns:minmax(140px,1fr) minmax(90px,1fr) 54px;display:grid}.slider-row input{min-width:0;min-height:auto;accent-color:var(--color-accent,#7697ff);padding:0}.slider-row output{color:var(--color-text,#d8dbe0);text-align:right;font-size:var(--pm-font-14,.875rem);font-variant-numeric:tabular-nums}.disclosure{border-top:1px solid var(--workspace-border,#c9cdd324);margin:0;padding:0}.disclosure>summary{padding:var(--space-14,14px) 0;gap:var(--space-4,4px);color:var(--color-text,#d8dbe0);font-size:var(--pm-font-15,.9375rem);font-weight:var(--weight-700,700);cursor:pointer;grid-template-columns:minmax(0,1fr);display:grid}.disclosure>summary small{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);font-weight:var(--weight-400,400)}.disclosure-body{padding:0 0 var(--space-16,16px)}.check{margin:var(--space-10,10px) 0;align-items:flex-start;gap:var(--space-8,8px);color:var(--color-text,#d8dbe0);font-size:var(--pm-font-14,.875rem);line-height:var(--leading-145,1.45);display:flex}.check input{min-height:auto;margin-top:var(--space-2,2px);accent-color:var(--color-accent,#7697ff)}.field{margin:var(--space-10,10px) 0;gap:var(--space-6,6px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);display:grid}.field input{width:100%}.segmented{margin-bottom:var(--space-10,10px);grid-template-columns:1fr 1fr;display:grid}.button-row{margin-top:var(--space-10,10px)}.button-row button{flex:1}.inline-result{margin-top:var(--space-10,10px);padding:var(--space-10,10px) var(--space-12,12px);justify-content:space-between;gap:var(--space-8,8px);border-radius:var(--radius-7,7px);background:var(--workspace-panel-2,#2a2c31);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);display:flex}.inline-result strong{color:var(--color-text-strong,#f7f8f9)}.facts-editor{width:100%;font:var(--pm-font-14,.875rem)/var(--leading-145,1.45) var(--font-mono,monospace)}.model-note{gap:var(--space-6,6px) var(--space-10,10px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);grid-template-columns:1fr minmax(0,1.4fr);display:grid}.model-note strong{color:var(--color-text,#d8dbe0);font:var(--pm-font-13,.8125rem)/var(--leading-14,1.4) var(--font-mono,monospace);overflow-wrap:anywhere}.stat-grid,.metric-grid{gap:var(--space-8,8px);grid-template-columns:1fr 1fr;display:grid}.stat-card,.metric-card{padding:var(--space-12,12px);gap:var(--space-4,4px);border:1px solid var(--workspace-border,#c9cdd324);border-radius:var(--radius-8,8px);background:var(--workspace-panel-2,#2a2c31);display:grid}.stat-card span,.metric-card span{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem);font-weight:var(--weight-700,700)}.stat-card strong,.metric-card strong{color:var(--color-text-strong,#f7f8f9);font-size:var(--pm-font-24,1.5rem);font-variant-numeric:tabular-nums}.metric-card{grid-template-columns:1fr auto;align-items:baseline}.metric-card span{grid-column:1/-1}.metric-card small{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem)}.trace-list,.belief-list{gap:var(--space-8,8px);display:grid}.trace-row,.belief-card,.plan-card{padding:var(--space-10,10px) var(--space-12,12px);border:1px solid var(--workspace-border,#c9cdd324);border-radius:var(--radius-8,8px);background:var(--workspace-panel-2,#2a2c31)}.trace-row{gap:var(--space-4,4px) var(--space-10,10px);grid-template-columns:1fr auto;display:grid}.trace-row>span,.belief-card strong,.plan-card>strong{color:var(--color-text,#d8dbe0);font-size:var(--pm-font-14,.875rem)}.trace-row>span{text-transform:capitalize}.trace-row>strong{font-size:var(--pm-font-13,.8125rem);text-transform:uppercase}.trace-row>strong.supports{color:var(--color-success,#52b78e)}.trace-row>strong.violates{color:var(--color-danger,#e56569)}.trace-row>small{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem);grid-column:1/-1}.belief-card{gap:var(--space-6,6px);display:grid}.belief-card span{color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem);text-transform:capitalize}.plan-card{gap:var(--space-8,8px);display:grid}.plan-card ol{padding-left:var(--space-22,22px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);line-height:var(--leading-155,1.55);margin:0}.tone-pill{width:fit-content;padding:var(--space-4,4px) var(--space-8,8px);border:1px solid var(--color-border-strong,#dcdfe44d);border-radius:var(--radius-pill,999px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-13,.8125rem)}.muted-empty{padding:var(--space-12,12px);border:1px dashed var(--color-border,#c9cdd324);border-radius:var(--radius-7,7px);color:var(--color-muted,#9da2aa);font-size:var(--pm-font-14,.875rem);margin:0}.raw-stack pre{padding:var(--space-12,12px);border-radius:var(--radius-7,7px);background:var(--color-bg-canvas,#202226);color:var(--color-text,#d8dbe0);font:var(--pm-font-13,.8125rem)/var(--leading-15,1.5) var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (max-width:1040px){:scope{padding:var(--space-10,10px)}.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"conversation""workbench";min-height:0}.conversation{min-height:740px}.workbench{min-height:560px}.interrupt-bar{grid-template-columns:minmax(0,1fr) auto}.interrupt-copy{grid-column:1/-1}.interrupt-bar textarea{grid-column:1}.interrupt-settings{grid-column:1/-1;justify-self:end}}@media (max-width:700px){:scope{padding:var(--space-8,8px)}.topbar{align-items:flex-start;gap:var(--space-10,10px)}.topbar p{display:none}.topbar-actions{align-items:flex-end}.status{max-width:170px}.conversation{min-height:700px}.conversation-head{flex-direction:column;align-items:flex-start}.conversation-actions{justify-content:stretch;width:100%}.conversation-actions button{flex:1}.scenario-grid,.preset-grid{grid-template-columns:1fr}.empty-state{margin-top:var(--space-36,36px)}.transcript{padding-inline:var(--space-12,12px)}.utterance{max-width:94%}.composer{grid-template-columns:1fr}.composer button{width:100%}.interrupt-bar{grid-template-columns:1fr}.interrupt-bar textarea,.interrupt-bar button,.interrupt-settings{grid-column:1}.interrupt-settings{justify-self:stretch}.interrupt-settings summary{justify-items:end}.timing-grid{width:100%;margin-top:var(--space-6,6px);position:static}.slider-row{grid-template-columns:1fr 48px}.slider-row>span{grid-column:1/-1}.slider-row input{grid-column:1}}}