/* Setup and everyday work share the same shell, color themes and type scale. */
body[data-portal="everyday"] [data-workspace-nav="setup"],
body[data-portal="setup"] [data-workspace-nav="customer"] { display:none!important }
body[data-portal="setup"] { --sidebar-w:218px }
body[data-workspace="customer"] .setup-nav { display:flex;flex-direction:column;gap:3px;padding:20px 12px;overflow-y:auto }
.setup-nav-label { color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:700;padding:0 12px 15px }
.setup-nav .nav-section { font-size:10px;padding:20px 12px 7px;letter-spacing:.08em;color:var(--text-3) }
.setup-nav .nav-item { width:100%;min-height:38px;padding:9px 12px;gap:12px;font-size:12px;border-radius:8px }
.setup-nav .nav-item.active { color:var(--accent);background:var(--accent-glow) }
.setup-nav-advanced { margin-top:18px;border-top:1px solid var(--border);padding-top:10px }
.setup-nav-advanced summary { display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;font-size:12px;color:var(--text-2) }
.setup-nav-advanced summary:after { content:'+';margin-left:auto }.setup-nav-advanced[open] summary:after { content:'−' }
.setup-nav .setup-return { margin-top:12px;color:var(--text-2);border-top:1px solid var(--border);padding-top:15px }
body[data-portal="setup"] .workspace-motto { display:none }
body[data-portal="setup"] .content { max-width:1800px;width:100%;margin:auto;padding:28px 32px 48px }
body[data-portal="setup"] .workspace-summary { display:none }
body[data-portal="setup"] .office-display-controls> .sd-segment:first-child { display:none }
body[data-workspace="customer"] .customer-nav .nav-item[data-route="#setup"] { margin-top:18px }
.setup-hero { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px }
.setup-hero .sd-eyebrow { color:var(--accent);font-size:10px;letter-spacing:.13em;font-weight:650;margin:0 0 13px }
.setup-hero .sd-eyebrow span { color:var(--text-3);letter-spacing:0;font-weight:400 }
.setup-hero h1 { font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-1.3px;line-height:1.2;margin:0 0 12px }
.setup-hero p:last-child { color:var(--text-2);font-size:13px;line-height:1.8;max-width:590px;margin:0 }
.setup-hero.with-guide { min-height:180px;background:radial-gradient(ellipse at 85% 90%,var(--accent-glow),transparent 65%);border-bottom:1px solid var(--border);padding-bottom:18px }
.setup-guide { position:relative;flex:none;width:165px;height:155px;background:url('/portal/assets/office/june-tour.webp') 0 0/300% 200% no-repeat;margin-right:12% }
.setup-guide span { position:absolute;left:130px;top:26px;padding:12px 14px;width:136px;border:1px solid var(--border);border-radius:14px 14px 14px 0;background:var(--bg-2);color:var(--text-2);font-size:12px;line-height:1.6;transform:rotate(3deg) }
.setup-shortcuts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px }
.setup-shortcut { display:flex;gap:14px;align-items:center;padding:17px 16px;border-radius:13px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s }
.setup-shortcut:hover { border-color:var(--accent);transform:translateY(-2px) }
.setup-shortcut>span:nth-child(2) { flex:1 }.setup-shortcut>svg { width:16px;color:var(--text-3) }
.setup-shortcut strong { display:block;font-size:13px;font-weight:600 }.setup-shortcut small { display:block;font-size:11px;color:var(--text-2);line-height:1.6;margin-top:4px }
.setup-shortcut-icon { display:grid;place-items:center;flex:none;width:44px;height:48px;border-radius:13px;background:var(--accent-glow);color:var(--accent);transform:rotate(-4deg) }
.setup-shortcut-icon.tone-1 { background:#36b79e19;color:var(--teal);transform:rotate(4deg) }.setup-shortcut-icon.tone-2 { background:#d5a34e1a;color:var(--yellow) }
.setup-assistant-layout { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.85fr);gap:22px;min-height:500px;height:calc(100dvh - 455px) }
.setup-assistant-layout>div { min-width:0 }.setup-assistant-layout .onboarding-side-panel { width:auto;min-width:0 }
.setup-assistant-layout .onboarding-side-content { overflow:auto;min-height:0 }
.setup-assistant-layout .onboarding-status-card { background:var(--bg-2);border-radius:14px }
.setup-assistant-layout .onboarding-step { padding:9px 0 }.setup-assistant-layout .onboarding-step-detail { line-height:1.6;font-size:11px }
.setup-assistant-layout .onboarding-step-dot { border-radius:10px }
.setup-chat-heading { display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:9px }
.setup-june-avatar { width:36px;height:36px;border-radius:50%;background:var(--accent-glow) url('/portal/assets/office/june-tour.webp') 0 0/300% 200% no-repeat }
.setup-chat-badge { margin-left:auto;font-size:10px;color:var(--teal);font-weight:500;background:#36b79e16;border-radius:20px;padding:5px 8px }
.setup-assistant-layout .chat-msg { font-size:13px;line-height:1.8 }.setup-assistant-layout .chat-messages { padding:20px }
.setup-assistant-layout .chat-input-row { padding:16px;align-items:center }
.setup-assistant-layout .onboarding-session-tab { max-width:170px }.setup-assistant-layout .onboarding-session-tabs { flex-wrap:wrap }
.setup-activity-summary { color:var(--text-2);font-size:12px;line-height:1.6;padding:12px 2px }.setup-activity-summary:empty { display:none }
.setup-advanced { border:1px solid var(--border);border-radius:12px;background:var(--bg-2);margin:14px 0;min-width:0 }
.setup-advanced>summary { padding:15px 18px;cursor:pointer;font-size:12px;color:var(--text-2);font-weight:600 }
.setup-advanced[open]>summary { border-bottom:1px solid var(--border);color:var(--accent) }
.setup-advanced-body { padding:18px;display:grid;gap:18px }.setup-advanced .card { border:0;margin:0;box-shadow:none }
.setup-json { overflow:auto;max-height:300px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:12px;background:var(--bg) }
.setup-preview-note { padding:12px 16px;color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:18px }
.setup-call-preview { width:100%;min-height:850px;height:calc(100dvh - 280px);border:1px solid var(--border);border-radius:16px;background:var(--bg) }
body[data-portal="setup"] :is(.agent-page-card,.playbook-ai-card,.card,.agent-card) { border-radius:14px;border-color:var(--border);box-shadow:none;background:var(--bg-2) }
body[data-portal="setup"] :is(.agent-page-hero,.playbook-page-hero) { background:transparent;border:0;padding:0;margin-bottom:22px }
body[data-portal="setup"] :is(.agent-page-hero,.playbook-page-hero) h1 { font-size:24px;letter-spacing:-.7px }
body[data-portal="setup"] :is(.agent-page-hero,.playbook-page-hero) p { max-width:600px;font-size:12px;line-height:1.7 }
body[data-portal="setup"] :is(.agent-page-layout,.playbook-followup-grid) { gap:20px }
body[data-portal="setup"] .agent-page-card { padding:22px }.agent-page>.setup-advanced { margin-top:24px }
body[data-portal="setup"] :is(.input,.textarea,.select) { border-radius:8px }
body[data-portal="setup"] .table-wrap { border-radius:12px;overflow:auto }
body[data-portal="setup"] th { font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-3) }
body[data-portal="setup"] td { padding-top:15px;padding-bottom:15px }
body[data-portal="setup"] .card-title { font-size:14px;text-transform:none;letter-spacing:0 }
body[data-portal="setup"] .btn { border-radius:8px }
@media(max-width:1100px) { .setup-guide { margin-right:80px;width:135px;height:130px }.setup-guide span { left:105px;width:100px;font-size:11px }.setup-shortcut small { display:none }.setup-assistant-layout { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) }.setup-shortcut { padding:14px 12px;gap:10px } }
@media(max-width:800px) { body[data-portal="setup"] .content { padding:22px 16px }.setup-assistant-layout { grid-template-columns:1fr;height:auto }.setup-assistant-layout>div:first-child { min-height:540px }.setup-assistant-layout .onboarding-side-panel { width:100% }.setup-hero.with-guide { min-height:150px }.setup-guide { display:none }.setup-hero h1 { font-size:27px }.setup-shortcuts { gap:8px }.setup-shortcut { flex-direction:column;text-align:center;gap:8px }.setup-shortcut>svg { display:none }.setup-shortcut strong { font-size:11px }.setup-chat-badge { display:none }.setup-call-preview { min-height:1400px } }
@media(prefers-reduced-motion:reduce) { .setup-shortcut { transition:none } }
.playbook-library-card { display:block;width:100%;text-align:left;color:var(--text);font:inherit;padding:0 22px 20px;overflow:hidden;cursor:pointer }
.playbook-library-card .agent-card-header { margin-top:22px }.playbook-library-card .agent-desc { min-height:36px;line-height:1.7 }
.playbook-card-link { display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:16px;margin-top:20px;font-size:12px;color:var(--accent) }
.playbook-illustration { position:relative;height:140px;margin:0 -22px;background:linear-gradient(135deg,#8668e51e,#59b4d516);overflow:hidden;color:var(--accent) }
.playbook-illustration.palette-1 { background:linear-gradient(135deg,#68b99c20,#6f9ad516) }.playbook-illustration.palette-2 { background:linear-gradient(135deg,#e5b86820,#ce88b91a) }
.story-doodle { position:absolute;z-index:1;background:var(--bg-2);border:1px solid var(--border);box-shadow:3px 5px 0 var(--accent-glow) }
.story-hello { left:12%;top:24px;padding:14px 20px;border-radius:14px 14px 2px 14px;transform:rotate(-8deg);font-size:16px;font-weight:600 }
.story-card { left:46%;top:38px;width:70px;height:80px;border-radius:10px;padding:12px;transform:rotate(8deg);color:var(--teal) }.story-card i { display:block;margin-top:6px;height:4px;background:var(--border);border-radius:3px }.story-card i:last-child { width:65% }
.story-outcome { right:13%;top:38px;padding:12px;border-radius:50%;color:var(--teal);transform:rotate(-7deg) }
.story-orbit { position:absolute;right:32%;top:18px;font-size:22px;color:var(--yellow) }
.story-connector { position:absolute;width:80%;height:100%;left:10%;opacity:.5 }
.journey-intro { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 8px 22px }
.journey-intro h2 { font-size:24px;letter-spacing:-.7px;font-weight:550;margin:9px 0 }.journey-intro p { font-size:12px;line-height:1.7;color:var(--text-2) }
.journey-intro-icon { width:68px;height:68px;display:grid;place-items:center;background:var(--accent-glow);color:var(--accent);border-radius:22px;transform:rotate(8deg);flex:none }.journey-intro-icon svg { width:30px;height:30px }
.journey-subject-picker { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px }
.journey-subject-picker button { display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);padding:12px 16px;border-radius:10px;cursor:pointer;font:inherit;font-size:12px }
.journey-subject-picker button[aria-pressed="true"] { color:var(--accent);border-color:var(--accent);background:var(--accent-glow) }
.journey-subject-picker button span { background:var(--bg-2);padding:2px 6px;border-radius:5px;font-size:10px }
.journey-recognition { display:flex;align-items:center;gap:18px;background:var(--bg-3);padding:22px 26px;border-radius:14px;margin-bottom:25px }.journey-recognition>div { flex:1 }
.journey-quote-mark { font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--accent) }.journey-recognition small { font-size:9px;letter-spacing:.13em;color:var(--text-3) }
.journey-recognition p { margin:6px 0;font-size:18px;line-height:1.5;color:var(--text) }.journey-recognition div>span { font-size:12px;color:var(--text-2);line-height:1.7 }
.journey-timeline { position:relative;display:grid;gap:14px;margin:0 8px }.journey-timeline:before { content:'';position:absolute;top:0;bottom:0;left:36px;border-left:2px dashed var(--border) }
.journey-step { z-index:1;position:relative;border:1px solid var(--border);border-radius:14px;background:var(--bg-2) }
.journey-step summary { display:flex;gap:18px;align-items:center;padding:20px;cursor:pointer;list-style:none }.journey-step summary::-webkit-details-marker { display:none }
.journey-stop { width:42px;height:46px;border:1px solid var(--border);border-radius:14px;background:var(--bg-3);display:grid;place-items:center;color:var(--accent);flex:none;transform:rotate(-4deg) }
.journey-step:nth-child(even) .journey-stop { color:var(--teal);transform:rotate(4deg) }.journey-step-heading { display:grid;gap:6px;flex:1 }
.journey-step-heading small { font-size:9px;letter-spacing:.07em;color:var(--text-3);text-transform:uppercase }.journey-step-heading strong { font-size:15px;font-weight:550 }.journey-step-heading>span { color:var(--text-2);font-size:12px;line-height:1.65 }
.journey-expand { color:var(--accent);font-size:20px }.journey-step[open] .journey-expand { transform:rotate(45deg) }
.journey-step-body { border-top:1px solid var(--border);padding:18px 24px 18px 80px }
.journey-action { display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--border) }.journey-action>svg { color:var(--teal) }.journey-action strong { font-size:13px;font-weight:550 }.journey-action p { font-size:12px;color:var(--text-2);line-height:1.7;margin:5px 0 }
.journey-condition { font-size:11px;line-height:1.7;color:var(--text-2);padding:10px 12px;background:var(--bg-3);border-radius:8px;margin:12px 0 0 }
.journey-branch { margin:18px 8px;padding:18px 22px;border:1px dashed var(--accent);border-radius:12px;font-size:12px;color:var(--text-2) }.journey-branch p { margin-top:8px }
.journey-finish { display:flex;align-items:center;gap:16px;margin:24px 8px 0;padding:20px;border:1px solid #58b99c44;background:#4bae9110;border-radius:14px;color:var(--teal) }.journey-finish strong { font-size:13px;font-weight:550 }.journey-finish p { margin-top:6px;font-size:12px;color:var(--text-2);line-height:1.7 }
.journey-footnote { font-size:11px;color:var(--text-3);line-height:1.7;padding:20px 8px 0 }.journey-empty { text-align:center;padding-bottom:24px }.journey-empty .playbook-illustration { max-width:370px;margin:0 auto 24px;border-radius:20px }.journey-empty h3 { font-size:20px;margin-bottom:10px }.journey-empty p { color:var(--text-2);font-size:13px;line-height:1.7 }
body[data-portal="setup"] .playbook-flow-panel { padding:24px }.playbook-wizard-rail { flex-wrap:wrap }
@media(max-width:800px) { .journey-intro h2 { font-size:21px }.journey-intro-icon { display:none }.journey-recognition { padding:18px;flex-wrap:wrap;gap:10px }.journey-recognition .btn { margin-left:0 }.journey-quote-mark { display:none }.journey-recognition p { font-size:16px }.journey-step summary { padding:14px;gap:12px }.journey-step-body { padding:14px }.journey-step-heading strong { font-size:14px }.journey-stop { width:34px;height:38px }.journey-step-heading>span { font-size:11px }body[data-portal="setup"] .playbook-flow-panel { padding:16px } }

body[data-portal="setup"].nav-collapsed .setup-nav-label { font-size:0;padding:0 }
body[data-portal="setup"].nav-collapsed .setup-nav-advanced summary span { display:none }
body[data-portal="setup"] .btn-secondary { color:var(--text);border-color:var(--border) }
[data-theme="light"] .test-call-link { color:var(--accent);border-color:var(--border) }
/* Keep the conversation, composer and draft review within the available workspace. */
body[data-portal="setup"] .content:has(.setup-assistant-page) { padding:20px 24px;overflow:hidden;display:flex;min-height:0 }
.setup-assistant-page { display:flex;flex-direction:column;width:100%;min-height:0 }
.setup-assistant-page .setup-shortcuts { flex:none;margin-bottom:18px }
.setup-assistant-page .setup-shortcut { padding:13px 16px }
.setup-assistant-page .setup-assistant-layout { flex:1;height:auto;min-height:0 }
.setup-assistant-layout>div:first-child { min-height:0 }
.setup-chat-header { position:relative;padding:18px 112px 14px 20px;border-bottom:1px solid var(--border);flex:none;min-height:116px }
.setup-chat-header .setup-chat-badge { margin-left:6px }
.setup-assistant-layout .chat-input-row { flex:none;padding:12px 16px }
.setup-assistant-layout .onboarding-session-tabs { flex-wrap:nowrap;overflow-x:auto }
.setup-companion { position:absolute;right:12px;top:6px;width:94px;height:106px;background:none;border:0;cursor:pointer;color:var(--accent);border-radius:15px }
.setup-companion:focus-visible { outline:2px solid var(--accent);outline-offset:2px }
.setup-companion-sprite { position:absolute;inset:0 0 12px;background:url('/portal/assets/office/june-tour.webp') 0 0/300% 200% no-repeat;transform-origin:50% 85%;animation:june-breathe 4s ease-in-out infinite }
.setup-companion-shadow { position:absolute;left:30%;right:30%;bottom:10px;height:5px;border-radius:50%;background:var(--accent);opacity:.13 }
.setup-companion-spark { position:absolute;right:3px;top:14px;font-size:15px;opacity:.6;animation:june-spark 4s ease-in-out infinite }
.setup-companion[data-mood="thinking"] .setup-companion-sprite { background-position:50% 100%;animation:june-ponder 2s ease-in-out infinite }
.setup-companion[data-mood="celebrate"] .setup-companion-sprite { background-position:100% 100%;animation:june-wave 1.5s ease-in-out 2 }
.setup-companion.is-waving .setup-companion-sprite { background-position:0 0;animation:june-wave 1.4s ease-in-out }
@keyframes june-breathe { 50% { transform:translateY(-3px) rotate(1deg) } }
@keyframes june-ponder { 50% { transform:rotate(-3deg) translateY(-2px) } }
@keyframes june-wave { 20%,60% { transform:rotate(5deg) translateY(-5px) } 40%,80% { transform:rotate(-3deg) } }
@keyframes june-spark { 50% { transform:scale(.7) rotate(25deg);opacity:.2 } }
@media(max-width:800px) {
 body[data-portal="setup"] .content:has(.setup-assistant-page) { display:block;overflow:auto;padding:14px 12px }
 .setup-assistant-page .setup-assistant-layout { display:flex;flex-direction:column;gap:16px }
 .setup-assistant-layout>div:first-child { height:calc(100dvh - 230px);min-height:370px;flex:none!important }
 .setup-assistant-page .setup-shortcut { padding:10px;flex-direction:row;justify-content:center }
 .setup-assistant-page .setup-shortcut-icon { width:28px;height:30px }
 .setup-chat-header { padding:14px 88px 12px 16px }
 .setup-companion { width:76px;height:88px;right:5px;top:14px }
 .setup-assistant-layout .onboarding-side-content { overflow:visible }
 .setup-assistant-layout .chat-messages { padding:14px }
}
@media(prefers-reduced-motion:reduce) { .setup-companion * { animation:none!important } }
/* A connected workshop: edit a little, see the effect, then try a conversation. */
.studio-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px }
.studio-steps>button { display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:12px;padding:16px 13px;background:var(--bg-2);color:var(--text);font:inherit;cursor:pointer;min-width:0 }
.studio-steps>button>span:first-child { display:grid;place-items:center;width:34px;height:38px;border-radius:11px;background:var(--bg-3);color:var(--text-3);flex:none;transform:rotate(-5deg) }
.studio-steps strong { display:block;font-size:12px;font-weight:600 }.studio-steps small { display:block;color:var(--text-3);font-size:10px;margin-top:4px }.studio-steps i { font-size:11px;font-style:normal;margin-left:auto;color:var(--text-3) }
.studio-steps [aria-pressed="true"] { border-color:var(--accent);background:var(--accent-glow) }.studio-steps [aria-pressed="true"]>span:first-child { background:var(--bg-2);color:var(--accent) }
.studio-body { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;align-items:start }.studio-editing { min-width:0 }
.studio-editing [data-studio-panel]:not([hidden]) { display:grid;gap:18px }
.studio-editing .agent-page-card { margin:0 }.studio-editing .agent-page-card-title { font-size:18px;letter-spacing:-.4px }.studio-editing .agent-page-card-subtitle { line-height:1.7;margin-bottom:20px }
.studio-live-example { position:sticky;top:0;border:1px solid var(--border);border-radius:18px;padding:26px;background:linear-gradient(155deg,var(--accent-glow),transparent 60%),var(--bg-2);min-width:0 }
.studio-example-art { position:relative;height:116px;display:flex;justify-content:center;align-items:center }
.studio-art { display:grid;place-items:center;width:74px;height:82px;border-radius:24px;background:var(--bg-2);border:1px solid var(--border);box-shadow:5px 6px 0 var(--accent-glow);color:var(--accent);transform:rotate(-8deg) }.studio-art svg { width:35px;height:35px }
.studio-example-art i { position:absolute;left:22%;top:15px;font-size:27px;color:var(--yellow);font-style:normal }.studio-soundwave { position:absolute;bottom:17px;right:13%;color:var(--teal);letter-spacing:2px;font-size:22px;transform:rotate(7deg);background:var(--bg-2);border:1px solid var(--border);padding:5px 12px;border-radius:12px }
.studio-live-example .sd-eyebrow { color:var(--accent);font-size:9px;letter-spacing:.1em;line-height:1.7 }.studio-live-example h2 { font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:550;margin:10px 0 20px;overflow-wrap:anywhere }
.studio-sample-bubble { padding:18px 20px;border:1px solid var(--border);background:var(--bg-2);border-radius:15px 15px 15px 2px;font-size:14px;line-height:1.85;overflow-wrap:anywhere }
.studio-live-example p,.studio-live-example li { font-size:12px;color:var(--text-2);line-height:1.85 }.studio-live-example>.btn { margin-top:12px;display:flex;gap:9px;align-items:center;justify-content:center;width:100% }
.studio-live-example .studio-example-footnote { font-size:10px;line-height:1.8;color:var(--text-3) }.studio-traits { display:flex;gap:6px;flex-wrap:wrap;margin-top:16px }.studio-traits span { padding:5px 8px;border-radius:6px;background:var(--accent-glow);font-size:10px;color:var(--accent) }
.studio-mini-path { padding-left:24px }.studio-mini-path li { padding:8px 0 8px 4px }.studio-mini-path small { display:block;font-size:10px;color:var(--text-3) }.studio-support-list { padding-left:18px }
.studio-agent-journey { margin-top:20px;border-top:1px solid var(--border);padding-top:20px }.studio-agent-journey .journey-intro h2 { font-size:19px }.studio-agent-journey .journey-intro-icon { display:none }.studio-agent-journey .journey-recognition { padding:16px }.studio-agent-journey .journey-recognition p { font-size:14px }.studio-agent-journey .journey-step summary { padding:14px;gap:12px }.studio-agent-journey .journey-step-body { padding:14px }.studio-agent-journey .journey-step-heading strong { font-size:13px }.studio-agent-journey .journey-step-heading>span { font-size:11px }
.studio-connections { display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:14px 18px;background:var(--bg-2);margin-bottom:18px }.studio-connection-icon { width:36px;height:38px;display:grid;place-items:center;font-size:24px;color:var(--teal);background:#36b79e16;border-radius:11px;flex:none }.studio-connections strong { font-size:12px;font-weight:550 }.studio-connections p { margin:5px 0 0;font-size:11px;color:var(--text-3);line-height:1.7 }.studio-connections>span:last-child { margin-left:auto;font-size:11px;color:var(--text-3);flex:none }.studio-agent-link { border:0;background:var(--accent-glow);color:var(--accent);padding:5px 8px;border-radius:5px;font:inherit;margin-right:6px;cursor:pointer }
.studio-step-editor { border:1px solid var(--border);border-radius:14px;background:var(--bg-2);overflow:hidden }.studio-step-editor>summary { display:flex;gap:14px;align-items:center;padding:18px;cursor:pointer;list-style:none }.studio-step-editor>summary::-webkit-details-marker { display:none }.studio-step-number { display:grid;place-items:center;width:36px;height:40px;border-radius:12px;background:var(--accent-glow);color:var(--accent);transform:rotate(-5deg);flex:none;font-size:14px }
.studio-step-editor>summary strong { display:block;font-size:14px;font-weight:550;line-height:1.5 }.studio-step-editor>summary small { display:block;font-size:11px;color:var(--text-3);margin-top:4px;line-height:1.6 }.studio-step-edit-label { display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;margin-left:auto;flex:none }.studio-step-edit-label svg { width:15px }
.studio-step-editor[open] { border-color:var(--accent) }.studio-step-editor[open]>summary { background:var(--accent-glow);border-bottom:1px solid var(--border) }
body[data-portal="setup"] .studio-step-editor .playbook-step-row { display:block;border:0;border-radius:0;margin:0;padding:20px;background:var(--bg-2) }.studio-step-editor .playbook-step-order { display:none }.studio-step-editor .playbook-step-actions { flex-direction:row;justify-content:flex-end;margin-top:14px }
.studio-step-editor .playbook-step-item { background:var(--bg);border-radius:12px;padding:18px }.studio-step-editor .playbook-step-item .setup-advanced { margin-bottom:0;background:var(--bg) }.studio-step-editor .playbook-step-item .setup-advanced>summary { padding:10px 12px;font-size:10px }
.studio-action-consequence { display:flex;gap:12px;padding:16px;border-radius:10px;background:#36b79e10;border:1px solid #36b79e25;margin-top:16px }.studio-action-consequence>span { color:var(--teal);flex:none }.studio-action-consequence small { display:block;letter-spacing:.07em;font-size:8px;color:var(--teal);margin-bottom:8px }.studio-action-consequence strong { font-size:13px;font-weight:550;line-height:1.7 }.studio-action-consequence p { font-size:11px;line-height:1.8;color:var(--text-2);margin:6px 0 0 }.studio-action-consequence .studio-gate { font-weight:600;color:var(--teal) }
.studio-preview-dialog { width:min(1500px,calc(100vw - 40px));max-width:none;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--text);box-shadow:0 25px 100px #0006 }.studio-preview-dialog::backdrop { background:#10162e99;backdrop-filter:blur(5px) }.studio-preview-dialog[open] { display:flex;flex-direction:column }
.studio-preview-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--bg-2);border-bottom:1px solid var(--border);flex:none }.studio-preview-heading small { color:var(--accent);font-size:9px;letter-spacing:.1em }.studio-preview-heading h2 { margin:6px 0 0;font-size:20px;font-weight:550;letter-spacing:-.5px }.studio-preview-heading button { display:flex;align-items:center;gap:7px;flex:none }.studio-preview-dialog .setup-preview-note { margin:12px 18px;flex:none }.studio-preview-dialog .setup-call-preview { width:100%;flex:1;min-height:0;height:auto;border:0;border-radius:0 }.studio-preview-save { margin:auto;max-width:500px;padding:36px;text-align:center }.studio-preview-save .studio-art { margin:0 auto 30px }.studio-preview-save h3 { font-size:24px;line-height:1.4 }.studio-preview-save p { font-size:13px;line-height:1.8;color:var(--text-2);margin:16px 0 24px }
.journey-edit-step { margin-bottom:16px }.journey-walk-controls { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 22px;padding:12px 16px;border:1px dashed var(--border);border-radius:10px;font-size:11px;color:var(--text-3) }.journey-walk-controls span { flex:1 }.journey-step.is-current { box-shadow:0 0 0 2px var(--accent);transition:box-shadow .2s }
@media(max-width:1100px) { .studio-steps>button { padding:12px 10px;gap:8px }.studio-steps small,.studio-steps i { display:none }.studio-steps strong { font-size:11px }.studio-live-example { padding:20px }.studio-body { grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:16px }.studio-editing .agent-voice-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media(max-width:800px) { .studio-steps { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px }.studio-body { grid-template-columns:minmax(0,1fr) }.studio-live-example { position:static;order:-1;padding:18px }.studio-example-art { display:none }.studio-live-example h2 { font-size:20px;margin-bottom:12px }.studio-live-example .studio-example-footnote { margin-bottom:0 }.studio-sample-bubble { padding:12px 16px;font-size:12px }.studio-live-example>.btn { width:auto;font-size:12px }.studio-connections { padding:12px }.studio-connections>span:last-child { display:none }.studio-step-editor>summary { padding:13px;gap:10px }.studio-step-editor .playbook-step-item { padding:12px }body[data-portal="setup"] .studio-step-editor .playbook-step-row { padding:12px }.studio-preview-dialog { width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px }.studio-preview-heading { padding:12px;gap:8px }.studio-preview-heading h2 { font-size:15px }.studio-preview-heading .btn { font-size:10px;padding:8px }.studio-preview-dialog .setup-preview-note { font-size:10px;margin:8px;padding:8px 10px } }
.setup-assistant-page .setup-assistant-layout { grid-template-rows:minmax(0,1fr) }
.setup-assistant-page .setup-assistant-layout>div { min-height:0 }