/* Zidos · раскладка экранов (R32a-2). Правила сборки 120f55f без id-префикса #r26-clio: приоритет id заменён слоями layout-base < layout-screens < layout-top; значения компонентов задаёт components.css (слой выше). */
@layer layout-base {
html { margin: 0; height: 100%; }
input, textarea { font: inherit; color: inherit; }
h1, h2, h3, p { margin: 0; }
a:focus-visible, summary:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--action);
  outline-offset: 3px;
}
.app {
  display: grid;
  grid-template-columns: 246px minmax(0, 1fr);
  height: 100vh;
  height: 100dvh;
  padding: 8px 8px 8px 0;
  overflow: hidden;
}
.workspace { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--frame); border-radius: 14px; overflow: hidden; }
.sidebar { display: flex; flex-direction: column; gap: 20px; padding: 20px 14px 12px; min-width: 0; min-height: 0; background: var(--canvas); }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 10px; font-size: 17px; }
.logo { color: var(--ink); font-size: 27px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.studio-switch { display: flex; flex-direction: column; gap: 3px; text-align: left; padding: 10px; border-radius: 10px; width: 100%; }
.studio-switch strong { font-size: 13px; font-weight: 600; }
.studio-switch > span { color: var(--muted); font-size: 11px; }
.sidebar nav { overflow-y: auto; min-height: 0; }
.nav-heading { margin: 0 10px 14px; color: var(--muted); font-size: 11px; font-weight: 500; }
.project + .project { margin-top: 20px; }
.project h3, .sidebar-agents h3 { padding: 0 10px; margin: 0 0 6px; font-size: 12px; font-weight: 600; }
.chat-link { display: flex; flex-direction: column; gap: 3px; padding: 9px 12px; margin: 2px 0; border-radius: 9px; }
.chat-link.current { background: var(--panel); }
.chat-title { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.chat-status { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 400; }
.status { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.status i, .chat-status i { display: inline-block; flex: none; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-needs_you { color: var(--attention); }
.status-working { color: var(--ink); }
.sidebar-owner { margin-top: auto; padding: 6px 10px 0; }
.sidebar-agents { padding-top: 6px; }
.avatar { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--panel); color: var(--ink); font-size: 12px; font-weight: 600; }
.avatar.small { width: 24px; height: 24px; font-size: 10px; }
.agent-glyph { color: var(--agent-glyph); font-weight: 750; letter-spacing: -.04em; }
.person { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.person strong { display: block; font-size: 13px; font-weight: 550; }
.person small { display: block; color: var(--muted); font-size: 11px; }
.chat-header { display: flex; align-items: center; gap: 16px; min-height: 86px; padding: 20px 30px; flex: none; }
.chat-heading { min-width: 0; }
.chat-heading p { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.chat-heading h1 { font-size: 21px; line-height: 1.3; letter-spacing: -.025em; font-weight: 650; overflow-wrap: anywhere; }
.participants-button { margin-left: auto; display: flex; align-items: center; gap: 10px; text-align: right; padding: 6px 8px; border-radius: 10px; max-width: 45%; }
.avatar-stack { display: flex; flex: none; }
.avatar-stack .avatar + .avatar { margin-left: -5px; }
.avatar-stack .avatar { outline: 3px solid var(--frame); }
.participant-names { color: var(--muted); font-size: 11px; }
.icon-button { display: inline-grid; place-items: center; width: 34px; height: 34px; flex: none; padding: 0; border-radius: 9px; color: var(--muted); font-size: 22px; }
.icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mobile-menu, .nav-close, .mobile-tools { display: none; }
.body-grid { position: relative; flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-height: 0; min-width: 0; }
.conversation { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.conversation-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 32px; flex: none; }
.conversation-title h2, .section-heading h2 { font-size: 13px; font-weight: 600; }
.feed { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 32px 24px; display: flex; flex-direction: column; gap: 18px; overscroll-behavior: contain; }
.message { flex: none; min-width: 0; max-width: 680px; width: 100%; }
.message-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 550; margin-bottom: 6px; }
.message-meta time { font-size: 11px; color: var(--muted); font-weight: 400; font-variant-numeric: tabular-nums; }
.message-text { overflow-wrap: anywhere; white-space: pre-wrap; }
.message.own .message-text, .message.other .message-text { padding: 12px 15px; width: fit-content; border-radius: 14px; max-width: 100%; }
.message.own .message-text { background: var(--own); color: var(--own-ink); }
.message.other .message-text { background: var(--other); color: var(--other-ink); }
.message.agent .message-text { margin-top: 8px; }
.card-mount { margin-top: 12px; min-width: 0; }
.card-mount .zc-card { max-width: none; }
.agent-run { margin: 8px 0; color: var(--muted); font-size: 12px; }
.agent-run summary { width: fit-content; cursor: pointer; list-style: none; padding: 5px 0; }
.agent-run summary::-webkit-details-marker { display: none; }
.run-chevron { display: inline-block; margin-left: 4px; transition: transform .18s var(--ease); }
.agent-run[open] .run-chevron { transform: rotate(90deg); }
.agent-run ol { display: grid; gap: 6px; list-style: none; margin: 8px 0 0; padding: 12px; background: var(--panel); border-radius: 10px; }
.agent-run li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; overflow-wrap: anywhere; }
.agent-run li small { flex: none; font-size: 10px; }
.composer { display: flex; align-items: flex-end; gap: 6px; padding: 10px; margin: 8px 32px 24px; border-radius: 16px; background: var(--panel); flex: none; }
.composer textarea { width: 0; flex: 1; resize: none; border: 0; outline: none; min-height: 34px; max-height: 130px; padding: 7px 2px; background: transparent; caret-color: var(--action); line-height: 20px; }
.composer textarea::placeholder { color: var(--muted); opacity: 1; }
.composer:focus-within { outline: 2px solid var(--action); outline-offset: 2px; }
.composer .send { background: var(--action); color: var(--action-ink); border-radius: 50%; }
.inspector { min-width: 0; overflow-y: auto; padding: 16px 24px 28px; background: var(--frame); overscroll-behavior: contain; }
.section-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 0 24px; }
.inspector > h3, .property-decision > h3, .proof > h3 { font-size: 12px; font-weight: 600; margin: 26px 0 8px; }
.properties { display: grid; gap: 20px; margin: 0; }
.properties dt { color: var(--muted); font-size: 11px; margin-bottom: 6px; }
.properties dd { margin: 0; font-size: 13px; }
.property-decision { margin-top: 24px; padding: 14px; background: var(--panel); border-radius: 12px; }
.property-decision h3 { margin: 0 0 8px; }
.property-decision p { font-size: 13px; }
.text-button { font-size: 12px; font-weight: 550; padding: 8px 0; color: var(--ink); text-align: left; }
.related-result { display: flex; justify-content: space-between; gap: 12px; width: 100%; text-align: left; padding: 10px 12px; margin-top: 6px; font-size: 12px; border-radius: 9px; background: var(--panel); overflow-wrap: anywhere; }
.related-result span { flex: none; color: var(--muted); }
.agent-entry { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px; border-radius: 10px; background: var(--panel); font-size: 13px; }
.agent-entry .chat-status { margin-left: auto; }
.people-heading { margin-top: 28px; }
.proof { margin-top: 24px; }
.proof h3 { margin-top: 0; }
.decision { margin: 6px 30px 12px; padding: 18px 20px 12px; background: var(--panel); border-radius: 14px; flex: none; }
.decision .eyebrow { display: inline-block; font-size: 11px; font-weight: 550; padding: 3px 8px; border-radius: 5px; color: var(--attention); background: var(--attention-bg); margin-bottom: 9px; }
.decision h2 { font-size: 18px; line-height: 1.35; font-weight: 600; letter-spacing: -.015em; }
.decision-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.decision-actions .zc-btn { min-height: 38px; }
.zc-btn.is-demo-selected:disabled { background: var(--panel); color: var(--ink); opacity: 1; }
.empty-decision .eyebrow { color: var(--muted); background: var(--canvas); }
.data-ok { color: var(--data-ok); }
.data-bad { color: var(--data-bad); }
.layout-d2 .app { grid-template-columns: 246px minmax(0, 1fr); }
.layout-d2 .body-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
.layout-d2 .chat-header { min-height: 76px; padding: 16px 22px; }
.layout-d2 .conversation-title { padding: 10px 20px; }
.layout-d2 .feed { padding: 10px 20px 20px; gap: 14px; }
.layout-d2 .message.own .message-text { margin-left: auto; }
.layout-d2 .message.own .message-meta { justify-content: flex-end; }
.layout-d2 .composer { margin: 8px 20px 18px; }
.layout-d2 .showcase { padding: 18px 28px 28px; }
.result-summary { font-size: 13px; color: var(--muted); margin-bottom: 18px; }
.result-document { padding: 24px; border-radius: 14px; background: var(--raised); box-shadow: var(--shadow); }
.result-document .eyebrow { color: var(--muted); font-size: 12px; }
.result-document h2 { font-size: 24px; line-height: 1.3; letter-spacing: -.02em; margin: 10px 0; }
.result-document p { color: var(--muted); font: 12px/1.5 var(--z-font-code); overflow-wrap: anywhere; }
.result-counts { display: flex; gap: 16px; margin-top: 24px; font: 600 20px/1.4 var(--z-font-code); }
.layout-d3 .body-grid { grid-template-columns: minmax(0, 1fr) 320px; }
.layout-d3 .inspector { padding-top: 18px; }
.layout-d3 .message.own .message-text { margin-left: auto; }
.layout-d3 .message.own .message-meta { justify-content: flex-end; }
dialog { width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; border: 0; border-radius: 18px; background: var(--raised); color: var(--ink); padding: 22px; box-shadow: var(--shadow); }
dialog::backdrop { background: color-mix(in srgb, var(--ink) 28%, transparent); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.dialog-heading h2 { font-size: 17px; font-weight: 600; }
.studio-dialog > p { font-size: 12px; color: var(--muted); margin: 3px 0 16px; }
.toast { position: fixed; z-index: 40; left: 50%; bottom: 26px; transform: translateX(-50%); width: max-content; max-width: min(560px, calc(100% - 32px)); padding: 12px 18px; border-radius: 12px; background: var(--ink); color: var(--frame); box-shadow: var(--shadow); font-size: 13px; overflow-wrap: anywhere; }
@media (hover: hover) {
.studio-switch:hover, .chat-link[href]:hover, .participants-button:hover, .icon-button:not(.send):hover, .related-result:hover { background: var(--panel); }
.text-button:hover, .agent-run summary:hover { color: var(--action); }
.send:hover { opacity: .85; }
}
@media (min-width: 761px) and (max-width: 1120px) {
.app, .layout-d2 .app { grid-template-columns: 210px minmax(0, 1fr); }
.body-grid, .layout-d3 .body-grid { grid-template-columns: minmax(0, 1fr) 250px; }
.chat-header { padding-inline: 20px; }
.participant-names { display: none; }
.feed, .conversation-title { padding-inline: 20px; }
.composer { margin-inline: 20px; }
.inspector, .layout-d2 .showcase { padding-inline: 16px; }
.decision { margin-inline: 20px; }
.zc-media-options { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
.app, .layout-d2 .app { display: block; padding: 0; }
.workspace { height: 100%; border-radius: 0; }
.sidebar { display: none; position: fixed; z-index: 30; inset: 0 auto 0 0; width: min(310px, 86vw); padding: 20px 16px max(16px, env(safe-area-inset-bottom)); box-shadow: var(--shadow); }
body.nav-open .sidebar { display: flex; }
body.nav-open::before { content: ''; position: fixed; z-index: 29; inset: 0; background: color-mix(in srgb, var(--ink) 28%, transparent); }
.nav-close { display: inline-grid; margin-left: auto; }
.mobile-menu { display: inline-grid; }
.chat-header, .layout-d2 .chat-header { padding: max(12px, env(safe-area-inset-top)) 12px 10px; gap: 8px; min-height: 76px; }
.chat-heading h1 { font-size: 16px; }
.chat-heading p { font-size: 10px; margin-bottom: 2px; }
.participants-button { max-width: none; flex: none; gap: 0; padding: 5px; min-height: 44px; }
.participants-button .avatar { width: 21px; height: 21px; font-size: 9px; }
.participant-names { display: none; }
.icon-button { width: 44px; height: 44px; }
.mobile-tools { display: flex; gap: 4px; padding: 4px; margin: 2px 14px 10px; background: var(--panel); border-radius: 11px; flex: none; }
.mobile-tools button { flex: 1; min-height: 40px; border-radius: 8px; font-size: 12px; color: var(--muted); }
.mobile-tools button[aria-pressed='true'] { background: var(--raised); color: var(--ink); font-weight: 600; }
.body-grid, .layout-d2 .body-grid, .layout-d3 .body-grid { display: flex; flex-direction: column; }
.conversation { flex: 1; }
.conversation-title { display: none; }
.feed, .layout-d2 .feed { padding: 8px 14px 20px; gap: 16px; }
.message { max-width: none; }
.message-text { font-size: 14px; }
.message.own .message-text { margin-left: auto; }
.message.own .message-meta { justify-content: flex-end; }
.message-meta { font-size: 11px; gap: 6px; }
.message-meta time { font-size: 10px; }
.message.own .message-text, .message.other .message-text { padding: 11px 13px; max-width: 95%; }
.agent-run summary { padding: 10px 0; }
.agent-run li { flex-wrap: wrap; gap: 2px 10px; }
.composer, .layout-d2 .composer { margin: 6px 12px max(12px, env(safe-area-inset-bottom)); padding: 5px; border-radius: 26px; background: var(--panel); box-shadow: var(--shadow); }
.composer textarea { font-size: 16px; padding: 12px 0; min-height: 44px; }
.composer .icon-button { width: 40px; height: 44px; }
.composer .send { width: 38px; height: 38px; margin: 3px; }
.inspector, .layout-d2 .showcase { display: none; padding: 18px 20px 28px; min-height: 0; flex: 1; }
body[data-panel='inspector'] .conversation { display: none; }
body[data-panel='inspector'] .inspector { display: block; }
.section-heading { margin-bottom: 20px; }
.related-result, .text-button { min-height: 44px; }
.decision { margin: 4px 12px 8px; padding: 14px; border-radius: 12px; max-height: 40%; overflow-y: auto; }
.decision h2 { font-size: 15px; }
.decision-actions { gap: 6px; margin-top: 10px; }
.decision-actions .zc-btn { min-height: 44px; padding: 8px 12px; font-size: 12px; }
.layout-d3 .inspector { display: block; position: absolute; bottom: calc(82px + env(safe-area-inset-bottom)); left: 12px; right: 12px; padding: 0; background: var(--frame); border-radius: 10px; }
.layout-d3 .inspector > :not(.agent-entry) { display: none; }
.layout-d3 .agent-entry { padding: 10px 12px; }
.layout-d3 .composer { margin-top: 58px; }
.result-document { padding: 20px; }
.result-document h2 { font-size: 21px; }
.zc-media-options { grid-template-columns: minmax(0, 1fr); }
.zc-btn { min-height: 44px; }
dialog.sheet, dialog.studio-dialog { width: 100%; max-height: 80dvh; max-width: none; margin: auto 0 0; border-radius: 20px 20px 0 0; padding: 20px 24px max(24px, env(safe-area-inset-bottom)); }
.toast { bottom: calc(92px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.app, .layout-d2 .app { grid-template-columns: calc(var(--rail) + var(--side)) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); padding: 0 8px 8px 0; }
.window-header { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; min-width: 0; min-height: 56px; padding: 8px 16px; }
.window-lights { display: flex; gap: 6px; margin-right: 14px; flex: none; }
.window-lights i { width: 10px; height: 10px; border-radius: 50%; background: var(--faint); opacity: .55; }
.window-header .icon-button { width: 30px; height: 30px; }
.window-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; text-align: center; }
.chrome-action { padding: 7px 10px; border-radius: 8px; font-size: 12px; white-space: nowrap; }
.open-result { background: var(--panel); }
.presence { display: flex; align-items: center; gap: 5px; margin-inline: 6px; }
.avatar { position: relative; }
.presence-dot { position: absolute; bottom: -1px; right: -1px; width: 7px; height: 7px; border-radius: 50%; background: var(--data-ok); outline: 2px solid var(--canvas); }
.navigation { display: grid; grid-template-columns: var(--rail) minmax(0, 1fr); min-height: 0; min-width: 0; }
.rail { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px; min-height: 0; background: var(--canvas); }
.rail .logo { margin-bottom: 12px; font-size: 23px; }
.rail-button { position: relative; color: var(--muted); width: 36px; height: 36px; border-radius: 8px; }
.rail-button[aria-current] { background: var(--panel); color: var(--action); }
.inbox-count { margin-left: auto; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.rail-status-dot { position: absolute; top: 5px; right: 5px; width: 5px; height: 5px; border-radius: 50%; background: var(--action); }
.rail-tooltip { position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); z-index: 50; background: var(--ink); color: var(--frame); box-shadow: var(--shadow); padding: 6px 10px; font-size: 11px; border-radius: 7px; white-space: nowrap; pointer-events: none; visibility: hidden; }
.rail-button:hover .rail-tooltip, .rail-button:focus-visible .rail-tooltip { visibility: visible; }
.rail-profile { margin-top: auto; border-radius: 50%; padding: 4px; }
.rail-profile .avatar { width: 22px; height: 22px; font-size: 10px; }
.sidebar { position: relative; gap: 24px; padding: 8px; background: var(--sidebar-tone); border-radius: 12px; }
.sidebar-functions { flex: none; }
.sidebar-top { display: flex; align-items: center; gap: 2px; }
.studio-switch { flex: 1; min-width: 0; padding: 8px; display: block; }
.studio-switch strong { display: block; font-size: 17px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-top .icon-button { width: 28px; height: 30px; }
.sidebar-commands { margin-top: 8px; }
.sidebar-command { display: flex; align-items: center; gap: 10px; width: 100%; height: 31px; padding: 0 8px; text-align: left; background: transparent; border-radius: 8px; font-size: 14px; font-weight: 400; }
.sidebar-command svg, .project-toggle svg, .archived-project svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; }
.sidebar nav { flex: 1; overscroll-behavior: contain; padding: 0 0 14px; }
.nav-heading { margin: 0 8px 8px; font-size: 14px; line-height: 21px; font-weight: 400; color: var(--muted); }
.pinned { margin-bottom: 24px; }
.project + .project { margin-top: 12px; }
.project-toggle { display: flex; align-items: center; gap: 8px; width: 100%; height: 31px; padding: 0 8px; border-radius: 8px; text-align: left; }
.project-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; }
.project-chevron { width: 12px; flex: none; font-size: 14px; line-height: 1; }
.project-toggle[aria-expanded='false'] .project-chevron { transform: rotate(-90deg); }
.member-stack { display: flex; flex: none; padding-right: 2px; }
.member-stack .avatar { width: 18px; height: 18px; font-size: 8px; background: var(--panel); outline: 2px solid var(--sidebar-tone); }
.member-stack .avatar + .avatar { margin-left: -5px; }
.chat-link { width: 100%; height: 31px; flex-direction: row; align-items: center; text-align: left; padding: 0 8px 0 32px; margin: 0; gap: 8px; border-radius: 8px; }
.pinned .chat-link { padding-left: 8px; }
.chat-title { display: block; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 21px; }
.chat-details { display: flex; flex: none; align-items: center; gap: 6px; }
.sidebar .chat-status { color: var(--action); }
.sidebar .chat-status i { width: 5px; height: 5px; }
.sidebar .chat-status.status-working { color: var(--muted); }
.sidebar .status-working i { width: 7px; height: 7px; background: transparent; border: 1.5px solid currentColor; border-right-color: transparent; animation: sidebar-working 1.2s linear infinite; }
@keyframes sidebar-working { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.sidebar .status-working i { animation: none; }
}
.last-run { font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--muted); }
.show-more { width: 100%; height: 31px; padding: 0 8px 0 32px; color: var(--muted); text-align: left; font-size: 14px; }
.archived-project { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border-radius: 8px; font-size: 14px; padding: 6px 8px; }
.side-resize { position: absolute; top: 0; bottom: 0; right: -4px; width: 8px; z-index: 3; cursor: col-resize; touch-action: none; border-radius: 6px; }
.side-resize:hover, .side-resize:focus-visible { background: color-mix(in srgb, var(--muted) 15%, transparent); }
.side-resize:focus-visible { outline: 2px solid var(--action); }
body.resizing, body.resizing * { cursor: col-resize; user-select: none; }
body.sidebar-hidden .app, body.sidebar-hidden.layout-d2 .app { grid-template-columns: var(--rail) minmax(0, 1fr); }
body.sidebar-hidden .navigation { grid-template-columns: var(--rail); }
body.sidebar-hidden .sidebar { display: none; }
.cp-count { font-size: 11px; color: var(--muted); }
.studio-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; padding: 14px 12px; border-radius: 10px; text-align: left; }
.studio-option strong { font-size: 13px; }
.studio-option small { grid-column: 1; color: var(--muted); font-size: 11px; }
.studio-option > span { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.studio-option[aria-checked='true'] { background: var(--panel); }
.menu-entry { display: block; width: 100%; text-align: left; padding: 11px 12px; font-size: 13px; border-radius: 9px; }
.studio-settings { margin-top: 12px; }
.sections-dialog h3, .sheet h3 { font-size: 12px; color: var(--muted); font-weight: 550; margin: 16px 12px 6px; }
.about-person { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding-inline: 12px; border-radius: 10px; }
.person-actions { grid-column: 1 / -1; padding: 12px; border-radius: 10px; background: var(--panel); margin-block: 0 10px; display: grid; gap: 8px; }
.person-actions label { display: grid; gap: 6px; font-size: 12px; }
.person-actions select { width: 100%; padding: 8px; border: 0; background: var(--raised); border-radius: 7px; }
.person-actions button { text-align: left; padding: 7px; font-size: 12px; border-radius: 7px; background: var(--raised); }
.result-dialog { width: min(720px, calc(100% - 32px)); }
.section-content { display: grid; gap: 12px; }
@media (hover: hover) {
.chrome-action:hover, .project-toggle:hover, .sidebar-command:hover, .archived-project:hover, .menu-entry:hover, .studio-option:hover { background: var(--panel); }
}
@media (min-width: 761px) and (max-width: 1120px) {
.window-header { flex-wrap: wrap; }
.window-title { min-width: 160px; }
.body-grid, .layout-d3 .body-grid { grid-template-columns: minmax(0, 1fr) 240px; }
}
@media (max-width: 760px) {
.app, .layout-d2 .app { display: block; padding: 0; }
.navigation { display: none; position: fixed; z-index: 30; left: 0; top: 214px; bottom: 0; width: min(378px, calc(100vw - 12px)); grid-template-columns: var(--rail) minmax(0, 1fr); background: var(--canvas); box-shadow: var(--shadow); padding: 0 8px 8px 0; }
.sidebar { position: relative; inset: auto; display: flex; width: auto; padding: 8px 8px max(8px, env(safe-area-inset-bottom)); box-shadow: none; }
body.nav-open .navigation { display: grid; }
.window-header { display: none; position: fixed; left: 0; top: 0; z-index: 31; width: min(378px, calc(100vw - 12px)); height: 214px; padding: max(12px, env(safe-area-inset-top)) 12px 12px; align-content: start; flex-wrap: wrap; gap: 6px; background: var(--canvas); overflow-y: auto; }
body.nav-open .window-header { display: flex; }
.window-header .window-lights { margin-right: 2px; }
.window-header .icon-button { width: 36px; height: 36px; }
.window-header .nav-close { order: -1; margin: 0; }
.window-title { order: 1; flex-basis: 100%; text-align: left; white-space: normal; font-size: 12px; }
.presence { order: 2; margin: 4px 0; }
.chrome-action { order: 3; min-height: 36px; font-size: 11px; padding-inline: 8px; }
.window-sections { order: 3; }
.window-header .sidebar-toggle { display: inline-grid; }
.rail { gap: 6px; padding-top: 12px; }
.rail .logo { margin-bottom: 8px; }
.rail-button { width: 36px; height: 36px; }
.rail-tooltip { display: none; }
.sidebar-top .icon-button { width: 28px; height: 30px; }
.side-resize { display: none; }
.sidebar nav { padding-bottom: 30px; }
.chat-header, .layout-d2 .chat-header { min-height: 76px; }
.chat-heading { flex: 1; }
.participants-button { max-width: 130px; }
.participants-button .avatar { width: 20px; height: 20px; }
.participants-button .cp-count { margin-left: 4px; }
.sheet, .sections-dialog, .studio-dialog, .result-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 32px); max-width: none; margin: auto; border-radius: 18px; padding: 18px; }
dialog.sheet, dialog.studio-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 32px); margin: auto; border-radius: 18px; padding: 18px; }
}
.models-empty { padding: 8px 12px; font-size: 12px; color: var(--muted); }
.presence .avatar:focus-visible { outline: 2px solid var(--action); outline-offset: 3px; }
.zc-variant-b .zc-wb-spec-item dd { margin: 0; }
.zc-variant-b .zc-wb-spec-val { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; overflow-wrap: anywhere; }
.zc-variant-b .zc-wb-time-item { background: transparent; padding: 0; min-width: 0; }
.zc-variant-b .zc-wb-time-val { font-size: 22px; font-weight: 700; }
.zc-variant-b .zc-wb-route { flex-wrap: wrap; line-height: 1.25; }
.zc-variant-b .zc-wb-specs, .zc-variant-b .zc-wb-times { margin-inline: 0; }
.zc-variant-b .zc-media-option.is-recommended { background: var(--raised); }
.zc-variant-b .zc-media-image { background: var(--panel); }
.zc-variant-b .zc-actions .zc-btn-danger:hover, .zc-variant-b .zc-media-option:not(.is-recommended) .zc-btn-primary:hover { background: var(--canvas); }
.zc-variant-b .zc-wb-bar { background: var(--canvas); }
.zc-variant-b .zc-wb-test-num { font-size: clamp(22px, 3vw, 34px); }
.zc-variant-b .zc-wb-usage-num { font-size: clamp(20px, 2vw, 30px); line-height: 1.2; overflow-wrap: anywhere; }
.zc-variant-b .zc-wb-test-hero { flex-wrap: wrap; gap: 8px; }
.zc-variant-b .zc-chip, .zc-variant-b .zc-badge-add, .zc-variant-b .zc-badge-rm, .zc-variant-b .zc-badge-part, .zc-variant-b .zc-media-recommended, .decision .eyebrow { background: transparent; padding: 0; border-radius: 0; }
.zc-variant-b .zc-media-recommended { color: var(--action); }
@media (max-width: 760px) {
.zc-variant-b .zc-tiles { display: grid; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
.zc-variant-b .zc-wb-time-val { font-size: 19px; }
}
.window-header { position: relative; z-index: 5; }
.presence-tooltip { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); z-index: 50; visibility: hidden; width: max-content; padding: 6px 10px; border-radius: 7px; background: var(--ink); color: var(--frame); box-shadow: var(--shadow); font-size: 11px; font-weight: 400; pointer-events: none; }
.presence .avatar:hover .presence-tooltip, .presence .avatar:focus-visible .presence-tooltip { visibility: visible; }
@media (max-width: 760px) {
.window-header { position: fixed; z-index: 31; }
.presence-tooltip { left: 0; transform: none; }
}
.chat-title { font-weight: 400; }
.chat-link[aria-current="page"] .chat-title, .chat-link.active .chat-title, .chat-link.is-active .chat-title { font-weight: 500; }
@media (max-width: 600px) {
.window-header > *:not(.nav-close) { display: none; }
.window-header { min-height: 0; padding: 8px 12px; background: transparent; }
}
@media (max-width: 760px) {
.window-header { height: auto; min-height: 0; padding: 0; }
body.nav-open .navigation { top: 0; bottom: 0; height: 100dvh; }
body.nav-open .nav-close { position: fixed; top: max(12px, env(safe-area-inset-top)); right: 12px; z-index: 40; }
}
@media (max-width: 760px) {
body.nav-open .navigation { left: 0; right: auto; width: min(340px, 86vw); }
body.nav-open .navigation .sidebar { width: auto; flex: 1 1 auto; }
body.nav-open .nav-close { right: 10px; }
}
.toast { pointer-events: none; }
body[class*='phone-nav-'] .app { display: block; padding: 0; }
body[class*='phone-nav-'] .workspace { height: 100%; border-radius: 0; }
body[class*='phone-nav-'] .side-resize { display: none; }
body[class*='phone-nav-'] .chat-header { padding-inline: 14px; gap: 8px; }
body[class*='phone-nav-'] .chat-heading { flex: 1; }
body[class*='phone-nav-'] .chat-heading h1 { font-size: 16px; }
body[class*='phone-nav-'] .participants-button { min-width: 44px; }
.phone-back { display: inline-flex; align-items: center; min-height: 44px; width: max-content; color: var(--action); font-size: 15px; border-radius: 8px; }
.phone-nav-stack .chat-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 8px; padding-top: max(4px, env(safe-area-inset-top)); }
.phone-back { grid-column: 1 / -1; }
.phone-nav-stack .participants-button { grid-column: 2; }
.phone-menu-trigger { background: var(--panel); border-radius: 50%; }
.chat-title-trigger { display: block; width: 100%; min-height: 44px; padding: 4px 0; text-align: left; font-weight: inherit; border-radius: 8px; }
.chat-title-trigger > span { margin-left: 3px; color: var(--muted); }
.chat-title-trigger[aria-expanded='true'] > span { display: inline-block; transform: rotate(180deg); }
.phone-home { height: 100%; padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)); background: var(--frame); }
.phone-home .sidebar { position: static; display: flex; width: 100%; height: 100%; padding: 0; border-radius: 0; background: var(--frame); box-shadow: none; }
.phone-home .studio-switch strong { font-size: 24px; letter-spacing: -.03em; }
.phone-home-title { flex: 1; min-width: 0; }
.phone-home .sidebar-top { align-items: center; flex-wrap: wrap; }
.phone-home .sidebar-bell, .phone-home .sidebar-search { width: 44px; height: 44px; }
.phone-home .sidebar-commands { margin-top: 16px; }
.phone-home .sidebar-command { min-height: 44px; height: auto; font-size: 16px; }
.phone-home .sidebar-functions { padding-bottom: 4px; }
.phone-home .member-stack .avatar { outline-color: var(--frame); }
dialog.phone-nav-dialog { position: fixed; inset: 80px 12px auto; margin: 0 auto; width: calc(100% - 24px); max-width: 430px; max-height: min(720px, calc(100dvh - 112px)); padding: 16px 8px 8px; border: 0; border-radius: 20px; background: var(--raised); box-shadow: 0 24px 72px color-mix(in srgb, var(--ink) 24%, transparent); overflow: hidden; }
dialog.phone-nav-dialog::backdrop { background: color-mix(in srgb, var(--ink) 24%, transparent); }
.phone-nav-dialog .sidebar { position: static; display: flex; width: 100%; max-height: calc(min(720px, 100dvh - 112px) - 24px); padding: 0; gap: 24px; border-radius: 0; background: var(--raised); box-shadow: none; }
.phone-nav-dialog .sidebar nav { flex: 1 1 auto; overflow-y: auto; padding-bottom: 8px; }
.phone-nav-dialog .sidebar-top { padding-right: 40px; }
.phone-nav-dialog .studio-switch strong { font-size: 17px; }
.phone-nav-dialog .sidebar-top .sidebar-bell, .phone-nav-dialog .sidebar-top .sidebar-search { display: none; }
.phone-nav-dialog .studio-switch, .phone-nav-dialog .sidebar-command { min-height: 44px; }
.phone-nav-dialog .phone-nav-close { position: absolute; right: 8px; top: 16px; width: 44px; height: 44px; z-index: 1; }
.phone-nav-dialog .member-stack .avatar { outline-color: var(--raised); }
.phone-nav-title .app { transform-origin: top center; transition: transform 200ms var(--ease), border-radius 200ms var(--ease); }
.phone-nav-title.title-nav-open .app { transform: translateY(8px) scale(.96); border-radius: 20px; }
.phone-nav-title .phone-nav-dialog { inset: auto 0 0; width: 100%; max-width: none; height: 92dvh; max-height: calc(100dvh - 32px); padding: 20px 12px max(12px, env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: var(--frame); box-shadow: var(--shadow); }
.phone-nav-title .phone-nav-dialog::before { content: ''; position: absolute; top: 8px; left: calc(50% - 18px); width: 36px; height: 4px; border-radius: 2px; background: var(--faint); opacity: .5; }
.phone-nav-title .phone-nav-dialog::backdrop { background: color-mix(in srgb, var(--ink) 16%, transparent); }
.phone-nav-title .phone-nav-dialog .sidebar { height: 100%; max-height: none; background: var(--frame); }
.phone-nav-title .phone-nav-dialog .member-stack .avatar { outline-color: var(--frame); }
.phone-nav-title .phone-nav-close { top: 20px; }
@media (prefers-reduced-motion: reduce) {
.phone-nav-title.title-nav-open .app { transform: none; }
}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.conversation-tabs { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; }
.conversation-tabs-scroll { display: flex; gap: 4px; flex: 1; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
.conversation-tab { display: flex; align-items: center; flex: 1 1 200px; min-width: 120px; max-width: 240px; border-radius: 8px; color: var(--muted); }
.conversation-tab.active { background: var(--raised); color: var(--ink); }
.open-chat-link { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 8px 10px; text-align: left; }
.open-chat-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.open-chat-status { display: flex; flex: none; }
.open-chat-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.open-chat-status.status-working { color: var(--muted); }
.conversation-tab-close { width: 24px; height: 28px; flex: none; opacity: 0; border-radius: 6px; margin-right: 4px; }
.conversation-tab.active .conversation-tab-close, .conversation-tab:hover .conversation-tab-close, .conversation-tab:focus-within .conversation-tab-close { opacity: 1; }
.conversation-tab-add, .result-tab-add { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 8px; font-size: 20px; color: var(--muted); }
.conversation-tabs-scroll:focus-within { scroll-padding-inline: 4px; }
.result-tabs-bar { position: sticky; top: -16px; z-index: 2; display: flex; align-items: center; gap: 4px; min-width: 0; margin: -4px 0 20px; padding-block: 4px; background: var(--frame); }
.result-tabs-scroll { position: relative; display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; padding: 4px; }
.result-tab-item { display: flex; align-items: center; flex: none; border-radius: 8px; }
.result-tab-item:has([aria-selected='true']) { background: var(--raised); }
.result-tab-item [role='tab'] { min-height: 32px; padding: 7px 10px; border-radius: 8px; white-space: nowrap; font-size: 12px; color: var(--muted); }
.result-tab-item [aria-selected='true'] { color: var(--ink); }
.result-tab-close { flex: none; width: 24px; height: 28px; margin-right: 4px; border-radius: 6px; }
.result-tab-panel { min-width: 0; }
.result-tab-panel:focus-visible { outline: 2px solid var(--action); outline-offset: -2px; }
.tab-diff h3 { margin-bottom: 12px; font: 12px/1.5 var(--z-font-code); overflow-wrap: anywhere; }
.tab-diff + .tab-diff { margin-top: 24px; }
.tab-diff pre, .terminal-output { margin: 0; padding: 16px; min-height: 120px; max-width: 100%; background: var(--raised); border-radius: 10px; font: 12px/1.7 var(--z-font-code); overflow-x: auto; white-space: pre; }
.browser-address { padding: 10px 14px; border-radius: 8px; background: var(--panel); color: var(--muted); font: 12px/1.5 var(--z-font-code); }
.browser-empty { min-height: 240px; margin-top: 12px; background: var(--raised); border-radius: 10px; }
.result-files { margin: 0; padding: 0; list-style: none; }
.result-files li { padding: 10px 12px; background: var(--raised); border-radius: 8px; overflow-wrap: anywhere; }
.result-files li + li { margin-top: 6px; }
.result-files code { font: 12px/1.5 var(--z-font-code); }
.result-tab-menu { position: fixed; inset: auto; margin: 0; width: 240px; max-width: calc(100vw - 16px); padding: 6px; border: 0; border-radius: 12px; background: var(--raised); color: var(--ink); box-shadow: var(--shadow); }
.result-tab-menu button { display: block; width: 100%; min-height: 44px; padding: 10px 12px; text-align: left; border-radius: 8px; font-size: 13px; }
.open-chats { margin-bottom: 24px; }
.open-chats nav { overflow: visible; padding: 0; }
.open-chats .conversation-tab { max-width: none; min-width: 0; }
.open-chats .open-chat-link { min-height: 44px; }
.open-chats .open-chat-title { font-size: 14px; }
@media (hover: hover) {
.conversation-tab:not(.active):hover, .conversation-tab-add:hover, .result-tab-add:hover, .result-tab-item:not(:has([aria-selected='true'])):hover, .result-tab-menu button:hover { background: var(--panel); }
.conversation-tab-close:hover, .result-tab-close:hover { background: var(--panel); }
}
@media (hover: none) {
.conversation-tab-close { opacity: 1; }
}
@media (max-width: 760px) {
.window-header .conversation-tabs { display: none; }
.result-tabs-bar { top: -18px; }
.result-tab-item [role='tab'], .result-tab-close, .result-tab-add { min-height: 44px; }
.result-tab-close, .result-tab-add { min-width: 44px; }
}
.tab-diff h3 { font-size: 13px; font-weight: 600; margin: 0 0 10px; font-family: var(--font-code, ui-monospace, monospace); }
.tab-diff .n-add { color: var(--data-ok); font-weight: 600; }
.tab-diff .n-del { color: var(--data-bad); font-weight: 600; }
.diff-table { width: 100%; border-collapse: collapse; font: 12.5px/1.6 ui-monospace, "JetBrains Mono", monospace; background: var(--panel); border-radius: 10px; overflow: hidden; }
.diff-table td { padding: 0 10px; vertical-align: top; white-space: pre; }
.diff-table td.ln { width: 1%; color: var(--faint); text-align: right; user-select: none; }
.diff-table tr.add { background: var(--data-ok-bg); }
.diff-table tr.add code { color: var(--data-ok); }
.diff-table tr.del { background: var(--data-bad-bg); }
.diff-table tr.del code { color: var(--data-bad); }
.diff-table tr.hunk td { color: var(--muted); padding-top: 6px; }
@media (min-width: 761px) {
.layout-d2 .sidebar { background: transparent; }
.layout-d2 main.workspace { background: transparent; }
.layout-d2 .body-grid { gap: 12px; padding: 0 12px 12px 0; }
.layout-d2 section.conversation { background: var(--frame); border-radius: 14px; }
.layout-d2 .inspector.showcase { background: transparent; border-radius: 0; margin: 0; padding-top: 0; }
.layout-d2 .inspector .result-tabs-bar { background: transparent; min-height: 40px; display: flex; align-items: center; padding-top: 0; margin-top: 0; }
.layout-d2 .inspector [role=tabpanel] > .section-heading:first-child, .layout-d2 .inspector [role=tabpanel] > header:first-child .section-heading { display: none; }
}
.status.status-working, .chat-status.status-working, .open-chat-status.status-working, .sidebar .chat-status.status-working { color: var(--action); }
.sidebar .chat-status.status-needs_you { color: var(--muted); }
.sidebar .chat-status.status-needs_you i { background: var(--attention); }
.zc-step.is-completed .zc-step-dot { background: var(--data-ok-bg); color: var(--data-ok); }
.zc-step.is-running .zc-step-dot::after { background: var(--action); }
.zc-step.is-running .zc-step-sub { color: var(--action); }
.layout-d2 .feed-cards { display: none; }
@media (max-width: 760px) {
.layout-d2 .feed-ref { display: none; }
.layout-d2 .feed-cards { display: block; margin-top: 8px; }
.layout-d2 .feed-cards .card-mount + .card-mount { margin-top: 8px; }
}
@media (min-width: 761px) {
.layout-d2 .result-document { display: none; }
.layout-d2 .chat-header h1 { font-size: 18px; }
.layout-d2 .sidebar .chat-link, .layout-d2 .sidebar .sidebar-command { min-height: 28px; height: 28px; font-size: 13px; }
.layout-d2 .sidebar .chat-link .chat-title { font-size: 13px; }
.layout-d2 .message-text { font-size: 13.5px; }
.layout-d2 .message.own .message-text, .layout-d2 .message.other .message-text { padding: 9px 12px; }
.layout-d2 .feed .message + .message { margin-top: 10px; }
.layout-d2 .inspector .result-summary { font-size: 13px; margin: 8px 0 10px; }
.layout-d2 .inspector .proof { margin-top: 12px; }
.layout-d2 .inspector .zidos-card, .layout-d2 .inspector .zc-card { padding: 16px 18px; }
}
@media (max-width: 760px) {
.layout-d2 main.workspace { background: var(--canvas); }
.layout-d2 .chat-header { padding-top: 6px; padding-bottom: 2px; }
.layout-d2 .phone-menu-trigger, .layout-d2 .participants-button { background: var(--frame); box-shadow: 0 2px 10px color-mix(in srgb, var(--ink) 8%, transparent); }
.layout-d2 .phone-menu-trigger { width: 40px; height: 40px; }
.layout-d2 .chat-heading h1 { font-size: 16px; }
.layout-d2 .mobile-tools { justify-content: flex-start; gap: 4px; padding: 0; margin: 0 14px 6px; background: transparent; }
.layout-d2 .mobile-tools button { flex: none; min-height: 34px; padding: 0 14px; border-radius: 17px; font-size: 13px; }
.layout-d2 .mobile-tools button[aria-pressed='true'] { background: var(--frame); box-shadow: 0 1px 4px color-mix(in srgb, var(--ink) 8%, transparent); }
.layout-d2 .message.other .message-text { background: var(--frame); }
.layout-d2 .message-text { font-size: 15px; }
.layout-d2 .feed { padding-bottom: 96px; }
.layout-d2 .composer { position: fixed; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); margin: 0; background: var(--frame); border-radius: 26px; box-shadow: 0 6px 24px color-mix(in srgb, var(--ink) 12%, transparent); z-index: 5; }
.layout-d2 .feed-cards .zc-ln { grid-template-columns: 22px 22px 10px minmax(0, 1fr); width: 100%; }
.layout-d2 .feed-cards .zc-ln-code { white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 8px; }
.layout-d2 .participants-button { border-radius: 22px; padding: 0 10px; }
.layout-d2 .feed-cards .zc-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.layout-d2 .feed-cards .zc-tile { padding: 10px 10px; }
.layout-d2 .feed-cards .zc-tile-val { font-size: 17px; white-space: nowrap; }
.layout-d2 .feed-cards .zc-tile-lbl { font-size: 11.5px; }
.phone-nav-float .phone-nav-dialog .open-chats nav, .phone-nav-float .phone-nav-dialog .open-chats .conversation-tabs { height: auto; min-height: 0; flex: none; display: block; }
.phone-nav-float .phone-nav-dialog .studio-switch { background: transparent; }
.phone-nav-float dialog.phone-nav-dialog { inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; padding: 10px 14px 0; border-radius: 0; background: var(--canvas); box-shadow: none; }
.phone-nav-float dialog.phone-nav-dialog::backdrop { background: transparent; }
.phone-nav-float .phone-nav-dialog .sidebar { max-height: 100dvh; height: 100%; gap: 6px; background: var(--canvas); }
.phone-nav-float .phone-nav-dialog .sidebar > nav { padding-bottom: 96px; }
.phone-nav-float .phone-nav-dialog .studio-switch strong { font-size: 20px; }
.phone-nav-float .phone-nav-dialog .phone-nav-close { top: 10px; right: 10px; background: var(--frame); border-radius: 50%; width: 40px; height: 40px; box-shadow: 0 2px 10px color-mix(in srgb, var(--ink) 8%, transparent); }
.phone-nav-float .phone-nav-dialog .sidebar-command, .phone-nav-float .phone-nav-dialog .chat-link, .phone-nav-float .phone-nav-dialog .open-chat-link { min-height: 40px; font-size: 15px; }
.phone-nav-float .open-chats { margin-bottom: 4px; }
.phone-nav-float .phone-nav-dialog .sidebar-section, .phone-nav-float .phone-nav-dialog .sidebar nav > section { margin-top: 10px; }
.phone-nav-float .phone-nav-dialog h2, .phone-nav-float .phone-nav-dialog .sidebar-label, .phone-nav-float .phone-nav-dialog .open-chats-label { font-size: 13px; font-weight: 650; color: var(--ink); margin: 6px 0 2px; }
}
@media (min-width: 761px) {
.layout-d2 .feed-ref { display: none; }
.layout-d2 .inspector .result-summary { display: none; }
.layout-d2 .body-grid { gap: 20px; padding: 0 16px 16px 8px; }
.layout-d2 section.conversation { border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); }
.layout-d2 .inspector .proof { margin-top: 4px; }
}
.responder-chip, .chat-people { display: none; }
@media (max-width: 760px) {
.layout-d2 main.workspace { background: var(--frame); }
.layout-d2 .chat-header { display: flex; align-items: center; gap: 6px; padding: 6px 10px 6px; }
.layout-d2 .phone-menu-trigger { width: 36px; height: 36px; background: transparent; box-shadow: none; border-radius: 50%; flex: none; }
.layout-d2 .phone-menu-trigger svg { width: 22px; height: 22px; stroke-width: 2.2; }
.layout-d2 .chat-heading { flex: 1; min-width: 0; text-align: center; }
.layout-d2 .chat-heading > p:first-child { display: none; }
.layout-d2 .chat-heading h1 { font-size: 16px; font-weight: 650; }
.layout-d2 .chat-people { display: block; font-size: 12px; color: var(--muted); margin: 1px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layout-d2 .participants-button { background: transparent; box-shadow: none; padding: 0 2px; flex: none; }
.layout-d2 .mobile-tools { display: none; }
body.layout-d2[data-panel="inspector"] .mobile-tools { display: flex; margin: 0 10px 4px; }
body.layout-d2[data-panel="inspector"] .mobile-tools [data-panel="inspector"] { display: none; }
body.layout-d2[data-panel="inspector"] .mobile-tools [data-panel="conversation"] { background: transparent; box-shadow: none; padding: 0 6px; font-size: 15px; font-weight: 500; color: var(--action); }
body.layout-d2[data-panel="inspector"] .mobile-tools [data-panel="conversation"]::before { content: "‹ "; font-size: 20px; }
.layout-d2 .message-text { font-size: 15px; }
.layout-d2 .message.other .message-text, .layout-d2 .message.agent .message-text { display: inline-block; background: var(--panel); padding: 9px 13px; border-radius: 18px; max-width: 86%; }
.layout-d2 .message.own .message-text { border-radius: 18px; padding: 9px 13px; }
.layout-d2 .message + .message { margin-top: 12px; }
.layout-d2 .feed-cards { display: none; }
.layout-d2 .feed-ref { display: flex; width: auto; background: transparent; padding: 6px 0; margin-top: 2px; min-height: 36px; font-size: 14px; font-weight: 500; color: var(--ink); justify-content: flex-start; gap: 4px; }
.layout-d2 .feed-ref span { color: var(--muted); }
.layout-d2 .feed-ref.needs-you { background: var(--attention-bg); border-radius: 14px; padding: 10px 12px; margin-top: 8px; font-weight: 400; }
.layout-d2 .feed-ref.needs-you b { color: var(--attention); font-weight: 650; }
.layout-d2 .responder-chip { display: inline-flex; align-items: center; flex: none; min-height: 32px; padding: 0 10px; border-radius: 16px; background: var(--panel); font-size: 13px; color: var(--ink); white-space: nowrap; }
.layout-d2 .composer textarea::placeholder { color: var(--faint); }
}
@media (max-width: 760px) {
.layout-d2 .message.agent { display: flex; flex-direction: column; align-items: flex-start; }
.layout-d2 .message.agent .message-meta { order: 0; }
.layout-d2 .message.agent .message-text { order: 1; }
.layout-d2 .message.agent .agent-run { order: 2; margin: 4px 0 0; }
.layout-d2 .message.agent .feed-ref { order: 3; }
.layout-d2 .composer { gap: 4px; }
.layout-d2 .composer textarea { min-width: 0; flex: 1; padding-left: 4px; padding-right: 0; font-size: 15px; }
.layout-d2 .composer .microphone { width: 32px; }
.layout-d2 .inspector .result-document { display: none; }
.layout-d2 .inspector .zc-ln { grid-template-columns: 22px 22px 10px minmax(0, 1fr); width: 100%; }
.layout-d2 .inspector .zc-ln-code { white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 8px; }
.layout-d2 .inspector .zc-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.layout-d2 .inspector .zc-tile { padding: 10px; }
.layout-d2 .inspector .zc-tile-val { font-size: 17px; white-space: nowrap; }
.layout-d2 .inspector .zc-tile-lbl { font-size: 11.5px; }
}
@media (max-width: 760px) {
.layout-d2 .composer .attach { width: 30px; }
.layout-d2 .responder-chip { font-size: 12.5px; padding: 0 8px; }
.layout-d2 .composer textarea { font-size: 14.5px; }
}
@media (max-width: 760px) {
.layout-d2 .feed-ref.needs-you { display: block; text-align: left; }
.layout-d2 .inspector .result-summary { display: none; }
}
.layout-d2 section.conversation { border: 0; }
.inline-decision { display: none; }
.decision-toast { display: flex; align-items: center; gap: 10px; flex: none; margin: 8px 24px 12px; padding: 12px 14px; border-radius: 14px; background: var(--frame); box-shadow: var(--shadow); animation: r16-enter 280ms var(--ease) both; }
.decision-toast-check { color: var(--data-ok); font-size: 20px; flex: none; }
.decision-toast-copy { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.decision-toast-copy strong { display: block; font-size: 13px; font-weight: 650; }
.decision-toast-copy p { margin-top: 2px; font-size: 12px; color: var(--muted); }
.decision-toast button { flex: none; min-height: var(--h-pill); padding: 0 var(--sp-12); color: var(--ink); border-radius: var(--radius-pill); font-size: var(--fs-small); font-weight: 550; }
.decision-toast button:hover { background: var(--panel); }
.zc-btn.is-decision-done:disabled { background: var(--data-ok-bg); color: var(--data-ok); opacity: 1; animation: r16-confirm 280ms var(--ease) both; transition: transform 280ms var(--ease), opacity 280ms var(--ease); }
.zc-btn.is-decision-muted:disabled { opacity: .4; transition: opacity 280ms var(--ease); }
.status.status-done, .chat-status.status-done, .open-chat-status.status-done, .sidebar .chat-status.status-done { color: var(--data-ok); }
.status-done i { background: var(--data-ok); }
.layout-d2 .feed-ref.needs-you.is-resolved { background: var(--data-ok-bg); color: var(--data-ok); }
.decision-media-preview { margin: 12px 0; padding: 14px; background: var(--panel); border-radius: 14px; }
.decision-media-preview figcaption { margin-bottom: 10px; color: var(--data-ok); font-weight: 650; }
.decision-media-preview img { display: block; width: 100%; max-height: 300px; object-fit: contain; border-radius: 10px; }
.decision-media-preview p { margin-top: 12px; font-size: 18px; font-weight: 650; }
.r16-reveal, .voice-word { animation: r16-enter 280ms var(--ease) both; }
.zc-wb-fill { width: 100%; transform: scaleX(.5); transform-origin: left center; transition: transform 400ms var(--ease); }
.voice-dialog { position: fixed; inset: 0; margin: auto; width: 520px; height: 640px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); padding: 32px; border: 0; border-radius: 24px; background: var(--frame); color: var(--ink); box-shadow: var(--shadow); overflow-y: auto; }
.voice-dialog[open] { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.voice-dialog::backdrop { background: color-mix(in srgb, var(--ink) 24%, transparent); }
.voice-dialog h2 { font-size: 20px; font-weight: 650; }
.voice-transcript { flex: 1; align-content: end; min-height: 100px; width: 100%; max-width: 390px; text-align: center; font-size: 22px; line-height: 1.45; overflow-wrap: anywhere; }
.voice-word { display: inline-block; white-space: pre-wrap; }
.voice-orb { width: 164px; height: 164px; flex: none; border-radius: 50%; background: radial-gradient(circle at 30% 25%, var(--own), var(--action)); animation: r16-breathe 2400ms ease-in-out infinite; }
.voice-dialog.is-paused .voice-orb { animation-play-state: paused; }
.voice-status { min-height: 24px; color: var(--muted); text-align: center; }
.voice-controls { display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; margin-top: auto; }
.voice-controls button { min-width: 48px; min-height: 48px; padding: 10px 14px; border-radius: 24px; background: var(--panel); }
.voice-controls [data-close] { font-size: 24px; }
.voice-controls [data-voice-pause] { display: grid; place-items: center; background: var(--action); color: var(--action-ink); }
.voice-controls [data-voice-pause][aria-pressed='true'] { background: var(--panel); color: var(--ink); }
.voice-controls svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.voice-thinking { padding: 12px 0; font-size: 13px; color: var(--muted); }
.chat-heading > .status { margin-top: 4px; }
@keyframes r16-enter { from { transform: translateY(-8px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes r16-confirm { from { transform: scale(.96); opacity: .6; } to { transform: scale(1); opacity: 1; } }
@keyframes r16-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (max-width: 760px) {
.layout-d2 .inline-decision { display: block; order: 4; width: 100%; max-width: 420px; margin-top: 8px; padding: 12px; border-radius: 14px; background: var(--panel); }
.inline-decision > p { font-size: 14px; font-weight: 550; }
.inline-decision .decision-actions { margin-top: 8px; gap: 6px; }
.inline-decision .zc-btn { min-height: 40px; white-space: normal; }
.decision-toast { margin: 6px 12px 10px; padding: 10px 12px; gap: 8px; }
.voice-dialog { inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; border-radius: 0; padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); box-shadow: none; }
.voice-transcript { font-size: 21px; }
.voice-orb { width: 156px; height: 156px; }
.voice-dialog[open] { gap: 24px; }
.voice-controls { gap: 12px; }
.voice-controls button { padding-inline: 12px; }
.chat-heading > .status { font-size: 11px; }
}
@media (min-width: 761px) {
.layout-d2 .chat-header .status { display: none; }
}
@media (max-width: 760px) {
.layout-d2 .message:has(.inline-decision) .feed-ref.needs-you { display: none; }
}
#voice-dialog .voice-transcript { flex: 0 0 auto; min-height: 112px; height: auto; align-self: stretch; text-align: left; font-size: 22px; line-height: 1.32; padding: 12px 6px 0; }
#voice-dialog .voice-orb { margin: auto; }
.agent-author { display: inline-flex; align-items: center; gap: 6px; border-radius: 4px; }
.agent-author:hover { color: var(--action); }
.project-toggle { cursor: default; }
.project-name { border-radius: 4px; }
.project-name:hover { color: var(--action); }
.project-name[aria-current], .sidebar-command[aria-current] { color: var(--action); font-weight: 600; }
.project-disclosure { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 6px; }
.project-disclosure[aria-expanded='false'] .project-chevron { transform: rotate(-90deg); }
.section-screen .workspace { background: transparent; }
.section-header { display: none; }
.section-screen .section-content { position: relative; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 28px 32px; width: 100%; max-width: 1100px; margin: 0 auto; }
.section-screen .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
.section-screen h1 { font-size: 22px; font-weight: 650; line-height: 1.25; }
.section-screen h2 { font-size: 13px; font-weight: 650; margin: 0 0 8px; }
.section-screen .section-heading p, .section-screen small, .section-empty { color: var(--muted); font-size: 12px; }
.section-screen small { display: block; line-height: 1.4; }
.section-screen .section-heading p { margin-top: 4px; }
.section-screen .section-button { min-height: 32px; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 550; white-space: normal; }
.section-screen .section-button:hover { background: var(--frame); }
.section-screen .section-button.primary { background: var(--action); color: var(--action-ink); }
.section-screen .section-button.is-decision-done { color: var(--data-ok); background: transparent; opacity: 1; }
.section-screen .section-filters { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 14px; }
.section-screen .section-filters [aria-pressed='true'] { background: var(--frame); font-weight: 650; }
.section-screen .section-row { display: flex; align-items: center; gap: 16px; padding: 12px 16px; background: var(--frame); border-radius: 10px; min-width: 0; margin-top: 6px; }
.section-screen .section-row-link, .section-screen .section-row-copy { flex: 1; min-width: 0; }
.section-screen .section-row-link strong, .section-screen .section-row-copy strong, .section-screen .project-chat strong { display: block; font-size: 14px; font-weight: 600; }
.section-screen .section-row-link p { margin-top: 3px; font-size: 13px; }
.section-screen .section-row-link small, .section-screen .section-row-copy small { margin-top: 4px; }
.section-screen .section-row:hover .section-row-link strong, a.section-row:hover strong { color: var(--action); }
.section-screen .inbox-group + .inbox-group { margin-top: 20px; }
.section-screen .inbox-row[data-unread='true'] .inbox-row-link strong::before { content: '●'; font-size: 8px; color: var(--action); margin-right: 7px; vertical-align: middle; }
.section-screen .inbox-row[data-inbox-group='waiting'] .inbox-row-link p { color: var(--attention); }
.section-screen .inbox-row.is-resolved .inbox-row-link p, .section-screen .project-decision.is-resolved p { color: var(--data-ok); }
.section-screen .section-status { flex: none; font-size: 12px; font-weight: 550; }
.section-screen .section-status.status-needs_you { color: var(--attention); }
.section-screen .section-status.status-working { color: var(--action); }
.section-screen .section-status.status-idle { color: var(--data-ok); }
.section-screen .section-search { display: block; margin-bottom: 10px; }
.section-screen input[type='search'] { border: 0; background: var(--frame); width: 100%; max-width: 400px; padding: 9px 12px; border-radius: 8px; font-size: 13px; }
.section-screen input:focus-visible, .section-screen select:focus-visible { outline: 2px solid var(--action); outline-offset: 2px; }
.section-screen .section-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--muted); margin: 0 0 12px; }
.section-screen .section-breadcrumb a:hover { color: var(--action); }
.section-screen .project-block + .project-block { margin-top: 18px; }
.section-screen [data-project-view] > .section-heading h1 { font-family: Georgia, serif; font-size: 24px; }
.section-screen .project-chat { justify-content: space-between; }
.section-screen .project-chat small { margin-top: 3px; }
.section-screen .section-card { background: var(--frame); border: 0; border-radius: 10px; padding: 14px 16px; margin-top: 6px; min-width: 0; }
.section-screen summary { cursor: pointer; font-size: 13px; font-weight: 550; }
.section-screen .project-run summary { display: flex; align-items: center; gap: 14px; }
.section-screen .project-run summary > span:first-child { flex: 1; min-width: 0; }
.section-screen .project-run summary strong { font-weight: 600; }
.section-screen .project-run summary small { margin-top: 3px; font-weight: 400; }
.section-screen .project-run p { margin: 10px 0; font-size: 13px; }
.section-screen .project-run ol { padding-left: 20px; margin: 10px 0; }
.section-screen .project-run li { padding-block: 3px; font-size: 12px; }
.section-screen .project-run li small { display: inline; margin-left: 8px; }
.section-screen .section-text-link { font-size: 12px; color: var(--action); }
.section-screen .section-people { display: flex; flex-wrap: wrap; gap: 18px; }
.section-screen .section-person { display: flex; align-items: center; gap: 8px; }
.section-screen .section-person strong { font-size: 13px; font-weight: 600; }
.section-screen .project-expense-value { font-size: 17px; font-weight: 600; margin-block: 4px; font-variant-numeric: tabular-nums; }
.section-screen .project-instructions { margin-top: 18px; }
.section-screen pre { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.65 'JetBrains Mono', monospace; }
.section-screen .agent-row-model { color: var(--muted); font-size: 12px; text-align: right; }
.section-screen .agent-row > .agent-glyph { font-size: 24px; }
.section-screen .agent-identity { font-size: 12px; color: var(--muted); margin: -4px 0 16px; }
.section-screen .agent-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 14px; }
.section-screen .agent-tabs [aria-selected='true'] { background: var(--frame); color: var(--action); }
.section-screen .agent-editor-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.section-screen .agent-editor-toolbar .section-filters { margin: 0; }
.section-screen .agent-editor-toolbar > span { font-family: 'JetBrains Mono', monospace; }
.section-screen .agent-read { margin: 0; }
.section-screen textarea { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 210px; border: 0; border-radius: 10px; background: var(--frame); padding: 14px 16px; resize: vertical; font: 12px/1.65 'JetBrains Mono', monospace; }
.section-screen .agent-editor-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.section-screen .agent-model label, .section-screen .agent-stack-context { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 550; }
.section-screen select { min-width: 0; max-width: 100%; border: 0; padding: 8px 10px; border-radius: 8px; background: var(--canvas); font: inherit; }
.section-screen .agent-model p, .section-screen .agent-panel > p { font-size: 12px; color: var(--muted); margin: 10px 0; }
.section-screen .agent-stack-context { margin: 12px 0; }
.section-screen .agent-stack-layer summary { display: flex; gap: 12px; justify-content: space-between; }
.section-screen .agent-stack-assembled { margin-top: 14px; }
.section-screen .agent-chats { margin: -4px 0 14px; }
.section-screen .agent-chats[open] .section-text-link { display: block; padding: 5px 0; }
.section-screen .agent-model > label + label, .section-screen .agent-task-models label { margin-top: 10px; }
.section-screen .agent-task-models { margin-top: 16px; }
.section-screen .agent-traits { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }
.section-screen .agent-import { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; margin: 10px 0; }
.section-screen input[type='file'] { max-width: 100%; min-width: 0; font-size: 12px; }
.section-screen fieldset { border: 0; padding: 0; margin: 12px 0; }
.section-screen fieldset label, .section-screen .agent-chat-override { display: flex; align-items: center; gap: 8px; font-size: 12px; margin: 8px 0; }
.section-screen .agent-skills label { font-size: 12px; }
.section-screen .agent-skills ul { padding-left: 18px; font-size: 12px; overflow-wrap: anywhere; }
.section-screen .agent-stack-layer textarea { min-height: 120px; }
.section-screen .decision-toast { position: sticky; bottom: 0; margin: 14px 0 0; background: var(--frame); box-shadow: var(--shadow); z-index: 2; }
.section-screen .section-empty { margin-top: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media (max-width: 760px) {
.project-disclosure { width: 36px; height: 36px; }
.section-screen .workspace { background: var(--canvas); }
.section-screen .section-header { display: grid; grid-template-columns: 40px minmax(0,1fr) 40px; gap: 4px; align-items: center; flex: none; padding: max(6px, env(safe-area-inset-top)) 10px 6px; }
.section-screen .section-header h1 { font: 650 16px/1.3 Inter, sans-serif; text-align: center; overflow-wrap: anywhere; }
.section-screen .section-header .phone-menu-trigger { width: 36px; height: 36px; background: transparent; box-shadow: none; }
.section-screen .section-content { padding: 10px 12px max(28px, env(safe-area-inset-bottom)); }
.section-screen .section-heading h1 { display: none; }
.section-screen .section-heading:has(h1):not(:has(p, button)) { display: none; }
.section-screen .section-heading { margin-bottom: 8px; gap: 8px; }
.section-screen .section-button { min-height: 40px; padding: 7px 10px; font-size: 12px; }
.section-screen .section-row { gap: 8px; padding: 12px; flex-wrap: wrap; }
.section-screen .inbox-row-link, .section-screen .project-decision .section-row-link { flex-basis: 100%; }
.section-screen .inbox-row > .section-button, .section-screen .project-decision > .section-button { margin-left: auto; }
.section-screen .project-row .section-row-copy { flex-basis: calc(100% - 72px); }
.section-screen .project-row .section-status { width: 100%; }
.section-screen .agent-row .section-row-copy { flex-basis: calc(100% - 40px); }
.section-screen .agent-row-model { text-align: left; padding-left: 32px; }
.section-screen .agent-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.section-screen .agent-tabs .section-button { padding-inline: 6px; font-size: 11px; }
.section-screen .agent-tabs [aria-selected='true'] { background: var(--frame); font-weight: 650; }
.section-screen .agent-model label, .section-screen .agent-stack-context { flex-direction: column; align-items: stretch; gap: 6px; }
.section-screen .project-run summary { gap: 8px; }
.section-screen .project-run summary .section-status { max-width: 82px; }
.section-screen .section-card { padding: 12px; }
.section-screen textarea { font-size: 12px; }
.section-screen .decision-toast { margin-inline: 0; }
}
@media (max-width: 760px) {
html[data-screen="inbox"] body, html[data-screen="projects"] body, html[data-screen="project"] body, html[data-screen="agents"] body, html[data-screen="agent"] body, html[data-screen="inbox"] main, html[data-screen="projects"] main, html[data-screen="project"] main, html[data-screen="agents"] main, html[data-screen="agent"] main { background: var(--canvas); }
.section-content { gap: 10px; padding: 4px 14px 32px; }
.section-content .section-heading { min-height: 0; }
.section-content .section-heading:has(> [data-read-all]) { position: absolute; top: 6px; right: 10px; }
[data-read-all] { min-height: 36px; padding: 0 8px; font-size: 13px; color: var(--action); background: transparent; }
.section-content .section-filters, .section-content .agent-tabs { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -14px; padding: 0 14px; grid-template-columns: none; }
.section-content .section-filters::-webkit-scrollbar, .section-content .agent-tabs::-webkit-scrollbar { display: none; }
.section-content .section-filters .section-button, .section-content .agent-tabs .section-button { flex: none; white-space: nowrap; min-height: 34px; padding: 0 12px; border-radius: 17px; font-size: 13px; background: transparent; }
.section-content .section-filters .section-button[aria-pressed="true"], .section-content .agent-tabs .section-button[aria-selected="true"] { background: var(--frame); box-shadow: 0 1px 4px color-mix(in srgb, var(--ink) 8%, transparent); }
.section-row { background: var(--frame); border-radius: 14px; padding: 12px 14px; margin: 0 0 8px; }
.inbox-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 6px 10px; }
.inbox-row .section-button.primary { min-height: 36px; padding: 0 12px; font-size: 13px; white-space: nowrap; }
.inbox-group > h2, .section-content h2 { font-size: 13px; margin: 8px 2px 6px; }
.project-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "copy members" "status chev"; align-items: center; gap: 4px 10px; }
.project-row .section-row-copy { grid-area: copy; }
.project-row .member-stack { grid-area: members; justify-self: end; }
.project-row .section-status { grid-area: status; font-size: 12.5px; }
.project-row > span:last-child { grid-area: chev; justify-self: end; color: var(--muted); }
.section-search input { background: var(--frame); border-radius: 12px; padding: 0 12px; min-height: 40px; width: 100%; border: 0; }
.agent-read, .agent-editor textarea { background: var(--frame); border-radius: 14px; }
}
.agent-identity .agent-glyph { margin-right: 4px; }
@media (max-width: 760px) {
.layout-d2 main.workspace:has(.section-content), body.layout-d2:has(.section-content) { background: var(--canvas); }
}
@media (max-width: 760px) {
.section-content .section-filters, .section-content .agent-tabs { min-height: 36px; flex-shrink: 0; }
.section-screen .section-content .project-row { display: grid; }
.section-screen .section-content .project-row .section-row-copy, .section-screen .section-content .project-row .section-status { width: auto; flex-basis: auto; }
}
.discuss-chip { display: block; width: fit-content; margin-top: 8px; padding: 8px 12px; border-radius: 14px; background: var(--panel); color: var(--ink); font-size: 13px; font-weight: 650; }
.discuss-chip:hover, .composer-mention button:hover { background: color-mix(in srgb, var(--panel) 90%, var(--ink)); }
.read-receipt { margin: 5px 0 0; font-size: 11px; color: var(--faint); text-align: right; }
.composer-input { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.composer .composer-input textarea { flex: none; width: 100%; }
.composer-mention { display: inline-flex; align-items: center; gap: 6px; padding: 3px 6px 3px 10px; border-radius: 12px; background: var(--frame); color: var(--ink); font-size: 13px; font-weight: 600; }
.composer-mention[hidden] { display: none; }
.composer-mention button { width: 24px; height: 24px; border-radius: 50%; }
.motion-switch { display: flex; align-items: center; gap: 4px; margin: 12px 0 4px; padding: 4px; width: fit-content; border-radius: 14px; background: var(--panel); }
.motion-switch button { padding: 7px 12px; border-radius: 10px; color: var(--muted); font-size: 13px; }
.motion-switch [aria-pressed='true'] { background: var(--frame); color: var(--ink); font-weight: 600; }
.conversation-menu, .result-resize, .result-full-toggle { display: none; }
@media (min-width: 761px) {
.layout-d2 .body-grid { grid-template-columns: minmax(0, 1fr) var(--result-width, 600px); }
.result-resize { display: block; position: absolute; top: 0; bottom: 16px; right: calc(var(--result-width, 600px) + 20px); width: 12px; z-index: 3; cursor: col-resize; touch-action: none; border-radius: 6px; }
.result-resize:hover, .result-resize:focus-visible { background: var(--panel); }
.result-resize:focus-visible { outline: 2px solid var(--action); outline-offset: -2px; }
.result-full-toggle { display: block; flex: none; padding: 7px 9px; border-radius: 8px; background: var(--panel); color: var(--ink); font-size: 11px; font-weight: 600; white-space: nowrap; }
body.result-full .navigation, body.result-full .chat-header, body.result-full .conversation, body.result-full .result-resize { display: none; }
body.result-full .workspace { grid-column: 1 / -1; }
body.result-full.layout-d2 .body-grid { grid-template-columns: minmax(0, 1fr); padding-left: 16px; }
body.result-full .inspector { grid-column: 1; }
}
@media (max-width: 760px) {
.conversation-menu { display: grid; place-items: center; flex: none; width: 32px; height: 44px; }
.layout-d2 .chat-heading { min-width: 0; }
.layout-d2 .chat-heading h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-input { align-self: center; }
.layout-d2 .message.agent .discuss-chip { order: 3; }
.layout-d2 .composer:has(.composer-mention:not([hidden])) { border-radius: 18px; }
}
@keyframes r18-message-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes r18-surface-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.phone-me { display: none; }
.sidebar-secondary { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 6px; }
.sidebar-secondary .sidebar-command { width: auto; min-height: 28px; padding: 4px 8px; font-size: 11px; }
.section-screen :is(.section-row-copy, .search-row, .demo-message) { overflow-wrap: anywhere; }
.section-screen .search-row p { margin-top: 4px; font-size: 13px; font-weight: 400; }
.section-screen .search-row b { font-weight: 750; color: inherit; }
.section-screen .settings-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px; }
.section-screen .settings-tabs [aria-selected='true'] { background: var(--frame); font-weight: 650; }
.section-screen .settings-fields { display: grid; gap: 12px; }
.section-screen :is(.settings-fields label, .settings-project, .new-project, .spend-limit label) { display: grid; gap: 6px; font-size: 13px; min-width: 0; }
.section-screen .settings-fields input, .section-screen .spend-limit input { width: 100%; min-width: 0; border: 0; background: var(--canvas); border-radius: 8px; padding: 9px 12px; font: inherit; }
.section-screen .settings-fields textarea { min-height: 100px; background: var(--canvas); }
.section-screen :is(.settings-fields p, .spend-summary p, [data-settings-panel] > p) { font-size: 12px; line-height: 1.55; color: var(--muted); }
.section-screen .module-setting input { flex: none; width: 18px; height: 18px; accent-color: var(--action); }
.section-screen .access-person { gap: 10px; }
.section-screen .access-person select { max-width: 150px; font-size: 12px; }
.section-screen .shortcut-row { justify-content: space-between; font-size: 13px; }
.section-screen kbd { color: var(--muted); font: 12px 'JetBrains Mono', monospace; }
.section-screen .new-project { max-width: 400px; margin-bottom: 12px; }
.section-screen .new-participants { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block: 8px 14px; }
.section-screen .new-participants legend { margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.section-screen :is(.new-people, [data-module-agents]) { display: flex; flex-wrap: wrap; gap: 8px; }
.section-screen :is(.new-person, .new-agent) { display: flex; align-items: center; gap: 5px; margin: 0; padding: 6px 8px; border-radius: 10px; background: var(--frame); font-size: 12px; }
.section-screen [data-new-members] .avatar { width: 26px; height: 26px; font-size: 11px; outline-color: var(--canvas); border-radius: 50%; }
.section-screen .new-quick-group { margin-block: 10px; }
.section-screen .new-quick-group h3 { font-size: 12px; font-weight: 550; margin-bottom: 6px; color: var(--muted); }
.section-screen .new-quick-group .section-filters { margin-bottom: 8px; }
.section-screen .new-composer { position: sticky; left: auto; right: auto; bottom: 0; margin: 12px 0 0; padding: 8px; background: var(--frame); border-radius: 20px; box-shadow: none; z-index: 2; }
.section-screen .new-composer textarea { min-height: 42px; max-height: 140px; padding: 10px 4px; width: 100%; border-radius: 0; background: transparent; font: 14px/1.5 Inter, sans-serif; resize: none; }
.section-screen .demo-message p { white-space: pre-wrap; font-size: 14px; margin-top: 6px; }
.section-screen .demo-chat-link { flex-wrap: wrap; gap: 6px; }
.section-screen .spend-limit { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.section-screen .spend-limit label { flex: 1; max-width: 280px; }
.section-screen .spend-summary strong { font-size: 20px; }
@media (max-width: 760px) {
.phone-me { display: inline; }
.sidebar-secondary .sidebar-command { min-height: 38px; font-size: 13px; }
.section-screen .settings-tabs { flex-wrap: nowrap; overflow-x: auto; min-height: 36px; max-width: 100%; gap: 4px; padding-bottom: 2px; scrollbar-width: none; }
.section-screen .settings-tabs .section-button { flex: none; white-space: nowrap; border-radius: 17px; padding: 0 12px; }
.section-screen .settings-tabs::-webkit-scrollbar { display: none; }
.section-screen .settings-fields input, .section-screen .settings-fields textarea, .section-screen .section-search input, .section-screen .new-composer textarea { font-size: 16px; }
.section-screen .access-person { flex-wrap: wrap; gap: 8px; }
.section-screen .access-person select { max-width: 100%; margin-left: 24px; }
.section-screen .new-composer { position: sticky; left: auto; right: auto; bottom: 0; margin: 12px 0 0; }
.section-screen .new-composer .composer-input { align-self: center; }
.section-screen .section-new .section-heading h1 { font-family: Georgia, serif; font-size: 24px; }
.section-screen .shortcut-row { flex-wrap: wrap; gap: 6px; }
}
.section-screen .section-content { min-width: 0; }
.section-screen .section-new .new-participants .avatar { border-radius: 50%; }
@media (max-width: 760px) {
.section-screen .section-new .section-heading:has(h1), .section-screen .section-new .section-heading h1 { display: block; }
}
@media (max-width: 760px) {
.desktop-settings { display: none; }
}
@media (min-width: 761px) {
.sidebar .sidebar-secondary { display: none; }
}
.new-participants > .member-stack { display: none; }
/* R20 — Clio motion, glass and contextual layers. Palette tokens stay intact. */
:root {
  --spring-press: linear(0, 0.079, 0.237, 0.405, 0.553, 0.673, 0.766, 0.834, 0.884, 0.92, 0.945, 0.963, 0.975, 0.983, 0.989, 0.992, 1);
  --spring-snap: var(--spring-press);
  --spring-sheet: var(--spring-press);
  --spring-travel: linear(0, 0.07, 0.221, 0.393, 0.552, 0.687, 0.791, 0.869, 0.923, 0.959, 0.982, 0.995, 1.002, 1.005, 1.006, 1.006, 1);
  --dur-press: 236ms; --dur-snap: 295ms; --dur-sheet: 354ms; --dur-travel: 409ms; --dur-morph: 482ms;
  --backdrop-in: 120ms; --backdrop-out: 180ms;
  --stagger-step: 35ms; --stagger-cap: 6;
  --type-char: 50ms; --type-delete: 25ms; --type-hold: 1200ms; --type-gap: 400ms;
}
:is(button, a[href], summary, .inline-decision, .section-row, .discuss-chip, .new-person, .new-agent) {
  transition: transform var(--dur-press) var(--spring-press), opacity var(--fade-fast) var(--fade-ease);
}
.section-row:has(input:active, textarea:active, select:active) { transform: none; }
.inline-decision { cursor: pointer; }
.run-chevron { transition: transform var(--dur-snap) var(--spring-snap); }
.phone-nav-title .app { transition: transform var(--dur-sheet) var(--spring-sheet); }
.layout-d2 .inspector.showcase { mask-image: none; -webkit-mask-image: none; }
.result-sheet-backdrop {
  position: fixed; inset: 0; z-index: 60;
  background: color-mix(in srgb, var(--frame) 50%, transparent);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  animation: r20-backdrop-in var(--backdrop-in) var(--fade-ease) both;
}
.result-sheet-closing .result-sheet-backdrop {
  animation: r20-backdrop-out var(--backdrop-out) var(--backdrop-out-ease) both;
}
.sheet-grabber { display: none; }
.has-motion-indicator { position: relative; isolation: isolate; }
.motion-indicator {
  position: absolute; z-index: -1; left: 0; top: 0; width: 100px; height: 32px;
  background: var(--panel); border-radius: 10px; pointer-events: none; transform-origin: 0 0;
  transition: none;
}
.has-motion-indicator :is(button[aria-selected='true'], button[aria-pressed='true']) { background: transparent; box-shadow: none; }
.number-digit { position: relative; display: inline-block; overflow: hidden; vertical-align: bottom; line-height: 1.25; font-variant-numeric: tabular-nums; }
.number-digit > span { display: block; animation: r20-digit-in var(--dur-snap) var(--spring-snap) both; }
.number-digit::before { content: attr(data-before); position: absolute; inset: 0; animation: r20-digit-out var(--dur-snap) var(--spring-snap) both; }
.zc-wb-fill { transition: transform var(--dur-snap) var(--spring-snap); }
dialog::backdrop {
  background: color-mix(in srgb, var(--frame) 50%, transparent);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  animation: r20-backdrop-in var(--backdrop-in) var(--fade-ease) both;
}
dialog.surface-closing::backdrop { animation: r20-backdrop-out var(--backdrop-out) var(--backdrop-out-ease) both; }
#voice-dialog.voice-dialog { background: color-mix(in srgb, var(--frame) 40%, transparent); box-shadow: none; border: 0; }
#voice-dialog::backdrop { background: color-mix(in srgb, var(--frame) 50%, transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
#voice-dialog .voice-orb { background: var(--action); animation: r20-orb-in var(--dur-travel) var(--spring-travel) both; }
@media (min-width: 761px) {
.layout-d2 .inspector .result-tabs-bar, .decision-toast, .section-screen .decision-toast {
    background: color-mix(in srgb, var(--frame) 72%, transparent);
    backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); border: 0;
  }
}
@media (max-width: 760px) {
.workspace { position: relative; }
.layout-d2 .chat-header {
    position: absolute; left: 0; right: 0; top: 0; z-index: 8;
    background: color-mix(in srgb, var(--frame) 72%, transparent);
    backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); border: 0;
  }
.layout-d2 .body-grid { height: 100%; }
.layout-d2 .feed { padding-top: calc(var(--chat-glass-height, 76px) + 8px); padding-bottom: calc(var(--composer-glass-height, 64px) + 28px); scroll-padding-top: calc(var(--chat-glass-height, 76px) + 8px); scroll-padding-bottom: calc(var(--composer-glass-height, 64px) + 28px); }
.layout-d2 .composer, .section-screen .new-composer {
    background: color-mix(in srgb, var(--frame) 72%, transparent);
    backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); border: 0;
  }
body.layout-d2[data-panel='inspector'] .conversation { display: flex; }
body.result-sheet-open .inspector.showcase {
    display: block; position: fixed; z-index: 61; left: 0; right: 0; bottom: 0;
    height: min(88dvh, 780px); max-height: calc(100dvh - 64px); padding: 0 16px 24px;
    border-radius: 24px 24px 0 0; background: var(--frame); border: 0; box-shadow: var(--shadow); overflow-y: auto;
  }
.result-sheet-open .sheet-grabber { display: block; height: 28px; position: sticky; top: 0; z-index: 4; background: var(--frame); touch-action: none; cursor: grab; }
.sheet-grabber::before { content: ''; position: absolute; left: calc(50% - 18px); top: 10px; width: 36px; height: 4px; border-radius: 4px; background: var(--faint); }
body.result-sheet-open .inspector .mobile-tools { position: sticky; top: 28px; z-index: 3; margin: 0 0 8px; padding: 0; background: var(--frame); }
body.result-sheet-open .inspector .sheet-close { min-height: 40px; text-align: left; flex: none; }
body.result-sheet-open .inspector .result-tabs-bar { top: 68px; z-index: 2; background: var(--frame); margin-top: 0; }
body.result-sheet-open .inspector .decision-toast { margin-inline: 0; }
.layout-d2 .workspace > .decision-toast { position: absolute; top: var(--chat-glass-height, 76px); left: 0; right: 0; z-index: 9; }
#voice-dialog.voice-dialog { inset: 16px 12px; width: auto; height: auto; max-height: calc(100dvh - 32px); margin: 0; border-radius: 24px; padding: 24px 20px; }
}
@keyframes r20-item-in { from { transform: translateY(8px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes r20-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes r20-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes r20-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes r20-orb-in { from { transform: scale(.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes r20-digit-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes r20-digit-out { from { transform: translateY(0); } to { transform: translateY(-100%); } }
@media (prefers-reduced-motion: reduce) {
:is(button, a[href], summary, .inline-decision, .section-row, .new-person, .new-agent):active { transform: none !important; }
}
.zc-check svg path { animation: none; stroke-dashoffset: 0; }
.t-acc-panel { transition: none; }
.zc-media-v2-1 .zc-v2-1-thumb.zc-media-option, .zc-v2-suggestion-btn, .zc-btn {
  transition: transform var(--dur-press) var(--spring-press), opacity var(--fade-fast) var(--fade-ease);
}
.zc-btn.is-decision-muted:disabled { transition: opacity var(--fade-fast) var(--fade-ease); }
@media (prefers-reduced-motion: reduce) {
.number-digit::before { display: none; }
}
.inline-decision:has(button:active, a:active, input:active, textarea:active, select:active), .section-row:has(button:active, a:active) { transform: none; }
@media (max-width: 760px) {
.layout-d2 .inspector .section-heading { display: none; }
}
:is(button, a[href], summary, .inline-decision, .section-row, .new-person, .new-agent):active { transform: none; }
.motion-switch, [data-motion-mode], .responder-chip { display: none; }
.composer { position: relative; flex-wrap: wrap; }
.composer-response { flex: 0 0 100%; padding: 0 12px 4px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.composer-input { position: relative; }
.mention-options { position: absolute; bottom: calc(100% + 12px); left: 0; width: min(340px, calc(100vw - 100px)); max-height: min(300px, 45dvh); overflow-y: auto; padding: 6px; border-radius: 16px; background: var(--panel); box-shadow: var(--shadow); z-index: 12; }
.mention-options[hidden] { display: none; }
.mention-options [role='option'] { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 10px; cursor: pointer; }
.mention-options [aria-selected='true'] { background: var(--frame); }
.mention-options strong, .mention-options small { display: block; }
.mention-options strong { font-size: 14px; font-weight: 600; }
.mention-options small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.mention-options p { padding: 12px; font-size: 13px; }
.mention-options .avatar { flex: none; }
.media-viewer { width: min(1100px, calc(100vw - 64px)); max-width: none; max-height: 92dvh; padding: 24px; border-radius: 24px; background: var(--frame); color: var(--ink); overflow-y: auto; }
.media-viewer-heading, .media-viewer-controls { display: flex; align-items: center; gap: 12px; }
.media-viewer-heading { justify-content: space-between; margin-bottom: 20px; }
.media-viewer-heading strong { font-size: 14px; }
.media-viewer :is([data-media-close], [data-media-prev], [data-media-next], [data-media-pick]) { min-height: 44px; padding: 10px 16px; border-radius: 12px; background: var(--panel); font-size: 14px; }
.media-viewer [data-media-pick] { margin-left: auto; background: var(--action); color: var(--action-ink); font-weight: 650; }
.media-viewer-controls { margin-top: 20px; }
.media-hero { display: flex; flex-direction: column; gap: 14px; min-height: 0; }
.media-hero[hidden] { display: none; }
.media-hero-photo { display: block; width: 100%; height: auto; max-height: calc(92dvh - 350px); object-fit: contain; border-radius: 18px; }
.media-hero-caption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; font-size: 15px; font-weight: 600; line-height: 1.45; }
.media-hero-caption small { flex-basis: 100%; color: var(--muted); font-size: 14px; font-weight: 400; }
.zc-v2-1-preview-wrap { position: relative; cursor: zoom-in; }
[data-media-open] { position: absolute; bottom: 8px; right: 8px; padding: 8px 10px; border-radius: 10px; background: var(--panel); color: var(--ink); font-size: 12px; font-weight: 600; min-height: 36px; }
.new-studio-context { margin: 14px 0; }
.new-waiting-list { display: grid; gap: 6px; }
.new-waiting-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 12px; background: var(--frame); }
.new-waiting-row strong { font-size: 13px; font-weight: 550; }
.new-waiting-row a { flex: none; font-size: 12px; font-weight: 600; color: var(--action); padding: 8px 0; }
.new-studio-context [data-new-running] { margin: 12px 0; font-size: 13px; line-height: 1.5; }
.new-recent-people { display: flex; gap: 16px; flex-wrap: wrap; }
.new-recent-people > span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }
@media (prefers-reduced-motion: no-preference) {
html[data-motion] .number-digit > span { animation: r20-digit-in var(--dur-snap) var(--spring-snap) both; }
html[data-motion] .number-digit::before { animation: r20-digit-out var(--dur-snap) var(--spring-snap) both; }
html[data-motion] #voice-dialog .voice-orb { animation: r20-orb-in var(--dur-travel) var(--spring-travel) both; }
html[data-motion] .result-sheet-backdrop { animation: r20-backdrop-in var(--backdrop-in) var(--fade-ease) both; }
html[data-motion] body.result-sheet-closing .result-sheet-backdrop { animation: r20-backdrop-out var(--backdrop-out) var(--backdrop-out-ease) both; }
html[data-motion] #voice-dialog::backdrop { animation: r20-backdrop-in var(--backdrop-in) var(--fade-ease) both; }
}
@media (max-width: 760px) {
body.result-sheet-open .inspector.showcase { height: auto; max-height: 92dvh; padding: 0 14px 16px; overflow-y: auto; }
body.result-sheet-open .inspector .mobile-tools { margin-bottom: 4px; }
body.result-sheet-open .inspector .result-tabs-bar { position: relative; top: auto; min-height: 36px; margin: 0 0 8px; }
.result-tabs-scroll { flex-wrap: nowrap; gap: 2px; }
.result-tab-item { flex: none; }
.result-tabs-scroll [role='tab'] { padding: 7px 6px; font-size: 11px; }
.result-tab-add { width: 26px; flex: none; }
.compact-result .zc-card { margin-bottom: 8px; padding: 12px; border-radius: 14px; }
.compact-result .zc-head { margin-bottom: 6px; }
.compact-result .zc-title { font-size: 14px; }
.compact-result .zc-sub { font-size: 11px; }
.compact-result .proof { margin-top: 4px; }
.compact-result .proof > h3 { display: none; }
.compact-result .zc-actions, .compact-result .zc-wb-actions { flex-direction: row; flex-wrap: nowrap; gap: 6px; margin-top: 10px; }
.compact-result .zc-actions .zc-btn { min-height: 36px; padding: 8px 10px; font-size: 12px; flex: 1; }
.compact-result .zc-actions .zc-btn-label { white-space: nowrap; }
.compact-result .zc-diffrows { overflow: visible; padding: 0; }
.compact-result .zc-ln.ctx, .compact-result .zc-diffstats { display: none; }
.compact-result .zc-ln { grid-template-columns: 18px 18px 10px minmax(0, 1fr); font-size: 10px; line-height: 17px; }
.compact-result .zc-ln-code { white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 0; }
.compact-result .zc-wb-test-hero { display: flex; align-items: baseline; gap: 4px; margin: 0; padding: 0; }
.compact-result .zc-wb-test-num { font-size: 14px; font-weight: 650; }
.compact-result .zc-wb-test-num::after { content: ' прошли ·'; }
.compact-result .zc-wb-test-status { display: block; }
.compact-result .zc-wb-test-status .zc-chip { display: none; }
.compact-result .zc-wb-test-scope { font-size: 14px; }
.compact-result .zc-card[data-card-type='tests'] .zc-head, .compact-result .zc-card[data-card-type='tests'] .zc-tiles { display: none; }
.compact-result .zc-step { padding: 6px 0; gap: 8px; }
.compact-result .zc-step-title { font-size: 12px; line-height: 1.4; }
.compact-result .zc-wb-prog-wrap { margin: 6px 0 10px; }
.compact-result .zc-wb-specs { gap: 6px; margin-bottom: 8px; }
.compact-result .zc-wb-spec-item { padding: 7px 10px; }
.compact-result .zc-wb-route { font-size: 18px; margin: 4px 0 8px; }
.compact-result .zc-wb-times { padding: 8px 12px; margin-bottom: 8px; }
.compact-result .zc-wb-time-val { font-size: 19px; }
.compact-result .zc-wb-spec-val.is-price { font-size: 18px; }
.compact-result .zc-v2-1-body { gap: 10px; }
.compact-result .zc-v2-1-preview-wrap { aspect-ratio: 2.4; }
.compact-result .zc-v2-1-preview-headline { margin: 6px 0 0; font-size: 16px; line-height: 1.3; }
.compact-result .zc-v2-1-preview-badge-row { margin-top: 6px; }
.compact-result .zc-v2-1-thumb { padding: 7px; min-height: 58px; }
.compact-result .zc-v2-1-thumb-img-wrap { width: 54px; height: 40px; }
.compact-result .zc-v2-1-thumb-headline { font-size: 11px; line-height: 1.3; }
.compact-result .zc-v2-1-thumb .zc-media-rationale { display: none; }
.compact-result .zc-v2-suggestion { margin-top: 10px; padding: 8px; }
.compact-result .zc-v2-suggestion-btn { padding: 5px 8px; }
.compact-result[data-result-scene='team'] .proof .zc-card { padding: 10px; }
.compact-result .zc-wb-usage-hero { padding: 0; margin: 0; }
.compact-result .zc-wb-usage-num { font-size: 20px; }
.compact-result .run { padding: 8px 12px; margin-top: 6px; }
.compact-result .run-step { padding-block: 4px; }
.media-viewer { inset: 0; width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; padding: 18px; display: none; }
.media-viewer[open] { display: flex; flex-direction: column; }
.media-viewer-slides { flex: 1; display: flex; min-height: 0; overflow-y: auto; }
.media-hero { width: 100%; justify-content: center; }
.media-hero-photo { max-height: calc(100dvh - 240px); }
.media-viewer-heading { margin-bottom: 12px; }
.media-viewer-controls { gap: 6px; margin-top: 12px; flex: none; }
.media-viewer-controls [data-media-position] { font-size: 12px; white-space: nowrap; }
.media-viewer-controls button { padding: 10px 12px; }
.new-studio-context { margin: 10px 0; }
.new-waiting-row { padding: 8px 10px; }
.new-waiting-row strong { font-size: 12px; }
}
.new-waiting-row > span:first-child { font-size: 13px; line-height: 1.4; }
.new-waiting-row .section-text-link { flex: none; font-size: 12px; white-space: nowrap; }
.new-running-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--ink); }
@media (max-width: 760px) {
.compact-result .zc-wb-test-hero { justify-content: flex-start; }
.compact-result .zc-wb-actions .zc-btn-secondary { width: auto; height: auto; min-height: 36px; }
.compact-result .zc-card[data-card-type='event'] .zc-wb-specs { margin-block: 6px; }
.compact-result .zc-wb-flight-hero { margin-bottom: 0; }
.compact-result .zc-card[data-card-type='booking'] .zc-wb-tag { font-size: 11px; }
}
.new-waiting-row[hidden] { display: none; }
.decision-media-preview { position: relative; cursor: zoom-in; }
.decision-media-preview [data-media-open] { position: static; margin-top: 12px; }
@media (max-width: 760px) {
.layout-d2 .inspector .zc-wb-test-hero { background: transparent; padding: 0; }
}
@keyframes r20-digit-in { from { transform: translateY(40%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.section-screen .section-content { max-width: 1000px; padding: 24px 28px 32px; }
.section-screen .section-heading { position: static; margin: 4px 0 20px; align-items: flex-start; }
.section-screen .section-heading h1, .section-screen .section-new .section-heading h1, .section-screen [data-project-view] > .section-heading h1 { font: 550 30px/1.15 Inter, sans-serif; letter-spacing: -.045em; }
.section-screen .section-heading p { font-size: 11px; margin-top: 6px; }
.section-screen .section-heading:has(> .primary) { flex-wrap: wrap; }
.section-screen .section-heading > .primary { flex-basis: 100%; }
.section-screen :is(.section-row, .section-card, .new-studio-context, .agent-read, .agent-editor textarea) {
  background: var(--raised); border: 0; box-shadow: none; border-radius: 24px;
}
.section-screen .section-card { padding: 20px; }
.section-screen .section-row { display: flex; align-items: center; padding: 14px; gap: 12px; margin: 0 0 8px; min-width: 0; }
.section-screen .section-row > * { min-width: 0; }
.section-screen .section-row :is(p, small) { color: var(--muted); line-height: 1.45; font-size: 12px; }
.section-screen .section-row :is(strong, .section-row-link strong) { font-weight: 550; font-size: 14px; }
.section-screen .section-row .section-row-copy { flex: 1; }
.section-screen .section-row-link { display: flex; gap: 12px; align-items: center; }
.section-screen .inbox-row-link > span:last-child { flex: 1; min-width: 0; }
.section-screen .inbox-row-link p { margin: 4px 0; color: var(--muted); }
.section-screen .inbox-row[data-inbox-group='waiting'] .inbox-row-link p { color: var(--muted); }
.section-screen .section-status { color: var(--muted); text-align: right; font-size: 11px; max-width: 88px; }
.section-screen .section-row .member-stack { display: none; }
.section-screen .clio-row-icon { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; background: var(--panel); border-radius: 50%; color: var(--muted); font-size: 15px; }
.clio-row-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.section-screen :is(.project-row, .agent-row) .section-row-copy { grid-area: auto; flex-basis: auto; }
.section-screen .project-row .section-status { grid-area: auto; width: auto; flex-basis: auto; }
.section-screen .agent-row-model { padding: 0; font-size: 11px; max-width: 95px; text-align: right; }
.section-screen h2:has(.clio-group-total), .section-screen h3:has(.clio-group-total) { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.section-screen .clio-group-total { font-size: 12px; color: var(--muted); font-weight: 400; margin-left: auto; }
.section-screen .clio-summary { padding: 18px 20px; margin: 0 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--raised); border-radius: 24px; }
.section-screen .clio-summary p { color: var(--muted); font-size: 12px; }
.section-screen .clio-summary strong { font-size: 48px; line-height: 1.15; font-weight: 500; letter-spacing: -2px; }
.section-screen .section-breadcrumb { margin-bottom: 10px; }
.section-screen :is(input:not([type=checkbox]), textarea, select) { border: 0; box-shadow: none; background: var(--panel); border-radius: 16px; max-width: 100%; }
.section-screen .section-search input { min-height: 44px; max-width: 100%; }
.section-screen .agent-read { font: 15px/1.65 Inter, sans-serif; padding: 20px; }
.section-screen .agent-identity { display: flex; align-items: center; gap: 14px; margin: -6px 0 20px; font-size: 12px; color: var(--muted); }
.section-screen .agent-identity .agent-glyph { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--raised); font-size: 28px; }
.section-screen .agent-chats summary { min-height: 44px; padding: 10px 0; color: var(--muted); }
.section-screen .agent-chats summary:has([data-group-total]) { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.section-screen .agent-chats .section-row { margin-bottom: 6px; }
.section-screen .new-studio-context { padding: 18px; margin: 0 0 18px; }
.section-screen .new-waiting-row, .section-screen .new-running-row { background: transparent; border-radius: 0; padding: 10px 0; display: flex; align-items: center; gap: 12px; }
.section-screen .new-waiting-row > span:nth-child(2), .section-screen .new-running-row > span:nth-child(2) { flex: 1; min-width: 0; font-size: 12px; }
.section-screen .new-waiting-row .section-text-link { font-size: 10px; color: var(--muted); }
.section-screen .new-people { gap: 8px; }
.section-screen .new-person, .section-screen .new-agent { border: 0; background: var(--raised); border-radius: 99px; }
.section-screen .new-composer { background: var(--raised); border-radius: 24px; padding: 14px; box-shadow: none; backdrop-filter: none; }
.section-screen .new-composer textarea { background: transparent; }
.section-screen .spend-summary > strong, .section-screen .project-expense-value { display: block; font-size: 40px; font-weight: 500; letter-spacing: -1.5px; }
.section-screen .spend-limit .section-button { margin-left: auto; }
.section-screen .project-run summary { gap: 12px; }
:is(.section-screen .section-filters, .section-screen .agent-tabs, .section-screen .settings-tabs, .project-view-controls, .result-tabs-scroll) {
  display: flex; flex-wrap: nowrap; gap: 2px; padding: 4px; margin: 0 0 18px;
  border-radius: 99px; background: var(--panel); max-width: 100%; min-width: 0;
  overflow-x: auto; scrollbar-width: none; box-shadow: none;
}
:is(.section-filters, .agent-tabs, .settings-tabs, .project-view-controls, .result-tabs-scroll)::-webkit-scrollbar { display: none; }
:is(.section-screen .section-filters, .section-screen .agent-tabs, .section-screen .settings-tabs, .project-view-controls) > button, .result-tabs-scroll [role=tab] { flex: 1 0 auto; position: relative; min-height: 40px; padding: 8px 12px; border-radius: 99px; background: transparent; color: var(--muted); font-size: 12px; white-space: nowrap; box-shadow: none; }
:is(.section-screen .section-filters, .section-screen .agent-tabs, .section-screen .settings-tabs, .project-view-controls) > button:is([aria-selected=true], [aria-pressed=true]), .result-tabs-scroll [role=tab][aria-selected=true] { background: var(--clio-segment-ink); color: var(--clio-segment-text); font-weight: 550; box-shadow: none; }
.has-motion-indicator > .motion-indicator { background: var(--clio-segment-ink); border-radius: 99px; }
.result-tabs-scroll { margin: 0; }
.result-tabs-scroll .result-tab-item { flex: 1 0 auto; }
.result-tabs-scroll [role=tab] { width: 100%; }
.result-tabs-scroll [role=tab]::after { display: none; }
:is(.section-screen .section-button.primary, .zc-variant-b .zc-btn-primary, .decision-actions .zc-btn-primary) {
  display: flex; align-items: center; justify-content: center; width: 100%; flex: 0 0 100%;
  min-height: 44px; padding: 12px 18px; border: 0; border-radius: 999px;
  background: var(--action); color: var(--action-ink); font-size: 13px; font-weight: 550;
}
:is(.section-screen .section-button.primary, .zc-variant-b .zc-btn-primary, .decision-actions .zc-btn-primary):hover { background: var(--action); color: var(--action-ink); }
:is(.zc-actions, .zc-wb-actions, .decision-actions, .agent-editor-actions) { flex-wrap: wrap; align-items: flex-start; gap: 12px; }
:is(.section-screen .section-button, .zc-variant-b .zc-btn, .decision-actions .zc-btn, button).clio-secondary {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start;
  flex: 0 0 auto; min-width: 62px; width: auto; height: auto; min-height: 0; gap: 8px;
  background: transparent; border: 0; border-radius: 0; padding: 0; color: var(--muted); font-size: 10px; box-shadow: none;
}
:is(.section-screen .section-button, .zc-variant-b .zc-btn, .decision-actions .zc-btn, button).clio-secondary:hover { background: transparent; color: var(--ink); }
button.clio-secondary > svg { display: block; flex: none; width: 46px; height: 46px; padding: 13px; border-radius: 50%; background: var(--panel); fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
button.clio-secondary :is(.zc-btn-label, .clio-action-label) { display: block; white-space: normal; text-align: center; max-width: 110px; line-height: 1.3; }
button.clio-secondary .zc-check { display: none; }
.section-screen .inbox-row .clio-secondary, .section-screen .project-decision .clio-secondary { flex: 0 0 64px; }
.section-screen .inbox-row .clio-secondary .clio-action-label { max-width: 64px; }
.section-screen .inbox-row .clio-secondary > svg { width: 40px; height: 40px; padding: 11px; }
body .zc-card.zc-variant-b { padding: 20px; border: 0; border-radius: 24px; background: var(--raised); box-shadow: none; }
.zc-variant-b :is(.zc-wb-test-hero, .zc-wb-prog-wrap, .zc-wb-usage-hero, .zc-wb-times, .zc-wb-spec-item, .zc-tile) { background: transparent; box-shadow: none; padding: 0; border: 0; }
body .zc-variant-b .zc-wb-test-num, body .zc-variant-b .clio-plan-number { font-size: 48px; font-weight: 500; letter-spacing: -2px; line-height: 1.2; color: var(--ink); }
.clio-number-rest { color: var(--muted); font-size: .62em; font-weight: 400; letter-spacing: -.03em; }
.zc-variant-b .zc-wb-prog-head { align-items: baseline; flex-direction: row-reverse; font-weight: 400; color: var(--muted); }
.zc-variant-b .zc-wb-bar { display: none; }
body .zc-variant-b .zc-wb-usage-num { font-size: 30px; font-weight: 500; letter-spacing: -1.3px; }
.zc-variant-b .zc-wb-usage-lbl, .zc-variant-b .zc-title { color: var(--muted); font-size: 12px; font-weight: 500; }
.zc-variant-b .zc-wb-test-num::after { content: none; }
.zc-variant-b .zc-wb-test-hero { justify-content: space-between; margin: 12px 0; }
.zc-variant-b .zc-wb-test-status { align-items: flex-start; }
body .zc-variant-b .zc-wb-time-val { font-size: 30px; font-weight: 500; letter-spacing: -1px; }
body .zc-variant-b .zc-wb-spec-val.is-price { font-size: 36px; font-weight: 500; letter-spacing: -1px; }
.zc-variant-b .zc-wb-route { font-size: 20px; font-weight: 550; }
.zc-variant-b .zc-diffstats { display: flex; gap: 10px; }
.zc-variant-b :is(.zc-badge-add, .zc-badge-rm) { background: transparent; padding: 0; font-size: 36px; font-weight: 500; }
.zc-variant-b .zc-badge-rm { color: var(--muted); font-size: 24px; }
.zc-variant-b :is(.zc-step, .zc-ln, .zc-acc, .zc-v2-suggestion) { border: 0; box-shadow: none; }
.zc-variant-b .zc-step { padding: 8px 0; }
.zc-variant-b .zc-v2-1-body { gap: 12px; }
.zc-variant-b .zc-media-option { border: 0; border-radius: 20px; box-shadow: none; }
.zc-variant-b .zc-v2-1-thumb.zc-media-option { border: 0; box-shadow: none; background: var(--panel); }
.zc-variant-b .zc-v2-1-thumb.zc-media-option.is-selected { background: var(--own); }
.zc-variant-b .zc-v2-suggestion { background: transparent; padding: 8px 0; border-radius: 0; }
.zc-variant-b .zc-v2-suggestion::before { display: none; }
@media (max-width: 760px) {
.section-screen .section-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; gap: 12px; min-height: 64px; background: var(--canvas); }
.section-screen .section-header .section-profile { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; background: transparent; flex: none; }
.section-profile .avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--panel); }
.section-nav-capsule { display: flex; gap: 3px; padding: 4px; border-radius: 99px; background: var(--panel); }
.section-nav-capsule a { display: grid; place-items: center; width: 48px; height: 44px; border-radius: 99px; color: var(--muted); }
.section-nav-capsule a[aria-current] { color: var(--clio-segment-text); background: var(--clio-segment-ink); }
.section-nav-capsule svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.section-screen .section-content { padding: 12px 14px 32px; width: 100%; }
.section-screen .section-heading:has(> [data-read-all]) { position: static; }
.section-screen .section-heading h1 { display: block; }
.section-screen .section-row { display: flex; flex-wrap: nowrap; gap: 10px; padding: 12px; }
.section-screen .section-row .section-status { max-width: 66px; font-size: 10px; }
.section-screen .section-row .section-row-copy { flex-basis: auto; }
.section-screen .section-row .section-row-copy strong { overflow-wrap: anywhere; }
.section-screen .access-person { flex-wrap: wrap; }
.section-screen .access-person .section-row-copy { flex: 1; }
.section-screen .access-person select { margin-left: 52px; width: calc(100% - 52px); }
.section-screen :is(.section-filters, .agent-tabs, .settings-tabs) { margin: 0 0 18px; padding: 4px; flex-wrap: nowrap; }
.section-screen :is(.section-filters, .agent-tabs, .settings-tabs) > button { min-height: 40px; padding: 8px 10px; font-size: 11px; }
.section-screen .section-inbox .section-filters > button { font-size: 10px; padding-inline: 8px; }
.section-screen .settings-fields :is(input, textarea), .section-screen .section-search input { font-size: 16px; }
.section-screen .agent-model label, .section-screen .agent-stack-context { align-items: stretch; }
.section-screen .new-composer { padding: 12px; }
.section-screen .new-composer textarea { font-size: 16px; }
.section-screen .shortcut-row { flex-wrap: wrap; }
.section-screen .shortcut-row > strong { flex: 1; }
.section-screen .section-card { padding: 18px; }
.section-screen .agent-read { padding: 18px; }
body.result-sheet-open .inspector.showcase { padding: 0 14px 14px; }
body.result-sheet-open .inspector .result-tabs-bar { margin-bottom: 8px; }
.result-tabs-scroll { padding: 3px; }
.result-tabs-scroll [role=tab] { min-height: 32px; padding: 6px; font-size: 10px; }
.result-tab-add { width: 26px; }
body .compact-result .zc-card.zc-variant-b { padding: 16px; margin-bottom: 8px; border-radius: 24px; }
.compact-result .zc-actions, .compact-result .zc-wb-actions { flex-wrap: wrap; gap: 10px; }
.compact-result .zc-actions .zc-btn-primary { flex: 0 0 100%; min-height: 44px; padding: 12px 18px; }
.compact-result .zc-actions .clio-secondary { flex: 0 0 auto; width: auto; min-height: 0; padding: 0; }
body .compact-result .zc-wb-test-num { font-size: 40px; font-weight: 500; }
.compact-result .zc-wb-test-num::after { content: none; }
.compact-result .zc-wb-test-hero { margin: 0; align-items: baseline; }
.compact-result .zc-wb-test-scope { font-size: 11px; }
.compact-result .zc-wb-test-num .clio-number-rest { font-size: 24px; }
body .compact-result .clio-plan-number { font-size: 40px; }
.compact-result .zc-wb-prog-wrap { margin: 6px 0 8px; }
.compact-result .zc-step { padding: 6px 0; }
.compact-result .zc-wb-times { padding: 0; margin: 8px 0; }
.compact-result .zc-wb-spec-item { padding: 0; }
body .compact-result .zc-wb-time-val { font-size: 26px; }
body .compact-result .zc-wb-spec-val.is-price { font-size: 30px; }
body .compact-result .zc-wb-usage-num { font-size: 28px; }
.compact-result .zc-wb-usage-hero { margin: 0; }
.compact-result .zc-diffstats { display: none; }
.compact-result .zc-v2-1-body { gap: 8px; }
.compact-result .zc-v2-suggestion { margin: 6px 0 0; padding: 6px 0; }
}
.clio-secondary, .zc-btn, .section-button { transition: opacity var(--fade-fast) var(--ease-calm), color var(--fade-fast) var(--ease-calm); }
.section-screen .new-studio-context.clio-summary, .section-screen .spend-summary.clio-summary { display: block; }
.section-screen .new-studio-context > h2 { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.section-screen .clio-agent-hero { align-items: center; justify-content: flex-start; }
.section-screen .clio-agent-hero .clio-row-icon { width: 64px; height: 64px; flex-basis: 64px; }
.section-screen .clio-agent-hero .clio-row-icon svg { width: 30px; height: 30px; }
.section-screen .new-quick-actions { display: flex; flex-wrap: wrap; gap: 12px; padding: 8px 0; }
.has-motion-indicator :is(button[aria-selected=true], button[aria-pressed=true]) { background: var(--clio-segment-ink); color: var(--clio-segment-text); }
.agent-traits { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.media-viewer-controls { flex-wrap: wrap; align-items: center; gap: 12px; }
.media-viewer [data-media-pick] { width: 100%; flex: 0 0 100%; min-height: 44px; border-radius: 999px; margin-left: 0; background: var(--action); color: var(--action-ink); }
.media-viewer :is([data-media-close], [data-media-prev], [data-media-next]).clio-secondary { padding: 0; border-radius: 0; background: transparent; font-size: 10px; }
.section-screen .section-content > :is(.section-filters, .agent-tabs, .settings-tabs, .project-view-controls) { min-height: min-content; flex-shrink: 0; }
.section-screen .agent-panel :is(.section-filters, .agent-tabs, .settings-tabs) { min-height: min-content; }
.section-screen .agent-chats[open] .section-text-link.section-row { display: flex; padding: 14px; color: var(--ink); font-size: 12px; }
.section-screen .agent-chat-row { text-decoration: none; }
.section-screen .agent-chat-row .section-row-copy small { display: block; margin-top: 2px; }
.section-screen .agent-chat-row [aria-hidden=true]:last-child { color: var(--muted); flex: none; }
.section-screen .section-breadcrumb { position: static; margin: 0 0 12px; }
.section-screen .agent-identity, .section-screen .clio-agent-hero { margin: 0 0 20px; position: static; }
.section-screen .agent-identity > div { min-width: 0; }
.section-screen .agent-identity p { margin: 0 0 2px; position: static; }
.section-screen .agent-identity h1 { margin: 0; }
.section-screen .agent-identity small { display: block; margin-top: 4px; }
@media (max-width: 760px) {
.section-screen :is(.section-filters, .agent-tabs, .settings-tabs) > button { font-size: 12px; padding: 8px 12px; }
.section-screen .section-inbox .section-filters > button { font-size: 12px; padding-inline: 12px; }
}
.section-screen .section-content { grid-auto-rows: max-content; align-content: start; }
:is(.inspector, .result-dialog) body .zc-card.zc-variant-b, body :is(.inspector, .result-dialog) .zc-card.zc-variant-b { background: var(--panel); }
:is(.inspector, .result-dialog) .zc-variant-b .zc-v2-1-thumb.zc-media-option { background: var(--raised); }
:is(.inspector, .result-dialog) .zc-variant-b .zc-v2-1-thumb.zc-media-option.is-selected { background: var(--own); }
.zc-card.zc-variant-b button.clio-secondary > svg, :is(.inspector, .result-dialog) button.clio-secondary > svg { background: var(--raised); }
.zc-card.zc-variant-b button.clio-secondary:hover > svg { background: var(--canvas); }
.section-screen .project-expense-value.is-unknown { font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.section-screen .project-decision .section-row-link { flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; }
.section-screen .project-decision .section-row-link p { margin: 0; }
@media (max-width: 760px) {
.section-screen .section-content .project-row { display: flex; }
.section-screen .section-content .project-row .section-row-copy { flex: 1; min-width: 0; }
.section-screen .section-content .project-row .section-status { max-width: none; white-space: nowrap; }
.section-screen .project-decision .section-row-link { flex-basis: auto; }
}
.section-screen .agent-row-model { max-width: none; white-space: nowrap; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
@media (max-width: 760px) {
.section-screen .agent-row-model { font-size: 10px; }
}
.section-screen .section-content :is(.section-filters, .agent-tabs, .settings-tabs) > .section-button { border-radius: 99px; min-height: 40px; padding: 8px 12px; }
.section-screen .section-content .section-filters .section-button[aria-pressed=true], .section-screen .section-content .agent-tabs .section-button[aria-selected=true] { box-shadow: none; }
.inline-decision button.clio-secondary > svg, .decision-actions button.clio-secondary > svg { background: var(--raised); }
body .zc-variant-b .zc-wb-spec-val.is-price { line-height: 1.25; margin-top: 2px; }
body .zc-variant-b .zc-wb-spec-val, body .zc-variant-b .zc-wb-time-val { line-height: 1.2; }
.zc-variant-b .zc-wb-spec-lbl, .zc-variant-b .zc-wb-time-lbl { display: block; margin-bottom: 2px; }
.result-tabs-scroll .result-tab-item { border-radius: 99px; background: transparent; }
.result-tabs-scroll .result-tab-item:has([aria-selected=true]) { background: transparent; }
.result-tabs-scroll [role=tab] { width: auto; flex: 1 1 auto; }
.result-tabs-scroll .result-tab-item:has([aria-selected=true]) .result-tab-close { color: var(--clio-segment-text); }
.result-tabs-scroll .result-tab-close { margin-right: 6px; border-radius: 99px; min-height: 0; }
.result-tabs-scroll .result-tab-item:has(.result-tab-close) [role=tab][aria-selected=true] { background: transparent; }
.section-screen [data-project-view] > .section-heading:has(h1):not(:has(p, button)) { display: block; }
.section-screen [data-project-view] > .section-heading h1 { display: block; }
@media (max-width: 760px) {
.compact-result .zc-variant-b :is(.zc-wb-spec-lbl, .zc-wb-time-lbl) { margin-bottom: 0; }
body .compact-result .zc-variant-b .zc-wb-spec-val.is-price { margin-top: 0; line-height: 1.1; }
body .compact-result .zc-variant-b :is(.zc-wb-spec-val, .zc-wb-time-val) { line-height: 1.1; }
}
@media (min-width: 761px) {
.layout-d2 .inspector .section-heading { display: none; }
}
.action-control { display:inline-flex; align-items:center; gap:2px; padding:3px; border-radius:99px; background:var(--panel); margin:12px 0; max-width:100%; }
.action-control button { min-height:32px; padding:6px 10px; font:400 11px/1.4 Inter,system-ui,sans-serif; border:0; border-radius:99px; background:transparent; color:var(--muted); white-space:nowrap; }
.action-control button[aria-pressed=true] { background:var(--action); color:var(--action-ink); }
.dm-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: inherit; white-space: nowrap; pointer-events: none; font: inherit; }
@media (min-width: 761px) {
.layout-d2 section.conversation { position: relative; }
.layout-d2 section.conversation > .decision-toast { position: absolute; top: 8px; left: 24px; right: 24px; margin: 0; z-index: 9; }
}
.r28-quiet { opacity: 0; visibility: hidden; transition: opacity 200ms var(--ease), visibility 0s 200ms; }
.zc-wb-test-status, .zc-tiles { transition: opacity 280ms var(--ease); }
.inspector .decision-toast, #result-dialog .decision-toast { position: absolute; width: var(--r28-toast-w, auto); margin: 8px 0 0; z-index: 6; }
@media (max-width: 760px) {
:root { --fs-h1: 28px; }
}
@keyframes r29-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.section-screen .section-search input:focus-visible { outline: 0; background: var(--raised); }
.zc-v2-1-thumb-headline { white-space: normal; overflow: visible; text-overflow: clip; }
.section-screen .section-heading:has(> .primary) > div { margin-bottom: 16px; }
.section-screen .settings-fields textarea { field-sizing: content; }
.booking-widget { --bw-bg: var(--panel); --bw-tonal: var(--raised); display: block; margin-top: 12px; padding: 14px 16px; border-radius: 18px; background: var(--bw-bg); color: var(--ink); font-size: 14px; line-height: 1.4; text-align: left; }
.inline-decision .booking-widget { --bw-bg: var(--raised); --bw-tonal: var(--panel); cursor: default; }
.booking-widget .bw-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.booking-widget .bw-route { font-size: 16px; font-weight: 650; }
.booking-widget .bw-price { font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.booking-widget .bw-meta, .booking-widget .bw-ref { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.booking-widget .bw-ref b { color: var(--ink); font-weight: 600; letter-spacing: .04em; }
.booking-widget .bw-more, .booking-widget .bw-quiet { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; margin: 6px 0 0 -8px; padding: 0 8px; border-radius: 999px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 550; }
.booking-widget .bw-more:hover, .booking-widget .bw-quiet:hover { color: var(--ink); }
.booking-widget .bw-quiet svg, .booking-widget .bw-chip svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.booking-widget .bw-details { display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; margin: 6px 0 0; font-size: 13px; }
.booking-widget .bw-details[hidden] { display: none; }
.booking-widget .bw-details dt { color: var(--muted); }
.booking-widget .bw-details dd { margin: 0; font-weight: 550; }
.booking-widget .bw-cal { margin-top: 8px; }
.booking-widget .bw-ask { margin: 0 0 10px; font-weight: 600; }
.booking-widget .bw-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.booking-widget .bw-btn { min-height: 40px; padding: 0 20px; border-radius: 999px; font-size: 14px; font-weight: 600; }
.booking-widget .bw-btn-primary { background: var(--action); color: var(--action-ink); }
.booking-widget .bw-btn-tonal { background: var(--bw-tonal); color: var(--ink); }
.booking-widget .bw-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px 0 10px; border-radius: 999px; background: var(--bw-tonal); color: var(--ink); font-size: 13px; font-weight: 600; }
.booking-widget.bw-ghost { box-sizing: border-box; pointer-events: none; }
.booking-widget .bw-chip svg { color: var(--data-ok); }
}
@layer layout-screens {
body {background:var(--canvas);box-shadow:none;outline:6px solid var(--panel);font-size:14px}
body .app-base {height:100%;position:relative}
body button {font-size:13px;line-height:1.4}
body .section-content::-webkit-scrollbar {display:none}
body h2 {font-size:29px;letter-spacing:-.045em;line-height:1.14;font-weight:550}
body h3 {font-size:15px;font-weight:600;line-height:1.4}
body h4 {margin:0;font-size:13px;line-height:1.4;font-weight:550}
body h4>span {float:right;color:var(--muted);font-weight:400}
body p, body span, body h3 {overflow-wrap:anywhere}
body .muted {color:var(--muted)}
body .avatar {display:inline-grid;place-items:center;border-radius:50%;width:40px;height:40px;background:var(--panel);color:var(--muted);font-size:13px;font-weight:500;flex-shrink:0}
body .avatar.agent-mark {color:var(--action);font-size:18px;font-weight:650;letter-spacing:-3px;padding-right:3px}
body .demo-header {position:absolute;inset:0 0 auto;z-index:2;background:var(--canvas);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;min-height:64px;gap:8px}
body .back, body .icon-button {display:grid;place-items:center;width:44px;height:44px;padding:0;background:var(--panel);border-radius:50%;flex-shrink:0}
body .back {background:transparent}
body .read-button {background:transparent;color:var(--action);font-size:11px;padding:4px;min-width:85px}
body .profile {padding:0;min-height:44px;width:44px;background:transparent}
body .profile .avatar {width:44px;height:44px}
body .nav-capsule {display:flex;gap:3px;background:var(--panel);padding:4px;border-radius:99px}
body .nav-capsule button {width:48px;min-height:44px;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted)}
body .context-header {justify-content:center}
body .context-pill {display:flex;align-items:center;gap:16px;background:var(--panel);padding:9px 15px;font-size:14px}
body .screen-heading {margin:4px 0 22px}
body .screen-heading>p, body .agent-heading p {font-size:11px;color:var(--muted);margin-bottom:6px}
body .screen-heading h2 {font-size:30px}
body .inbox-summary {display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:24px;padding:18px 20px;margin-bottom:18px}
body .inbox-summary p {font-size:12px;color:var(--muted)}
body .inbox-summary strong {font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:500}
body .filters {display:flex;align-items:center;gap:4px;overflow-x:auto;max-width:100%;margin:4px 0 20px;padding:2px 0;scrollbar-width:none}
body .filters button {flex-shrink:0;padding:8px 12px;font-size:12px;min-height:40px;background:transparent;white-space:nowrap}
body .filters [aria-pressed=true] {background:var(--surface);font-weight:550}
body.filters-segment .filters {gap:2px;background:var(--panel);padding:4px;border-radius:99px}
body.filters-segment .filters button {padding:8px 10px;flex:1;min-width:0;font-size:11px}
body.filters-segment .filters [aria-pressed=true] {background:var(--ink-button);color:var(--ink-button-text)}
body .inbox-group {margin-bottom:32px}
body .inbox-group>h4 {padding:0 0 0 3px;margin-bottom:8px}
body .inbox-row {background:var(--surface);margin:0 0 8px;padding:10px 12px;border-radius:12px}
body .row-open {background:transparent;border-radius:0;text-align:left;width:100%;padding:0;display:flex;align-items:center;gap:12px;font-size:14px}
body .row-open .avatar {display:none}
body .row-text {flex:1;min-width:0;display:grid;gap:4px}
body .row-text strong {font-size:14px;font-weight:600}
body .row-text small {font-size:11px;color:var(--muted)}
body .row-detail {font-size:13px;line-height:1.4}
body .inbox-group:first-of-type .row-detail {color:var(--attention)}
body .inbox-row>.primary {display:block;margin:10px 0 0 auto;min-height:36px;padding:7px 12px}
body.rows-list .inbox-row {border-radius:24px;padding:14px}
body.rows-list .row-open .avatar {display:inline-grid}
body.rows-list .row-text strong {font-weight:550}
body.rows-list .inbox-group .row-detail {color:var(--muted);font-size:12px}
body .row-right {color:var(--ink);font-size:11px;flex-shrink:0;width:40px;text-align:right}
body .result-card {display:block;width:100%;text-align:left;padding:14px;border-radius:16px;background:var(--surface);margin-bottom:12px;box-shadow:0 5px 20px rgba(15,18,34,.05)}
body .result-card>p {margin-bottom:10px}
body .card-kicker {font-size:12px;color:var(--muted);display:block;margin-bottom:10px}
body .card-kicker .code-path {font:10px ui-monospace,monospace;display:block;margin-top:4px}
body .change-count {font-size:24px;color:var(--action);margin-top:8px}
body .change-count small {color:var(--muted);font-size:18px}
body .quiet {padding:6px 0;background:transparent;font-size:12px;min-height:40px;color:var(--muted);text-align:left}
body .decision-question {margin:6px 0 14px;font-size:12px;color:var(--muted)}
body .primary {font-weight:550;padding:12px 18px;min-height:44px;background:var(--ink-button);color:var(--ink-button-text)}
body .decision-buttons>.primary {width:100%}
body.primary-wide .result-card>.primary, body.primary-wide .panel-body>.primary {width:100%}
body .secondary-actions {display:flex;gap:8px;justify-content:flex-start;margin-top:10px;flex-wrap:wrap}
body .secondary {background:var(--panel);padding:8px 12px;display:flex;align-items:center;gap:6px;border-radius:12px}
body.secondary-round .secondary-actions {justify-content:space-around;gap:8px}
body.secondary-round .secondary {background:transparent;flex-direction:column;gap:8px;padding:0;min-width:62px;color:var(--muted);font-size:10px}
body.secondary-round .secondary svg {width:46px;height:46px;background:var(--panel);padding:13px;border-radius:50%}
body .big-number {display:block;font-size:23px;letter-spacing:-.8px;font-weight:550;margin:4px 0 10px;line-height:1.2;font-variant-numeric:tabular-nums}
body .big-number small {font-size:16px;color:var(--muted);letter-spacing:-.3px;font-weight:400}
body .card-meta {display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;gap:10px}
body .usage-numbers {display:flex;gap:12px;margin:4px 0 16px}
body .usage-numbers>span {flex:1;min-width:0;background:var(--panel);padding:10px;border-radius:14px}
body .usage-numbers b {display:block;font-size:19px;line-height:1.2;letter-spacing:-.4px;font-weight:600}
body .usage-numbers small {display:block;font-size:10px;color:var(--muted);margin-top:6px}
body .cost {display:block;font-size:23px;margin-bottom:10px}
body .cost small {color:var(--muted)}
body.cards-tonal .result-card {border-radius:24px;padding:20px;box-shadow:none}
body.cards-tonal .big-number {font-size:48px;font-weight:500;letter-spacing:-2px;margin:16px 0}
body.cards-tonal .big-number small {font-size:30px;letter-spacing:-1px}
body.cards-tonal .change-count {font-size:40px;font-weight:500;letter-spacing:-1px}
body.cards-tonal .usage-numbers {gap:16px}
body.cards-tonal .usage-numbers>span {background:transparent;padding:0}
body.cards-tonal .usage-numbers b {font-size:30px;letter-spacing:-1.3px;font-weight:500}
body.cards-tonal .usage-numbers small {font-size:11px}
body.cards-tonal .cost {font-size:36px;letter-spacing:-1px}
body .run-meta {font-size:11px;color:var(--muted);padding:10px 4px}
body .agent-heading {display:flex;align-items:center;gap:14px;margin:10px 0 26px}
body .agent-heading .avatar {width:64px;height:64px;font-size:30px;background:var(--surface)}
body .agent-heading small {font-size:11px;color:var(--muted)}
body .agent-content {min-height:170px}
body .agent-prose {font-size:15px;line-height:1.65;white-space:pre-line;margin:0}
body .agent-chats {margin-top:24px}
body .agent-chats>h4, body .agent-skills>h4, body .quick-starts>h4 {margin-bottom:10px}
body .chat-row {display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);padding:11px 12px;border-radius:16px;margin-bottom:7px;justify-content:space-between}
body .chat-row>span:nth-child(2) {flex:1}
body .agent-skills {margin-top:24px;color:var(--muted)}
body .agent-skills p {display:flex;align-items:center;gap:8px;font-size:12px;margin-top:9px}
body .agent-skills svg {width:16px;height:16px}
body .new-waiting {margin-bottom:16px}
body .new-waiting>h4 {margin:0 2px 9px}
body .waiting-link {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;background:var(--surface);border-radius:14px;font-size:12px;text-align:left;margin-bottom:6px;min-height:42px}
body .running-link {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:transparent;padding:8px 0;color:var(--muted);font-size:12px}
body .new-settings {margin:18px 0}
body .new-settings label {font-size:12px;color:var(--muted)}
body .new-settings select {display:block;width:100%;margin:7px 0 18px;padding:12px;border:0;background:var(--surface);border-radius:16px;color:var(--ink);font:inherit;font-size:13px;min-height:44px}
body .participants {display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
body .participants button {display:flex;align-items:center;gap:5px;min-height:36px;border-radius:99px;padding:5px 9px 5px 5px;background:var(--surface);font-size:11px}
body .participants .avatar {width:26px;height:26px;font-size:10px}
body .participants [aria-pressed=false] {opacity:.5}
body .participants [aria-pressed=true]::after {content:'✓';margin-left:1px;color:var(--muted)}
body .new-composer {background:var(--surface);border-radius:24px;padding:14px;margin:20px 0}
body .new-composer textarea {display:block;width:100%;height:76px;resize:vertical;border:0;background:transparent;font-size:16px;padding:0;line-height:1.45;max-height:170px}
body .new-composer textarea::placeholder {color:var(--muted)}
body .new-composer>div {display:flex;align-items:center;justify-content:space-between;gap:10px}
body .new-composer>div>span {font-size:10px;color:var(--muted)}
body .new-composer .send {padding:0;min-height:44px;width:44px;border-radius:50%;display:grid;place-items:center}
body .sent-message {display:flex;align-items:flex-start;gap:10px;margin:12px 0}
body .sent-message p {flex:1;font-size:13px;background:var(--surface);padding:10px;border-radius:16px}
body .quick-starts {margin-top:22px}
body.assembled .new-waiting {background:var(--surface);border-radius:24px;padding:16px}
body.assembled .waiting-link {background:transparent;padding:10px 0;margin:0}
body.assembled .agent-content {box-shadow:none}
body.assembled .agent-chats .chat-row {border-radius:24px}
body.assembled .quick-starts .chat-row {border-radius:24px;padding:16px}
body.filters-segment .clio-agent .agent-tabs button {flex:0 0 auto;padding:9px 12px}
body .clio-agent .agent-tabs {scroll-padding:4px}
@media(max-width:760px) {
body .section-content {padding:12px 12px 24px}
body {height:844px}
body .phone-panel {padding-left:12px;padding-right:12px}
}
@media(max-width:390px) {
body .screen-heading h2 {font-size:27px}
body .read-button {min-width:70px;font-size:10px}
body.filters-segment .filters button {font-size:10px;padding:8px 6px}
body.cards-tonal .usage-numbers b {font-size:25px}
body .row-open {gap:8px}
body .avatar {width:34px;height:34px}
body.rows-list .inbox-row {padding:12px}
body .row-right {width:34px;font-size:10px}
body .participants button {font-size:10px;padding-right:7px}
body .panel-head h3 {font-size:16px}
body .row-text strong {font-size:13px}
}
body { font:400 14px/1.45 Inter,system-ui,sans-serif; }
body button { font-size:13px; line-height:1.4; }
body svg:not(.media-hero-art) { width:20px; height:20px; flex:none; }
body .section-content { display:block; padding:12px 14px 24px; max-width:1000px; scrollbar-width:none; }
body .section-content::-webkit-scrollbar { display:none; }
body .section-heading { display:block; margin:4px 0 22px; min-height:0; }
body .screen-heading h1 { display:block; font:550 30px/1.14 Inter,system-ui,sans-serif; letter-spacing:-.045em; }
body .screen-heading > div > p, body .agent-heading p { font-size:11px; color:var(--muted); margin:0 0 6px; }
body .section-heading h1 { overflow-wrap:anywhere; }
body .section-content h2:has(.clio-group-total), body .section-content h3:has(.clio-group-total) { font-size:13px; line-height:1.4; font-weight:550; margin:0 0 8px; }
body .clio-group-total { color:var(--muted); font-size:inherit; font-weight:400; }
body .inbox-group { margin:0 0 32px; }
body .inbox-group > h2 { padding:0 0 0 3px; }
body .inbox-summary { gap:0; margin:0 0 18px; }
body .section-row { display:flex; align-items:center; gap:12px; border:0; border-radius:24px; padding:14px; margin:0 0 8px; background:var(--surface); box-shadow:none; }
body .section-row .row-text { flex:1; min-width:0; display:grid; gap:4px; }
body .section-row .row-text strong { font-size:14px; font-weight:550; }
body .section-row .row-text small { font-size:11px; color:var(--muted); margin:0; line-height:inherit; }
body .section-row .row-text p { margin:0; font-size:12px; color:var(--muted); }
body .clio-row-icon { flex:0 0 40px; font-size:13px; font-weight:500; }
body .avatar.agent-mark { color:var(--action); font-size:18px; font-weight:650; letter-spacing:-3px; padding-right:3px; }
body .inbox-row { position:relative; }
body .row-open { min-height:44px; flex:1; color:var(--ink); }
body .inbox-row-link strong::before { content:none; }
body .row-detail { font-size:12px; color:var(--muted); }
body .inbox-row-actions { flex:none; width:40px; margin:0; }
body .inbox-row-actions summary { list-style:none; font-size:11px; font-weight:400; cursor:pointer; }
body .inbox-row-actions summary::-webkit-details-marker { display:none; }
body .inbox-row:has(.inbox-row-actions[open]) { flex-wrap:wrap; }
body .inbox-row-actions[open] { width:100%; display:flex; }
body .inbox-row-actions[open] summary { margin-left:auto; }
body .inbox-more-filters, body .agent-editor-tools, body .new-recent-context { font-size:12px; color:var(--muted); margin:16px 0; }
body .section-filters, body .agent-tabs, body .settings-tabs, body .project-view-controls { display:flex; gap:2px; background:var(--panel); padding:4px; border-radius:99px; margin:4px 0 20px; max-width:100%; overflow-x:auto; scrollbar-width:none; }
body :is(.section-filters,.agent-tabs,.settings-tabs,.project-view-controls) > button { flex:1; min-width:0; min-height:40px; padding:8px 10px; font-size:11px; background:transparent; color:var(--muted); white-space:nowrap; border-radius:999px; }
body :is(.section-filters,.agent-tabs,.settings-tabs,.project-view-controls) > button:is([aria-pressed=true],[aria-selected=true]) { background:var(--ink-button); color:var(--ink-button-text); font-weight:550; }
body .clio-agent .agent-tabs > button { flex:0 0 auto; padding:9px 12px; }
body.filters-segment :is(.settings-tabs,.agent-tabs) { flex-wrap:nowrap; scroll-snap-type:x proximity; scroll-padding-inline:4px; }
body.filters-segment :is(.settings-tabs,.agent-tabs) > button { flex:none; min-width:max-content; white-space:nowrap; scroll-snap-align:start; }
body .section-button.primary, body .zc-btn-primary, body .decision-actions .zc-btn-primary { min-height:44px; padding:12px 18px; border-radius:999px; font-size:13px; font-weight:550; background:var(--action); color:var(--action-ink); width:100%; flex:0 0 100%; }
body button.clio-secondary { min-width:62px; min-height:44px; gap:8px; padding:0; font-size:10px; line-height:1.4; color:var(--muted); background:transparent; }
body button.clio-secondary > svg { width:46px; height:46px; background:var(--panel); padding:13px; border-radius:50%; }
body button.clio-secondary .clio-action-label { line-height:1.4; max-width:none; }
body :is(.zc-actions,.zc-wb-actions,.decision-actions,.secondary-actions) { gap:8px; margin-top:10px; justify-content:space-around; }
body .zc-card.zc-variant-b { padding:20px; border:0; border-radius:24px; background:var(--surface); box-shadow:none; margin-bottom:12px; }
body :is(.zc-wb-test-num,.clio-plan-number) { font-size:48px; font-weight:500; letter-spacing:-2px; line-height:1.2; margin:16px 0; }
body .clio-number-rest { font-size:30px; letter-spacing:-1px; font-weight:400; color:var(--muted); }
body .zc-wb-usage-num { font-size:30px; letter-spacing:-1.3px; font-weight:500; }
body .zc-wb-usage-lbl { font-size:11px; }
body .zc-diffstats { font-size:40px; font-weight:500; letter-spacing:-1px; }
body .zc-badge-add { font-size:40px; font-weight:500; color:var(--action); }
body .zc-badge-rm { font-size:18px; color:var(--muted); }
body .agent-heading { display:flex; align-items:center; gap:14px; margin:10px 0 26px; }
body .agent-heading .avatar { width:64px; height:64px; flex-basis:64px; font-size:30px; background:var(--surface); }
body .agent-heading small { font-size:11px; color:var(--muted); margin:0; }
body .agent-content { margin:0 0 12px; min-height:170px; }
body .agent-prose { font:400 15px/1.65 Inter,system-ui,sans-serif; padding:0; background:transparent; border-radius:0; white-space:pre-line; }
body .agent-chats { margin-top:24px; }
body .agent-chats > summary { display:flex; align-items:center; padding:0; min-height:0; margin-bottom:10px; color:var(--ink); font-size:13px; line-height:1.4; font-weight:550; }
body .agent-chats[open] .chat-row { display:flex; gap:10px; width:100%; padding:11px 12px; margin-bottom:7px; font-size:13px; border-radius:24px; }
body .agent-chat-row .row-text strong { font-size:13px; font-weight:400; }
body .agent-chat-row :is(small,.section-status) { display:none; }
body .agent-skill-list { margin-top:24px; color:var(--muted); }
body .agent-skill-list h4 { margin-bottom:10px; }
body .agent-skill-list p { display:flex; align-items:center; gap:8px; font-size:12px; margin-top:9px; }
body .agent-skill-list svg { width:16px; height:16px; }
body .new-studio-context { padding:0; margin:0; background:transparent; }
body .new-waiting { margin-bottom:16px; }
body .new-waiting > h2 { font-size:13px; font-weight:550; line-height:1.4; margin:0 2px 9px; }
body .waiting-link { min-height:42px; border-radius:14px; font-size:12px; margin:0; padding:10px 0; gap:12px; background:transparent; }
body .waiting-link .clio-row-icon, body .running-link .clio-row-icon { display:none; }
body .waiting-link .section-text-link { font-size:12px; color:var(--muted); }
body .running-link { background:transparent; padding:8px 0; font-size:12px; color:var(--muted); border-radius:0; margin:0; min-height:44px; }
body .new-settings { margin:18px 0; }
body .new-project { display:block; max-width:none; font-size:12px; color:var(--muted); margin:0; }
body .new-project select { display:block; width:100%; margin:7px 0 18px; padding:12px; background:var(--surface); border-radius:16px; font:400 13px/1.45 Inter,system-ui,sans-serif; min-height:44px; }
body .new-participants { gap:6px; margin:0; }
body .new-participants legend { font-size:13px; line-height:1.4; font-weight:550; margin:0 0 8px; }
body .new-participants .participants { margin:0; display:contents; }
body .new-participants .new-selected-members { display:none; }
body :is(.new-person,.new-agent) { display:flex; align-items:center; gap:5px; min-height:36px; margin:0; padding:5px 9px 5px 5px; background:var(--surface); border-radius:99px; font-size:11px; position:relative; }
body :is(.new-person,.new-agent) > input { position:absolute; opacity:0; width:100%; height:100%; inset:0; margin:0; cursor:pointer; }
body :is(.new-person,.new-agent):has(input:focus-visible) { outline:3px solid var(--action); outline-offset:3px; }
body :is(.new-person,.new-agent):has(input:not(:checked)) { opacity:.5; }
body :is(.new-person,.new-agent):has(input:checked)::after { content:'✓'; margin-left:1px; color:var(--muted); }
body .new-participants .avatar { width:26px; height:26px; font-size:10px; }
body .new-composer { display:block; position:static; padding:14px; margin:20px 0; border-radius:24px; background:var(--surface); }
body .new-composer .composer-input { display:block; padding:0; }
body .new-composer textarea { display:block; width:100%; height:76px; min-height:76px; max-height:170px; padding:0; border:0; resize:vertical; font:400 16px/1.45 Inter,system-ui,sans-serif; }
body .new-composer .new-composer-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body .new-composer .composer-response { display:block; position:static; margin:0; padding:0; font-size:10px; color:var(--muted); }
body .new-composer-tools { display:flex; gap:6px; align-items:center; }
body .new-composer .send { padding:0; min-height:44px; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--action); color:var(--action-ink); }
body .new-composer .new-composer-tools { flex:none; }
body .new-composer .send { position:static; inset:auto; margin:0; flex:none; }
body .composer { background:var(--surface); background-image:none; box-shadow:none; }
body .composer:focus-within { outline:1px solid color-mix(in srgb, var(--muted) 40%, transparent); outline-offset:2px; }
body .new-agent .agent-avatar { background:var(--action); color:var(--action-ink); font-size:14px; font-weight:650; letter-spacing:-2px; padding-right:2px; }
body .new-studio-context .running-link { justify-content:flex-start; padding:8px 0; text-align:left; }
body .new-studio-context .waiting-link { padding:10px 0; }
body .settings-fields { display:grid; gap:18px; padding:20px; }
body .settings-fields label { display:grid; gap:7px; }
body .settings-fields :is(input,textarea,select) { border-radius:16px; padding:12px; }
body .agent-editor-actions:has([data-settings-save]) { gap:8px; justify-content:center; align-items:center; }
body [data-settings-reset] { flex-direction:row; min-height:40px; font-size:12px; }
body [data-settings-reset] > svg { display:none; }
body .new-quick-actions { display:block; padding:0; }
body .new-quick-group > h3 { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
@media(min-width:761px) {
body .section-screen-agent .section-breadcrumb { display:none; }
}
@media(max-width:760px) {
body { height:100%; }
body .section-header { min-height:64px; height:64px; padding:10px 12px; }
body .section-profile .avatar { width:44px; height:44px; }
body.section-screen .workspace { position:relative; }
body .section-content { position:absolute; inset:66px 0 36px; width:auto; max-width:none; margin:0; padding:12px 12px 24px; }
body .section-screen-agent .section-breadcrumb { display:none; }
body.section-screen-agent .section-breadcrumb { display:none; }
body .section-nav-capsule [aria-current=page] { background:var(--ink-button); color:var(--ink-button-text); }
}
@media(max-width:390px) {
body .screen-heading h1 { font-size:27px; }
body :is(.section-filters,.settings-tabs,.project-view-controls) > button { font-size:10px; padding:8px 6px; }
body .section-row { padding:12px; }
body .clio-row-icon { flex-basis:34px; width:34px; height:34px; }
body .row-open { gap:8px; }
body .inbox-row-actions { width:34px; }
body .inbox-row-actions summary { font-size:10px; }
body .zc-wb-usage-num { font-size:25px; }
body :is(.new-person,.new-agent) { font-size:10px; padding-right:7px; }
}
@media(prefers-reduced-motion:reduce) {
body .phone-panel { animation:none; }
}
body [data-read-all] > svg { display:none; }
body .agent-heading .clio-row-icon { width:64px; height:64px; flex-basis:64px; font-size:30px; background:var(--surface); color:var(--action); font-weight:650; letter-spacing:-3px; padding-right:3px; }
body .agent-chat-row > span > strong { font-size:13px; font-weight:400; }
body .agent-chat-row .clio-row-icon { color:var(--action); font-size:18px; font-weight:650; letter-spacing:-3px; padding-right:3px; }
body .agent-chats .chat-row { gap:10px; padding:11px 12px; margin-bottom:7px; border-radius:24px; }
body .agent-chats h4 { margin:0 0 10px; }
body .agent-chat-metadata { font-size:12px; color:var(--muted); margin:16px 0; }
body .agent-chat-metadata small { display:block; }
body .new-person:has(input:disabled) { cursor:default; }
body .section-content :is(h1,h2,h3,p,span) { overflow-wrap:anywhere; }
body .zc-variant-b .zc-tiles:has([data-zc-string='field.cost']) { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
body .zc-tile:has([data-zc-string='field.cost']) { grid-column:1 / -1; }
body .zc-tile:has([data-zc-string='field.cost']) .zc-wb-usage-num { font-size:36px; letter-spacing:-1px; }
body .zc-variant-b .zc-tiles:has([data-zc-string='field.cost']) .zc-tile { background:transparent; padding:0; }
body .inbox-row-link > .row-right { flex:0 0 40px; }
body .clio-row-icon.agent-mark { color:var(--action); font-size:18px; font-weight:650; letter-spacing:-3px; padding-right:3px; }
@media(max-width:390px) {
body .section-row .row-text strong { font-size:13px; }
body .inbox-row-link > .row-right { flex:0 0 34px; }
body .agent-heading h1 { font-size:30px; }
}
body .agent-heading .clio-row-icon.agent-mark { font-size:30px; }
body .agent-chat-row { color:var(--ink); min-height:62px; }
body .agent-chat-row > span > strong { color:var(--ink); }
body .agent-chats .chat-row .clio-row-icon { width:40px; height:40px; flex-basis:40px; }
@media(max-width:760px) {
body .conversation > .composer { position:fixed; left:12px; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); margin:0; background:color-mix(in srgb,var(--surface) 75%,transparent); backdrop-filter:blur(20px) saturate(1.2); -webkit-backdrop-filter:blur(20px) saturate(1.2); }
body .conversation > .feed { padding-bottom:calc(var(--composer-glass-height,80px) + max(12px,env(safe-area-inset-bottom)) + 16px); scroll-padding-bottom:calc(var(--composer-glass-height,80px) + max(12px,env(safe-area-inset-bottom)) + 16px); }
body .section-content :is(.result-card,.inbox-summary) { padding:20px; }
body .section-content .new-composer { padding:14px; }
}
@media(min-width:761px) {
body .conversation-title { display:none; }
body .sidebar .nav-heading { font-size:12px; line-height:18px; font-weight:400; }
body .sidebar .project-name { flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body .sidebar .member-stack { flex:0 0 46px; width:46px; justify-content:flex-end; }
body .sidebar .member-stack .avatar { flex:0 0 18px; width:18px; height:18px; font-size:8px; }
}
@media (max-width: 760px) {
body .compact-result :is(.zc-wb-test-num,.clio-plan-number) { font-size:40px; margin:0; }
}
@media (max-width: 760px) {
body .compact-result > .section-heading { margin:0 0 6px; }
body .compact-result .zc-head { margin-bottom:4px; }
body .compact-result .card-mount > .zc-card.zc-card { margin-bottom:0; padding:14px 16px; }
body .compact-result .card-mount { margin-top:8px; }
body .compact-result .zc-v2-1-body { margin-bottom:4px; }
body .compact-result .zc-v2-suggestion { padding-block:4px; margin-top:2px; }
body .compact-result :is(.zc-actions,.zc-wb-actions) { margin-top:2px; }
body .compact-result > .section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
}
body.filters-segment .inbox-filters { flex-wrap:nowrap; scroll-snap-type:x proximity; scroll-padding-inline:4px; }
body.filters-segment .inbox-filters > button { flex:none; min-width:max-content; white-space:nowrap; scroll-snap-align:start; }
body .inbox-filters::-webkit-scrollbar { display:none; }
body .new-composer .new-composer-footer > :not(.new-composer-tools) { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.filters-segment .section-filters.inbox-filters > button { flex:1 1 0; width:auto; min-width:max-content; max-width:none; }
body .inbox-row .section-button.clio-secondary[data-section-decision] { flex-direction:row; min-width:0; width:auto; gap:0; padding:8px 14px; border-radius:999px; background:var(--surface-2, color-mix(in srgb, var(--ink) 6%, transparent)); white-space:nowrap; align-self:center; }
body .inbox-row .section-button.clio-secondary[data-section-decision] svg { display:none; }
body .inbox-row .section-button.clio-secondary[data-section-decision] .clio-action-label { font-size:13px; font-weight:550; color:var(--ink); white-space:nowrap; }
body .inbox-row .section-button.clio-secondary[data-section-decision][data-original-label] { width:max-content; min-width:0; max-width:none; flex:0 0 auto; height:auto; min-height:36px; }
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) {
  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 0; margin-top: var(--sp-12);
  container-type: inline-size;
}
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > .zc-btn-primary {
  position: relative; overflow: hidden; flex: 1 1 0; width: auto; min-width: 0; min-height: 44px; height: 44px; padding: 0 16px;
  white-space: nowrap; animation: none; transition: none;
}
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary {
  position: relative; flex: 0 0 auto; flex-direction: row; justify-content: center; align-items: center; width: auto; min-width: 0; max-width: none;
  height: 44px; min-height: 44px; margin-left: 8px; padding: 0 16px; gap: 0; border-radius: 999px; overflow: hidden;
  background: var(--raised); color: var(--ink); font-size: 13px; font-weight: 550; line-height: 1.2; white-space: nowrap; opacity: 1;
}
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary > svg { display: none; }
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary .clio-action-label {
  display: block; max-width: none; font-size: 13px; font-weight: 550; line-height: 1.2; color: var(--ink); white-space: nowrap; text-align: center;
}
@container (max-width: 299px) {
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary { width: 44px; padding: 0; }
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary > svg { display: block; width: 44px; height: 44px; padding: 13px; background: transparent; }
body :is(.decision-actions, .zc-wb-actions):has(> .zc-btn-primary) > button.clio-secondary .clio-action-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}
body :is(.decision-actions, .zc-wb-actions) > .zc-btn.is-decision-done:disabled { animation: none; transition: none; }
body :is(.decision-actions, .zc-wb-actions) > .zc-btn.is-decision-muted:disabled { transition: none; }
@media (max-width: 760px) {
body .inline-decision { padding: 12px; overflow: hidden; }
body .inline-decision > p { margin: 0 0 12px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: clip; }
body .inline-decision .decision-actions:has(> .zc-btn-primary) { margin-top: 0; }
}
body .decision-actions.is-decided > button.clio-secondary, body .zc-wb-actions.is-decided > button.clio-secondary { flex: 0 0 0; width: 0; min-width: 0; margin-left: 0; padding: 0; opacity: 0; visibility: hidden; }
body .inline-decision.is-decided > p { height: 0; margin: 0; opacity: 0; visibility: hidden; }
body .inline-decision.is-decided .decision-actions > .zc-btn-primary { flex: 0 0 auto; height: 32px; min-height: 32px; padding: 0 16px; }
body .project-decision .section-button.clio-secondary[data-section-decision] { flex-direction: row; flex: 0 0 auto; min-width: 0; width: auto; max-width: none; height: 44px; min-height: 44px; gap: 0; padding: 0 16px; border-radius: 999px; background: var(--raised); white-space: nowrap; align-self: center; justify-content: center; }
body .project-decision .section-button.clio-secondary[data-section-decision] svg { display: none; }
body .project-decision .section-button.clio-secondary[data-section-decision] .clio-action-label { display: block; max-width: none; font-size: 13px; font-weight: 550; color: var(--ink); white-space: nowrap; }
body .r29-host button.primary {background:var(--action);color:var(--action-ink);font-weight:600}
body .r29-host .muted {color:var(--muted)}
body .r29-host .segments {display:flex;gap:4px;padding:4px;background:var(--raised);border-radius:999px}
body .r29-host .segments button {background:var(--raised);font-size:13px;padding:8px 14px;flex:1}
body .r29-host .segments [aria-pressed=true] {background:var(--ink);color:var(--panel)}
body .r29-host .demo-controls .segments {flex-wrap:nowrap;max-width:100%;overflow-x:auto}
body .r29-host .editor {height:100%;display:flex;flex-direction:column;padding:18px;gap:16px;position:relative}
body .r29-host .app-head {height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-radius:var(--radius-card);gap:16px}
body .r29-host .app-head strong {font-size:18px;font-weight:600}
body .r29-host .app-head small {display:block;font-size:12px;margin-top:2px}
body .r29-host .head-actions {display:flex;align-items:center;gap:8px}
body .r29-host .head-actions button {font-size:14px}
body .r29-host .circle {width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;padding:0;border-radius:50%;flex:none}
body .r29-host .circle svg {width:22px;height:22px}
body .r29-host .app-body {flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:132px minmax(0,1fr) 316px;gap:16px}
body .r29-host .inspector {background:var(--panel);border-radius:var(--radius-card);padding:18px;overflow:auto;min-height:0}
body .r29-host .center-work {min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px}
body .r29-host .canvas-badge {position:absolute;top:16px;left:16px;font-size:12px;border-radius:var(--radius-pill);background:var(--panel);padding:8px 14px;z-index:2}
body .r29-host .inspector h3 {font-size:16px;margin-bottom:16px}
body .r29-host .panel-group+.panel-group {margin-top:22px}
body .r29-host .list-row {display:flex;align-items:center;width:100%;gap:12px;padding:10px 0;background:var(--panel);border-radius:var(--radius-inner);text-align:left}
body .r29-host .list-row svg {width:38px;height:38px;padding:9px;background:var(--raised);border-radius:50%;flex:none}
body .r29-host .list-row>span {flex:1;font-size:14px}
body .r29-host .list-row small {display:block;font-size:11px;margin-top:3px}
body .r29-host .list-row[aria-pressed=true] {color:var(--action)}
body .r29-host .agent-card {background:var(--raised);border-radius:var(--radius-card);padding:18px}
body .r29-host .agent-card h3 {display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px}
body .r29-host .agent-mark {width:30px;height:30px;display:inline-grid;place-items:center;background:var(--ink);color:var(--panel);border-radius:50%;font-size:16px}
body .r29-host .agent-card p {font-size:13px;margin:10px 0}
body .r29-host .agent-card textarea {width:100%;min-height:68px;border:0;background:var(--panel);border-radius:18px;padding:12px;font-size:13px;resize:vertical}
body .r29-host .agent-card .primary, body .r29-host .inspector>.primary {width:100%;margin-top:10px}
body .r29-host .notice {background:var(--panel);border-radius:var(--radius-pill);padding:10px 18px;font-size:13px;position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:12;max-width:80%;color:var(--data-ok)}
body .r29-host .notice:empty {display:none}
body .r29-host .sheet-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
body .r29-host .sheet-head h3 {font-size:20px}
body .r29-host .media-body {grid-template-columns:minmax(0,1fr) 340px}
body .r29-host .media-stage {flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 318px;grid-template-rows:minmax(0,1fr);gap:16px}
body .r29-host .video-picture {width:100%;height:100%;object-fit:contain;border-radius:18px}
body .r29-host .frame-view {position:relative;min-height:0;background:var(--raised);padding:16px;border-radius:var(--radius-card);overflow:hidden}
body .r29-host .frame-view .circle {position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;background:var(--panel)}
body .r29-host .media-stage .agent-card {overflow:auto}
body .r29-host .variant-list {display:grid;gap:12px}
body .r29-host .timeline {background:var(--panel);border-radius:var(--radius-card);padding:18px;flex:none;height:244px;position:relative}
body .r29-host .transport {display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:13px}
body .r29-host .transport time {font-variant-numeric:tabular-nums}
body .r29-host .transport input {flex:1}
body .r29-host .timeline-ruler {display:flex;justify-content:space-between;margin:0 0 10px 120px;color:var(--muted);font-size:11px}
body .r29-host .waveform {width:100%;height:100%;color:var(--muted);display:block}
body .r29-host .track-content.selected .waveform {color:var(--action)}
body .r29-host .track-card>.waveform {height:80px}
body .r29-host .audio-form .primary {width:100%}
body .r29-host .stem .waveform {height:24px}
body .r29-host .web-layers .list-row {padding:12px 8px}
body .r29-host .web-layers .list-row.sub-layer {padding-left:26px}
body .r29-host .web-tools .circle {width:40px;height:40px;min-height:40px}
body .r29-host .site-preview>.primary {width:100%}
body .r29-host .queue-item .circle {width:32px;height:32px;min-height:32px;float:right}
body .r29-host .inspector .segments {font-size:12px;margin:12px 0}
body .r29-host .versions-body {display:grid;grid-template-columns:1fr 360px;gap:16px;flex:1;min-height:0}
body .r29-host .branch-panel {position:relative;background:var(--panel);border-radius:var(--radius-card);padding:24px;overflow:auto}
body .r29-host .branch-top {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
body .r29-host .branch-top h2 {font-size:28px}
body .r29-host .branch-graph {display:flex;flex-direction:column;gap:0;position:relative}
body .r29-host .branch-node {flex:1;display:grid;grid-template-columns:152px minmax(0,1fr);gap:20px;align-items:center;position:relative;background:var(--raised);border-radius:var(--radius-card);padding:16px;text-align:left;min-width:0;min-height:122px;margin:10px 4px}
body .r29-host .branch-node[aria-pressed=true] {outline:3px solid var(--action);outline-offset:3px}
body .r29-host .merge-state {display:inline-block;background:var(--panel);color:var(--data-ok);padding:4px 8px;border-radius:var(--radius-pill);font-size:12px}
body .r29-host .compare-panel {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
body .r29-host .compare-item {background:var(--raised);border-radius:var(--radius-card);padding:18px}
body .r29-host .compare-item img {width:100%;height:220px;object-fit:cover;border-radius:var(--radius-inner);margin:14px 0}
body .r29-host .compare-item h3 {font-size:16px}
body .r29-host .compare-item p {font-size:13px}
body .r29-host .branch-controls {display:flex;flex-direction:column;gap:12px;margin-top:24px}
body .r29-host .branch-controls .primary {width:100%}
body .r29-host .branch-controls label {font-size:13px;color:var(--muted)}
body .r29-host .branch-controls select {width:100%;border:0;border-radius:var(--radius-pill);background:var(--raised);padding:12px;font-size:14px}
body .r29-host .history-list {margin-top:20px;display:grid;gap:12px}
body .r29-host .history-list p {padding:14px;background:var(--raised);border-radius:18px;font-size:13px}
body .r29-host .chat-sidebar .list-row {font-size:13px}
body .r29-host .chat-title .segments {font-size:13px}
body .r29-host .response-card>.primary {width:100%;margin-top:0}
body .r29-host .status-pill {font-size:12px;border-radius:var(--radius-pill);background:var(--panel);padding:6px 10px;display:inline-block}
body .r29-host .intervention .primary {width:100%}
body .r29-host .review-layout {display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;flex:1;min-height:0}
body .r29-host .review-work {background:var(--panel);padding:24px;border-radius:var(--radius-card);overflow:auto}
body .r29-host .review-work>h2 {font-size:26px;margin-bottom:22px}
body .r29-host .review-pair {display:grid;grid-template-columns:1fr 1fr;gap:16px}
body .r29-host .review-card {background:var(--raised);border-radius:var(--radius-card);padding:22px}
body .r29-host .review-card>h3 {font-size:18px;margin:10px 0 18px}
body .r29-host .review-card p {font-size:14px;margin:12px 0}
body .r29-host .review-card pre {background:var(--panel);padding:18px;border-radius:18px;white-space:pre;overflow-x:auto;overflow-wrap:normal;max-width:100%;font-size:13px}
body .r29-host .review-card .primary {width:100%}
body .r29-host .review-comment {background:var(--panel);padding:16px;border-radius:18px;margin:12px 0;font-size:13px}
body .r29-host .approval-rule {margin:20px 0}
body .r29-host .approval-rule .segments {flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-width:100%;border-radius:999px}
body .r29-host .approval-rule .segments button {white-space:nowrap;flex:0 0 auto;min-height:44px}
body .r29-host .approval-rule p {font-size:13px;line-height:1.5;margin-top:14px}
body .r29-host .result-receipt {background:var(--raised);padding:18px;border-radius:var(--radius-card);font-size:14px;color:var(--data-ok);margin-top:18px}
body .r29-host.phone-screen .editor {padding:12px;gap:12px}
body .r29-host.phone-screen .app-head {height:76px;padding:12px;gap:6px}
body .r29-host.phone-screen .app-head strong {font-size:15px}
body .r29-host.phone-screen .app-head small {font-size:10px}
body .r29-host.phone-screen .head-actions {gap:4px}
body .r29-host.phone-screen .head-actions>button:not(.circle) {font-size:11px;padding:8px 10px;min-height:38px}
body .r29-host.phone-screen .head-actions .circle {width:38px;height:38px;min-height:38px}
body .r29-host.phone-screen .app-body {display:flex;flex-direction:column;overflow:auto}
body .r29-host.phone-screen .tool {min-width:0;font-size:10px}
body .r29-host.phone-screen .tool svg {width:40px;height:40px;padding:10px}
body .r29-host.phone-screen .center-work {min-height:420px;flex:none}
body .r29-host.phone-screen .canvas-work {padding:12px;min-height:300px}
body .r29-host.phone-screen .canvas-toolbar {gap:8px;font-size:11px;padding:10px}
body .r29-host.phone-screen .canvas-toolbar button {font-size:11px;padding:8px 10px}
body .r29-host.phone-screen .inspector {overflow:visible;flex:none}
body .r29-host.phone-screen .media-stage {display:flex;flex-direction:column}
body .r29-host.phone-screen .timeline {height:auto;min-height:250px;padding:12px}
body .r29-host.phone-screen .timeline-ruler {margin-left:74px}
body .r29-host.phone-screen .track {grid-template-columns:66px 1fr;font-size:10px;gap:8px}
body .r29-host.phone-screen .track-content {height:44px}
body .r29-host.phone-screen .transport {gap:8px;font-size:11px}
body .r29-host.phone-screen .web-layers {display:flex;flex-direction:column;overflow:visible}
body .r29-host.phone-screen .web-layers .panel-group {display:flex;flex-wrap:wrap;gap:6px;margin:0}
body .r29-host.phone-screen .web-layers .panel-group h3 {width:100%;margin-bottom:4px}
body .r29-host.phone-screen .web-layers .list-row {width:auto;padding:7px 10px;font-size:11px;min-height:38px}
body .r29-host.phone-screen .web-layers .list-row svg {display:none}
body .r29-host.phone-screen .web-layers .list-row>span {font-size:11px}
body .r29-host.phone-screen .web-tools {margin-bottom:8px}
body .r29-host.phone-screen .site-preview {padding:18px}
body .r29-host.phone-screen .site-preview>h2 {font-size:28px}
body .r29-host.phone-screen .site-preview>img {height:150px}
body .r29-host.phone-screen .site-preview>p {font-size:13px}
body .r29-host.phone-screen .web-canvas {padding:12px;min-height:520px}
body .r29-host.phone-screen .chat-body {display:flex;flex-direction:column;overflow:auto}
body .r29-host.phone-screen .chat-sidebar {padding:12px;display:flex;gap:8px;overflow:visible;flex-wrap:wrap}
body .r29-host.phone-screen .chat-sidebar h3 {width:100%;margin:0}
body .r29-host.phone-screen .chat-sidebar .list-row {width:auto;font-size:11px;min-height:38px;padding:7px 9px}
body .r29-host.phone-screen .chat-main {overflow:visible;padding:18px}
body .r29-host.phone-screen .chat-title {flex-direction:column;align-items:flex-start}
body .r29-host.phone-screen .chat-title h2 {font-size:22px}
body .r29-host.phone-screen .message {padding:16px}
body .r29-host.phone-screen .message p {font-size:13px}
body .r29-host.phone-screen .response-grid {grid-template-columns:1fr;flex:none}
body .r29-host.phone-screen .response-card {padding:18px}
body .r29-host.phone-screen .response-card>p {font-size:13px}
body .r29-host.phone-screen .response-card>img {height:130px}
body .r29-host.phone-screen .discussion-layout, body .r29-host.phone-screen .review-layout {display:flex;flex-direction:column;overflow:auto}
body .r29-host.phone-screen .discussion-sheet {padding:18px;overflow:visible}
body .r29-host.phone-screen .discussion-sheet h2 {font-size:24px}
body .r29-host.phone-screen .position-card p, body .r29-host.phone-screen .discussion-summary p {font-size:13px}
body .r29-host.phone-screen .review-work {padding:16px;overflow:visible}
body .r29-host.phone-screen .review-pair {grid-template-columns:1fr}
body .r29-host.phone-screen .review-work>h2 {font-size:24px}
body .r29-host.phone-screen .review-card {padding:16px}
body .r29-host .reference-view .sheet-head {flex:none}
@media(max-width:760px) {
body .r29-host .copybar .primary {font-size:13px}
}
body .r29-host .layer-line .list-row {flex:1;min-width:0}
body .r29-host .layer-line .circle {width:32px;height:32px;min-height:32px;background:var(--raised)}
body .r29-host .layer-line .circle svg {width:16px;height:16px}
body .r29-host .branch-controls>button svg {width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:6px}
body .r29-host.phone-screen .demo-disclosure {font-size:11px}
body .r29-host.phone-screen .photo-text {font-size:18px;padding:12px;border-radius:18px}
body .r29-host.phone-screen .response-card>p {font-size:15px}
body .r29-host .segments button {white-space:nowrap}
body .r29-host .sheet-request .primary {width:100%;margin:0}
body .r29-host .sheet-properties .segments button {font-size:12px;padding:8px 10px}
body .r29-host .take-card .waveform {height:40px;margin:10px 0}
body .r29-host .take-card .primary {display:block;width:100%;min-height:40px;font-size:13px}
body .r29-host .web-editor .panel-group>.primary {width:100%;margin:8px 0}
body .r29-host .video-editor .inspector>.panel-group, body .r29-host .discussion-editor .inspector>.panel-group, body .r29-host .review-editor .inspector>.panel-group {margin-top:24px}
body .r29-host .branch-row {display:flex;align-items:center;min-height:142px}
body .r29-host .branch-connection {flex:none;display:block;overflow:visible}
body .r29-host .branch-connection path {stroke:var(--muted);stroke-width:2;fill:none}
body .r29-host .branch-connection circle {fill:var(--muted)}
body .r29-host .branch-node img {width:152px;height:88px;object-fit:cover;border-radius:16px}
body .r29-host .branch-caption {display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
body .r29-host .branch-caption strong {font-size:15px}
body .r29-host .branch-caption small {font-size:12px}
body .r29-host .review-actions {display:flex;flex-wrap:nowrap;gap:10px;margin-top:16px}
body .r29-host .review-actions button {font-size:12px;padding:10px 12px;white-space:nowrap;flex:1}
body .r29-host.phone-screen .media-stage {flex:none}
body .r29-host .review-layout .approval-rule .segments {display:flex;flex-direction:column;gap:6px;overflow:visible;overflow-x:visible;background:transparent;padding:0}
body .r29-host .review-layout .approval-rule .segments button {width:100%;flex:none;justify-content:flex-start;text-align:left;min-height:40px;padding:0 14px;border-radius:var(--radius-pill);background:var(--raised);color:var(--ink)}
body .r29-host .review-layout .approval-rule .segments button[aria-pressed=true], body .r29-host .review-layout .approval-rule .segments button.active {background:var(--ink);color:var(--canvas)}
body .r29-host .editor {gap:var(--sp-16);font-family:Inter,system-ui,sans-serif}
body .r29-host h2 {font-size:var(--fs-h1)}
body .r29-host h3, body .r29-host .app-head strong {font-size:var(--fs-h3)}
body .r29-host button.primary {height:var(--h-pill);min-height:var(--h-pill);padding:0 var(--pad-pill);border-radius:var(--radius-pill)}
body .r29-host .agent-actions button {height:var(--h-pill);min-height:var(--h-pill);padding:0 var(--sp-16);border-radius:var(--radius-pill);background:var(--raised)}
body .r29-host .segments {padding:var(--sp-4);border-radius:var(--radius-pill)}
body .r29-host .segments button {min-height:40px;font-size:var(--fs-micro)}
body .r29-host .tool svg {width:var(--h-icon);height:var(--h-icon);padding:var(--sp-12)}
body .r29-host .tool[aria-pressed=true] svg {background:var(--ink);color:var(--panel)}
body .r29-host .secondary-action {display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-8);background:transparent;color:var(--ink);padding:0;min-width:60px;height:auto;font-size:var(--fs-micro);line-height:1.3;flex:none}
body .r29-host .secondary-action svg {display:block;width:var(--h-icon);height:var(--h-icon);flex:none;padding:var(--sp-12);border-radius:50%;background:var(--raised);color:var(--ink)}
body .r29-host .secondary-action:hover svg {background:var(--ink);color:var(--panel)}
body .r29-host .secondary-action span {max-width:100px;white-space:normal;text-align:center}
body .r29-host .head-actions {align-items:flex-start}
body .r29-host .app-head {height:88px}
body .r29-host .canvas-toolbar {justify-content:flex-start;align-items:center;gap:var(--sp-16)}
body .r29-host .branch-node {gap:var(--sp-16);padding:var(--pad-row);border-radius:var(--radius-card)}
body .r29-host .branch-node img {width:184px;height:108px;border-radius:var(--radius-inner);object-fit:cover;flex:none}
body .r29-host .branch-caption strong {font-size:var(--fs-h3);line-height:1.3}
body .r29-host .branch-caption small {font-size:var(--fs-h4);line-height:1.4}
body .r29-host .branch-controls {gap:var(--sp-16)}
body .r29-host .branch-controls label {display:grid;gap:var(--sp-8)}
body .r29-host .review-actions button {height:var(--h-pill);min-height:var(--h-pill)}
body .r29-host .approval-rule .segments button {min-height:var(--h-pill)}
body .r29-host .refined-video .media-stage {flex:1;min-height:250px;grid-template-columns:minmax(0,1fr) 300px}
body .r29-host .refined-video .agent-card {padding:var(--pad-card)}
body .r29-host .refined-video .agent-card textarea {resize:none;min-height:64px;height:64px}
body .r29-host .refined-video .agent-card p {font-size:var(--fs-h4)}
body .r29-host .agent-sound-actions {display:flex;justify-content:space-around;gap:var(--sp-12);margin:var(--sp-12) 0}
body .r29-host .refined-video .sound-timeline {height:424px;padding:var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-8)}
body .r29-host .sound-timeline .transport {margin:0;min-height:60px;gap:var(--sp-16)}
body .r29-host .sound-timeline .timeline-ruler {margin:0 0 0 216px}
body .r29-host .sound-tracks {min-height:0;overflow:auto;display:grid;gap:var(--sp-8)}
body .r29-host .sound-track {display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--sp-16);min-height:72px}
body .r29-host .track-mixer {display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4) var(--sp-8);font-size:var(--fs-micro)}
body .r29-host .track-mixer strong {font-size:var(--fs-h4);grid-column:1/-1}
body .r29-host .track-mixer label {display:grid;grid-template-columns:1fr auto;gap:var(--sp-4)}
body .r29-host .track-mixer input {grid-column:1/-1;height:24px;width:100%;min-width:0}
body .r29-host .track-mixer .segments {padding:2px;align-self:end;gap:2px}
body .r29-host .track-mixer .segments button {min-height:32px;padding:var(--sp-4);font-size:10px}
body .r29-host .track-clips {position:relative;min-height:72px;border-radius:var(--radius-inner);background:var(--raised);overflow:hidden}
body .r29-host .timeline-clip {position:absolute;top:var(--sp-4);bottom:var(--sp-4);padding:var(--sp-8);border-radius:var(--radius-inner);min-height:44px;overflow:hidden;background:var(--panel)}
body .r29-host .timeline-clip .waveform {height:28px;color:var(--muted)}
body .r29-host .timeline-clip span {display:block;font-size:var(--fs-micro)}
body .r29-host .timeline-clip img {height:100%;width:100%;object-fit:cover;border-radius:var(--radius-inner)}
body .r29-host .timeline-clip[aria-pressed=true] {outline:3px solid var(--ink);outline-offset:-3px}
body .r29-host .empty-track {display:block;padding:var(--sp-16);font-size:var(--fs-h4);color:var(--muted)}
body .r29-host .sound-panel {display:grid;gap:var(--sp-12);padding:var(--sp-16);background:var(--raised);border-radius:var(--radius-card)}
body .r29-host .sound-panel h3 {margin:0}
body .r29-host .sound-panel p {font-size:var(--fs-h4)}
body .r29-host .sound-panel label {display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--fs-h4);gap:var(--sp-4)}
body .r29-host .sound-panel input {grid-column:1/-1;width:100%}
body .r29-host .sound-panel h4 {font-size:var(--fs-h4);font-weight:600}
body .r29-host .sound-decisions {display:flex;gap:var(--sp-8);flex-wrap:wrap}
body .r29-host .sound-decisions button {font-size:var(--fs-micro);background:var(--panel);padding:0 var(--sp-12);height:var(--h-pill)}
body .r29-host .sound-decisions [aria-pressed=true] {background:var(--ink);color:var(--panel)}
body .r29-host .audio-add-panel {position:absolute;right:var(--sp-24);top:100px;z-index:10;width:440px;background:var(--panel);border-radius:var(--radius-card);padding:var(--pad-card);outline:3px solid var(--raised);display:grid;gap:var(--sp-16)}
body .r29-host .audio-add-panel textarea {width:100%;border:0;padding:var(--sp-12);border-radius:var(--radius-inner);background:var(--raised)}
body .r29-host .audio-add-panel p, body .r29-host .audio-file-label {font-size:var(--fs-h4)}
body .r29-host .audio-file-label {display:grid;gap:var(--sp-12)}
body .r29-host.phone-screen .app-head {height:88px}
body .r29-host.phone-screen .agent-actions button {min-height:44px;height:44px;font-size:var(--fs-micro);padding:0 var(--sp-12)}
body .r29-host .review-layout .approval-rule .segments button {min-height:var(--h-pill)}
body .r29-host .native-d {font-family:Inter,system-ui,sans-serif;gap:12px;min-height:0}
body .r29-host .native-d button, body .r29-host .native-d .secondary-action span, body .r29-host .refined-video button, body .r29-host .refined-video .secondary-action span {white-space:nowrap}
body .r29-host .native-d button:not(.secondary-action), body .r29-host .native-d .segments button {min-height:44px;height:44px;padding:0 16px;font-size:14px;flex:none}
body .r29-host .native-d .d-capsule {background:var(--raised);color:var(--ink)}
body .r29-host .native-d .d-capsule:hover {background:var(--ink);color:var(--panel)}
body .r29-host .native-d .head-actions {align-items:center}
body .r29-host .native-d h2 {font-size:28px;line-height:1.2}
body .r29-host .native-d h3 {font-size:17px;line-height:1.35}
body .r29-host .native-d h4 {font-size:14px}
body .r29-host .d-muted {color:var(--muted);font-size:14px;line-height:1.45}
body .r29-host .d-panel {background:var(--panel);border-radius:var(--radius-card);padding:20px;min-width:0;min-height:0}
body .r29-host .native-d textarea, body .r29-host .native-d input:not([type=range]) {border:0;border-radius:var(--radius-inner);background:var(--raised);color:var(--ink);padding:12px;width:100%;font-size:14px;resize:none;min-width:0}
body .r29-host .native-d label {font-size:14px;display:grid;gap:8px}
body .r29-host .native-d .d-notice {position:static;transform:none;flex:none;height:28px;min-height:28px;max-width:100%;padding:4px 16px;border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .r29-host .native-d .d-notice:empty {display:block;background:transparent}
body .r29-host .d-actions, body .r29-host .d-tools {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body .r29-host .d-chip {background:var(--panel);border-radius:var(--radius-pill);display:inline-block;flex:none;padding:6px 12px;font-size:13px;color:var(--muted);white-space:nowrap}
body .r29-host .d-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}
body .r29-host .d-receipt {background:var(--raised);color:var(--data-ok);border-radius:var(--radius-card);padding:12px;font-size:14px}
body .r29-host .d-web-body {display:grid;grid-template-columns:248px minmax(0,1fr) 348px;gap:16px;flex:1;min-height:0}
body .r29-host .d-layer-panel {display:flex;flex-direction:column;gap:20px}
body .r29-host .d-tools {justify-content:space-between;flex-wrap:nowrap}
body .r29-host .d-layer-tree {overflow:auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding:4px}
body .r29-host .native-d .d-layer-row {display:flex;align-items:center;text-align:left;width:100%;background:var(--panel);border-radius:var(--radius-pill);gap:10px;padding:0 12px}
body .r29-host .native-d .d-sub-layer {padding-left:28px}
body .r29-host .native-d .d-layer-row[aria-pressed=true] {background:var(--raised);color:var(--ink)}
body .r29-host .d-web-center {display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}
body .r29-host .d-device-bar {display:flex;flex-direction:column;gap:8px;align-items:center;flex:none}
body .r29-host .d-canvas {background:var(--raised);border-radius:var(--radius-card);padding:20px;min-height:0;flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center}
body .r29-host .d-site {background:var(--panel);border-radius:var(--radius-card);padding:24px;width:100%;flex:none;display:grid;gap:28px;color:var(--ink)}
body .r29-host .d-site header {display:flex;align-items:center;gap:16px;font-size:14px;flex-wrap:wrap;min-width:0}
body .r29-host .d-site header strong {font-size:22px}
body .r29-host .d-site header nav {flex:1;font-size:12px}
body .r29-host .d-site section:first-of-type {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}
body .r29-host .d-site-copy {display:grid;gap:16px;min-width:0}
body .r29-host .d-site-copy p {font-size:14px;line-height:1.5}
body .r29-host .d-site-copy h2 {font-size:40px;overflow-wrap:anywhere;letter-spacing:-.04em}
body .r29-host .d-site img {width:100%;min-width:0;object-fit:cover;border-radius:24px}
body .r29-host .d-site section:first-of-type>img {height:340px}
body .r29-host .d-site section:nth-of-type(2) {display:grid;gap:20px}
body .r29-host .d-site section:nth-of-type(2)>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .r29-host .d-site figure {margin:0;min-width:0}
body .r29-host .d-site figure img {height:140px}
body .r29-host .d-site figcaption {font-size:12px;margin-top:8px}
body .r29-host .d-site footer {font-size:13px;color:var(--muted)}
body .r29-host .d-web-inspector {display:flex;flex-direction:column;gap:24px;overflow:auto}
body .r29-host .d-properties {display:grid;gap:12px;flex:none}
body .r29-host .d-properties>label:has(input) {grid-template-columns:minmax(0,1fr) 84px;align-items:center}
body .r29-host .d-properties textarea {height:72px}
body .r29-host .d-queue {min-height:260px;flex:1;display:flex;flex-direction:column;gap:12px}
body .r29-host .d-queue>textarea {min-height:76px;height:76px;flex:none}
body .r29-host .d-queue-list {overflow:auto;flex:1;min-height:48px;display:flex;flex-direction:column;gap:12px;padding:4px}
body .r29-host .d-queue-item {background:var(--raised);border-radius:var(--radius-card);padding:16px;flex:none}
body .r29-host .d-queue-item>div {display:flex;gap:8px;align-items:center;justify-content:space-between}
body .r29-host .d-queue-item strong {font-size:14px;min-width:0}
body .r29-host .d-queue-item p {font-size:14px;line-height:1.45;margin-top:8px;overflow-wrap:anywhere}
body .r29-host .native-d .d-queue-item button {background:var(--panel);padding:0 12px}
body .r29-host .d-chat-body, body .r29-host .d-discuss-body {display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;flex:1;min-height:0}
body .r29-host .d-agents {display:flex;flex-direction:column;gap:16px;overflow:auto}
body .r29-host .native-d .d-agent-row, body .r29-host .d-agent-row {display:flex;align-items:center;gap:12px;border-radius:var(--radius-card);background:var(--panel);color:var(--ink);padding:12px 8px;height:auto;min-height:64px;text-align:left}
body .r29-host .native-d .d-agent-row {height:72px}
body .r29-host .d-agent-row>span:last-child {min-width:0;font-size:16px}
body .r29-host .d-agent-row small {display:block;font-size:13px;margin-top:4px}
body .r29-host .native-d .d-agent-row[aria-pressed=true] {background:var(--raised)}
body .r29-host .d-agent-context {margin-top:auto;display:grid;gap:12px;font-size:14px}
body .r29-host .d-agent-context small {font-size:13px}
body .r29-host .d-chat-main {background:var(--panel);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:20px;overflow:auto;min-height:0;min-width:0}
body .r29-host .d-message {background:var(--raised);border-radius:var(--radius-card);padding:16px;flex:none;font-size:16px}
body .r29-host .d-message small {font-size:13px;display:block;margin-bottom:8px}
body .r29-host .d-answers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;flex:none}
body .r29-host .d-answer {background:var(--raised);border-radius:var(--radius-card);padding:20px;min-width:0;display:flex;flex-direction:column;gap:16px}
body .r29-host .d-answer h3 {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body .r29-host .d-answer p {font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin-bottom:12px}
body .r29-host .d-answer-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
body .r29-host .native-d .d-answer-actions button {padding:0 14px;background:var(--panel)}
body .r29-host .native-d .d-answer-actions .primary {background:var(--action);color:var(--action-ink)}
body .r29-host .d-answer.is-chosen {outline:3px solid var(--action);outline-offset:-3px}
body .r29-host .d-answers.is-comparing .d-answer {background:var(--canvas)}
body .r29-host .d-merge-toolbar {display:flex;align-items:center;gap:16px;flex:none}
body .r29-host .d-merged {background:var(--raised);border-radius:var(--radius-card);padding:24px;display:grid;gap:20px;flex:none;animation:r29-appear 240ms var(--r29-ease)}
body .r29-host .d-merged-part p {margin-top:10px;font-size:16px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
body .r29-host .d-merged-part textarea {background:var(--panel);height:116px;margin-top:10px}
body .r29-host .d-composer {display:flex;gap:16px;align-items:flex-end;flex:none}
body .r29-host .d-composer label {flex:1}
body .r29-host .d-composer textarea {height:64px}
body .r29-host .d-discuss-main {background:var(--panel);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}
body .r29-host .d-discuss-feed {overflow:auto;flex:1;min-height:0;padding:4px;display:flex;flex-direction:column;gap:16px}
body .r29-host .d-position {border-radius:var(--radius-card);background:var(--raised);padding:20px;flex:none}
body .r29-host .d-position h3 {display:flex;align-items:center;gap:12px;margin-bottom:12px}
body .r29-host .d-position p {font-size:16px;line-height:1.5;overflow-wrap:anywhere}
body .r29-host .d-discuss-controls {display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}
body .r29-host .d-summary {border-radius:var(--radius-card);background:var(--raised);padding:24px;display:grid;gap:16px;flex:none}
body .r29-host .d-summary p {font-size:16px;line-height:1.5}
body .r29-host .d-summary .segments {background:var(--panel)}
body .r29-host .d-summary .segments button {background:var(--panel)}
body .r29-host .d-summary .segments [aria-pressed=true] {background:var(--ink);color:var(--panel)}
body .r29-host .d-intervention {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;flex:none;animation:r29-appear 240ms var(--r29-ease)}
body .r29-host .d-intervention textarea {height:76px}
body .r29-host .refined-video {gap:12px}
body .r29-host .refined-video .media-body {grid-template-columns:minmax(0,1fr) 360px;gap:16px}
body .r29-host .refined-video .center-work {gap:12px}
body .r29-host .refined-video .media-stage {min-height:0;display:flex;flex:1 1 54%}
body .r29-host .refined-video .frame-view {width:100%;height:100%;min-height:0}
body .r29-host .refined-video .sound-timeline {height:auto;min-height:0;max-height:528px;flex:0 1 46%;gap:8px;padding:16px}
body .r29-host .refined-video .sound-tracks {overflow:auto;min-height:0;flex:1;padding:4px;gap:4px;grid-auto-rows:72px;align-content:start}
body .r29-host .refined-video .sound-track {grid-template-columns:256px minmax(0,1fr);gap:12px;min-height:72px;height:72px;margin:0}
body .r29-host .refined-video .track-mixer {grid-template-columns:1fr 120px;gap:4px 8px}
body .r29-host .refined-video .track-mixer strong {grid-column:1/-1;line-height:16px}
body .r29-host .refined-video .track-mixer label {font-size:12px}
body .r29-host .refined-video .track-mixer .segments {padding:4px;gap:4px}
body .r29-host .refined-video .track-mixer .segments button {min-height:44px;padding:0 6px;font-size:11px}
body .r29-host .refined-video .track-clips {min-height:72px}
body .r29-host .refined-video .sound-timeline .timeline-ruler {margin-left:268px}
body .r29-host .refined-video .transport {min-height:64px;gap:12px}
body .r29-host .refined-video .transport input {min-width:0}
body .r29-host .refined-video .inspector {padding:16px;display:flex;flex-direction:column;gap:16px;overflow:auto}
body .r29-host .refined-video .inspector>.panel-group {margin:0;flex:none}
body .r29-host .refined-video .variant-list {gap:8px}
body .r29-host .refined-video .media-option {height:84px;grid-template-columns:100px minmax(0,1fr);padding:10px;gap:12px;white-space:normal}
body .r29-host .refined-video .media-option img {width:100px;height:64px}
body .r29-host .refined-video .media-option strong {font-size:14px}
body .r29-host .refined-video .media-option small {font-size:12px}
body .r29-host .refined-video .media-option>span {min-width:0;white-space:normal}
body .r29-host .refined-video .agent-card {display:flex;flex-direction:column;gap:8px;padding:16px;flex:1;min-height:288px}
body .r29-host .refined-video .agent-card h3, body .r29-host .refined-video .agent-card p {margin:0}
body .r29-host .refined-video .agent-card textarea {flex:1;min-height:72px;height:84px}
body .r29-host .refined-video .agent-card .primary {margin:0;flex:none}
body .r29-host .refined-video .agent-sound-actions {gap:20px;justify-content:center;margin:0}
body .r29-host .refined-video .d-clip-overlay {position:absolute;top:124px;left:36px;width:430px;background:var(--panel);border-radius:var(--radius-card);padding:20px;z-index:10;display:grid;gap:16px;max-height:calc(100% - 180px);overflow:auto;outline:3px solid var(--raised)}
body .r29-host .d-clip-overlay .d-heading h3 {font-size:17px}
body .r29-host .d-clip-overlay .sound-decisions {flex-wrap:nowrap}
body .r29-host .d-clip-overlay .sound-decisions button {padding:0 10px;font-size:12px}
body .r29-host .refined-video .d-video-notice {position:static;transform:none;max-width:100%;height:28px;min-height:28px;flex:none;padding:4px 16px}
body .r29-host .refined-video .d-video-notice:empty {display:block;background:transparent}
body .r29-host.phone-screen .native-d {padding:12px;gap:12px}
body .r29-host.phone-screen .native-d .app-head {height:96px;min-height:96px;flex-wrap:wrap;padding:12px}
body .r29-host.phone-screen .native-d .head-actions {gap:12px}
body .r29-host.phone-screen .native-d .app-head strong {font-size:14px}
body .r29-host.phone-screen .d-web-body, body .r29-host.phone-screen .d-chat-body, body .r29-host.phone-screen .d-discuss-body {display:flex;flex-direction:column;overflow:auto;min-height:0}
body .r29-host.phone-screen .d-panel {padding:16px;flex:none}
body .r29-host.phone-screen .d-layer-tree {max-height:280px}
body .r29-host.phone-screen .d-web-center {min-height:560px;flex:none}
body .r29-host.phone-screen .d-device-bar .segments button {padding:0 10px;font-size:12px}
body .r29-host.phone-screen .d-canvas {padding:16px}
body .r29-host.phone-screen .d-site {padding:16px}
body .r29-host.phone-screen .d-site section:first-of-type {grid-template-columns:minmax(0,1fr)}
body .r29-host.phone-screen .d-site section:first-of-type>img {height:220px}
body .r29-host.phone-screen .d-site-copy h2 {font-size:30px}
body .r29-host.phone-screen .d-site header nav {flex-basis:100%}
body .r29-host.phone-screen .d-web-inspector {min-height:580px;overflow:visible}
body .r29-host.phone-screen .d-agents {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .r29-host.phone-screen .d-agents>h3, body .r29-host.phone-screen .d-agents>.d-muted {grid-column:1/-1}
body .r29-host.phone-screen .d-agent-row {flex-direction:column;padding:8px;height:auto}
body .r29-host.phone-screen .d-agent-row small {font-size:10px}
body .r29-host.phone-screen .d-agent-context {grid-column:1/-1}
body .r29-host.phone-screen .d-chat-main {flex:none;padding:16px;overflow:visible}
body .r29-host.phone-screen .d-heading {flex-wrap:wrap}
body .r29-host.phone-screen .d-heading .segments button {font-size:12px;padding:0 10px}
body .r29-host.phone-screen .d-answers {grid-template-columns:minmax(0,1fr)}
body .r29-host.phone-screen .d-merge-toolbar, body .r29-host.phone-screen .d-composer {flex-wrap:wrap}
body .r29-host.phone-screen .d-composer label {flex-basis:100%}
body .r29-host.phone-screen .d-merged {padding:16px}
body .r29-host.phone-screen .d-merged .d-actions {gap:8px}
body .r29-host.phone-screen .d-discuss-main {min-height:740px;flex:none;padding:16px}
body .r29-host.phone-screen .d-discuss-feed {min-height:320px;max-height:520px}
body .r29-host.phone-screen .d-address {flex-direction:column;border-radius:24px}
body .r29-host.phone-screen .d-intervention {grid-template-columns:minmax(0,1fr)}
@media(prefers-reduced-motion:reduce) {
}
body .r29-host .refined-video .d-sound-trigger {position:absolute;bottom:16px;right:16px}
body .r29-host .native-d .secondary-action svg {transition:background-color 240ms var(--r29-ease),color 240ms var(--r29-ease)}
body .r29-host .refined-video .inspector>.primary {margin:0}
body .r29-host.phone-screen .native-d .app-head {height:auto;min-height:144px;flex-wrap:wrap;align-content:center;gap:8px}
body .r29-host {
  --r29-ease: cubic-bezier(.32,.72,0,1);
  --surface: var(--panel); --ok: var(--data-ok);
  display: block; max-width: none; flex: 1; min-height: 0;
  padding: var(--sp-12); overflow: auto; font-size: 14px;
}
body .r29-host :is(button,input,textarea,select) { font: inherit; color: inherit; min-width: 0; }
body .r29-host button { min-height: var(--h-pill); padding: 0 var(--pad-pill); border: 0; border-radius: var(--radius-pill); background: var(--raised); transition: background-color 240ms var(--r29-ease), color 240ms var(--r29-ease), opacity 240ms var(--r29-ease); }
body .r29-host button:hover { background: var(--ink); color: var(--canvas); }
body .r29-host button.primary { background: var(--action); color: var(--action-ink); font-weight: 600; }
body .r29-host :is(button,input,textarea,select,[role=button]):focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
body .r29-host :is(h2,h3,h4,p,figure) { margin: 0; }
body .r29-host h2 { font-size: var(--fs-h1); line-height: 1.2; }
body .r29-host h3 { font-size: var(--fs-h3); }
body .r29-host h4 { font-size: var(--fs-h4); }
body .r29-host .editor { padding: 0; height: 100%; gap: var(--sp-12); }
body .r29-host .app-head { min-height: 88px; height: auto; padding: var(--sp-12) var(--sp-16); flex-wrap: wrap; }
body .r29-host .head-actions { gap: var(--sp-12); flex-wrap: wrap; }
body .r29-host .segments { display: flex; gap: var(--sp-4); padding: var(--sp-4); background: var(--raised); border-radius: var(--radius-pill); min-width: 0; max-width: 100%; }
body .r29-host .segments button { background: var(--raised); padding: 0 var(--pad-seg); min-height: var(--h-seg); font-size: var(--fs-micro); flex: 1; white-space: nowrap; }
body .r29-host .segments button[aria-pressed=true] { background: var(--ink); color: var(--canvas); }
body .r29-host button.secondary-action { display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--sp-8); padding: 0; background: transparent; min-width: 60px; height: auto; color: var(--ink); flex: none; }
body .r29-host button.secondary-action svg { width: var(--h-icon); height: var(--h-icon); padding: var(--sp-12); border-radius: 50%; background: var(--raised); flex: none; }
body .r29-host button.secondary-action span { font-size: 10px; font-weight: 400; max-width: 100px; white-space: normal; text-align: center; }
body .r29-host .agent-mark { color: var(--action); }
body .r29-host :is(.branch-node,.media-option,.d-answer.is-chosen,.d-selected) { outline-color: var(--ink); }
body .r29-host .d-layer-tree :is(.agent-mark,svg) { color: var(--ink); }
body .r29-host .d-site .primary { background: var(--ink); color: var(--canvas); }
body .r29-host .d-tools { gap: var(--sp-4); }
body .r29-host .d-tools button { min-width: 44px; }
body .r29-host .d-site { padding: var(--sp-16); gap: var(--sp-24); }
body .r29-host .d-site section:first-of-type>img { height: 240px; }
body .r29-host .review-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
body .r29-host .review-card { min-width: 0; padding: var(--sp-16); }
body .r29-host .review-actions { flex-wrap: wrap; }
body .r29-host .refined-video .media-stage { min-height: 220px; }
body .r29-host .notice { position: static; transform: none; margin: 0; min-height: 28px; height: 28px; flex: none; max-width: 100%; padding: var(--sp-4) var(--sp-12); font-size: var(--fs-h4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body .r29-host .notice:empty { background: transparent; }
body .r29-host .d-clip-overlay { max-width: calc(100% - 48px); }
body .r29-host .audio-add-panel { max-width: calc(100% - 48px); }
body .r29-host .d-clip-overlay .d-heading { align-items: flex-start; }
body .r29-host .d-clip-overlay .sound-decisions { flex-wrap: wrap; }
body .r29-host .d-position h3 { flex-wrap: wrap; }
body .sidebar-refinements { display: none; }
body #phone-nav-dialog .sidebar-refinements { display: grid; gap: var(--sp-4); margin-top: var(--sp-12); }
/* вход в «Ходы» на телефоне живёт в меню «Разделы»: лишняя строка выталкивала архив проектов из панели */
#phone-nav-dialog [data-comp-nav] { display: none; }
body .r29-context-link { display: inline-flex; align-items: center; padding: var(--sp-8) var(--sp-12); min-height: var(--h-pill); color: var(--ink); font-size: var(--fs-h4); border-radius: var(--radius-pill); background: var(--panel); }
body .project-tools { display: flex; flex-wrap: wrap; gap: var(--sp-8); }
@media (max-width: 760px) {
body .r29-host { padding: var(--sp-8); }
body .r29-host .editor { height: auto; min-height: 100%; }
body .r29-host.phone-screen .app-head { height: auto; min-height: 100px; }
body .r29-host.phone-screen :is(.app-body,.versions-body,.review-layout,.d-web-body,.d-chat-body,.d-discuss-body) { display: flex; flex-direction: column; overflow: visible; gap: var(--sp-12); }
body .r29-host.phone-screen :is(.inspector,.review-work,.branch-panel,.d-web-inspector,.d-chat-main,.d-discuss-main,.d-layer-panel,.d-web-center) { overflow: visible; min-height: 0; flex: none; }
body .r29-host.phone-screen .inspector { border-radius: var(--radius-card); padding: var(--sp-16); }
body .r29-host.phone-screen .review-pair { grid-template-columns: minmax(0,1fr); }
body .r29-host.phone-screen .branch-panel { padding: var(--sp-12); }
body .r29-host.phone-screen .branch-node { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: var(--sp-8); margin: var(--sp-8) 0; padding: var(--sp-12); }
body .r29-host.phone-screen .branch-node img { width: 100%; height: 76px; }
body .r29-host.phone-screen .branch-caption { align-items: flex-start; width: 100%; }
body .r29-host.phone-screen .branch-connection { max-width: 96px; }
body .r29-host.phone-screen .compare-panel { grid-template-columns: minmax(0,1fr); }
body .r29-host.phone-screen .refined-video .media-stage { min-height: 210px; height: 210px; }
body .r29-host.phone-screen .refined-video .frame-view { height: 210px; }
body .r29-host.phone-screen .refined-video .sound-timeline { height: auto; min-height: 0; max-height: none; flex: none; padding: var(--sp-12); }
body .r29-host.phone-screen .refined-video .sound-tracks { overflow: visible; grid-auto-rows: minmax(132px,auto); }
body .r29-host.phone-screen .refined-video .sound-track { height: auto; min-height: 132px; grid-template-columns: 124px minmax(0,1fr); gap: var(--sp-8); }
body .r29-host.phone-screen .refined-video .track-mixer { grid-template-columns: minmax(0,1fr); }
body .r29-host.phone-screen .refined-video .sound-timeline .timeline-ruler { margin-left: 132px; }
body .r29-host.phone-screen .refined-video .transport { flex-wrap: wrap; }
body .r29-host.phone-screen .refined-video .transport input { flex-basis: 100%; order: 3; }
body .r29-host.phone-screen .refined-video .inspector { padding: var(--sp-16); }
body .r29-host.phone-screen .refined-video .variant-list { display: grid; grid-template-columns: minmax(0,1fr); }
body .r29-host.phone-screen :is(.audio-add-panel,.refined-video .d-clip-overlay) { position: fixed; left: var(--sp-8); right: var(--sp-8); bottom: var(--sp-8); top: auto; width: auto; max-width: none; max-height: 72dvh; padding: var(--sp-16); z-index: 35; overflow: auto; animation: r29-appear 260ms var(--r29-ease); }
body .r29-host.phone-screen .d-canvas { min-height: 480px; overflow: visible; padding: var(--sp-12); }
body .r29-host.phone-screen .d-layer-tree { max-height: 220px; }
body .r29-host.phone-screen .d-site { width: 100%; min-width: 0; }
body .r29-host.phone-screen .d-site figure img { height: 84px; }
body .r29-host.phone-screen .d-heading .segments { overflow-x: auto; }
body .r29-host.phone-screen .d-discuss-feed { min-height: 0; max-height: none; overflow: visible; }
body .r29-host.phone-screen .d-discuss-main { gap: var(--sp-16); }
body .r29-host.phone-screen .d-discuss-controls { order: -1; }
body .r29-host.phone-screen .d-composer textarea { width: 100%; }
}
@media (max-width: 760px) {
body .r29-host.phone-screen .inspector { display: block; }
}
body .r29-host .media-option { width: 100%; text-align: left; background: var(--raised); padding: 12px; border-radius: var(--radius-card); display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; align-items: center; white-space: normal; height: auto; }
body .r29-host .media-option img { width: 88px; height: 68px; border-radius: var(--radius-inner); object-fit: cover; }
body .r29-host .media-option strong { font-size: 13px; display: block; }
body .r29-host .media-option small { font-size: 11px; display: block; margin-top: 4px; }
body .r29-host .media-option[aria-pressed=true] { background: var(--ink); color: var(--canvas); }
body .r29-host .media-option[aria-pressed=true] small { color: var(--canvas); }
body .r29-host .media-option:hover small { color: inherit; }
body .r29-host .refined-video .media-option { height: 84px; grid-template-columns: 100px minmax(0,1fr); padding: 10px; gap: 12px; }
body .r29-host .refined-video .media-option img { width: 100px; height: 64px; }
body .r29-host .refined-video .media-option strong { font-size: 14px; }
body .r29-host .refined-video .media-option small { font-size: 12px; }
body .r29-host .d-layer-row svg { width: 20px; height: 20px; flex: none; padding: 0; background: transparent; }
body .r29-host .d-layer-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
body .r29-host .d-site-tablet { max-width: 540px; }
body .r29-host .d-site-phone { max-width: 350px; padding: 16px; }
body .r29-host .d-site-tablet section:first-of-type, body .r29-host .d-site-phone section:first-of-type { grid-template-columns: minmax(0,1fr); }
body .r29-host .d-site-phone header nav { flex-basis: 100%; }
body .r29-host .d-site-phone section:first-of-type>img { height: 220px; }
body .r29-host .d-selected { outline: 3px solid var(--action); outline-offset: 5px; border-radius: 12px; }
@media (min-width: 761px) {
body .r29-host :is(.app-body,.versions-body,.review-layout,.d-web-body,.d-chat-body,.d-discuss-body) { grid-template-rows: minmax(0,1fr); }
body .r29-host .editor:not(.refined-video) { min-height: 780px; }
body .r29-host .app-head { height: 88px; min-height: 88px; padding: 10px 20px; flex-wrap: nowrap; }
body .r29-host .editor>p.notice { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); width: max-content; max-width: min(80%,560px); height: auto; min-height: 36px; padding: 8px 18px; background: var(--ink); color: var(--canvas); white-space: normal; text-overflow: clip; z-index: 12; }
body .r29-host .editor>p.notice:empty { display: none; }
}
body .r29-host svg.branch-connection { width: auto; height: auto; min-width: 0; overflow: visible; }
body .r29-host .branch-node { grid-template-columns: 184px minmax(0,1fr); }
body .r29-host .branch-top h2 { font-size: 28px; line-height: 1.2; }
body .r29-host .review-work>h2 { font-size: 26px; }
@media (min-width: 761px) {
body .r29-host .d-web-body { grid-template-columns: clamp(208px, 17.3vw, 248px) minmax(0,1fr) clamp(244px, 23.4vw, 336px); }
body .r29-host .native-d .d-layer-row { height: auto; min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
body .r29-host .d-layer-row span { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; }
body .r29-host .d-site section:first-of-type { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
body .r29-host .d-site section:first-of-type>img { height: 340px; }
body .r29-host .d-queue { min-height: 0; }
}
body .r29-host .native-d textarea { min-height: 0; }
body .r29-host, body .r29-host * { scrollbar-width: thin; scrollbar-color: var(--muted) transparent; }
body .r29-host::-webkit-scrollbar, body .r29-host *::-webkit-scrollbar { display: block; width: 8px; height: 8px; }
body .r29-host::-webkit-scrollbar-thumb, body .r29-host *::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--muted) 55%, transparent); border-radius: 8px; }
body .r29-host::-webkit-scrollbar-track, body .r29-host *::-webkit-scrollbar-track { background: transparent; }
body .r29-host .native-d .head-actions .secondary-action span { max-width: none; }
@media (max-width: 760px) {
body .r29-host.phone-screen .native-d .d-agent-row { height: auto; min-height: 96px; justify-content: center; text-align: center; }
body .r29-host.phone-screen .native-d .d-agents { gap: 8px; overflow: visible; flex: none; }
body .r29-host.phone-screen .refined-video .sound-tracks { overflow: visible; grid-auto-rows: auto; gap: 12px; padding: 0; }
body .r29-host.phone-screen .refined-video .sound-track { grid-template-columns: minmax(0,1fr); height: auto; min-height: 0; gap: 8px; }
body .r29-host.phone-screen .refined-video .track-mixer { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
body .r29-host.phone-screen .refined-video .track-clips { height: 72px; min-height: 72px; }
body .r29-host.phone-screen .refined-video .sound-timeline .timeline-ruler { margin-left: 0; }
}
body .r29-host .review-actions button { padding: 0 18px; font-size: 13px; }
html[data-theme=dark] body .r29-host :is(button:hover, .segments [aria-pressed=true], .segments button[aria-pressed=true], .segments button.active, .sound-decisions [aria-pressed=true], .d-summary .segments [aria-pressed=true], .native-d .d-capsule:hover, .media-option[aria-pressed=true], .d-site .primary, .agent-mark), html[data-theme=dark] body .r29-host .review-layout .approval-rule .segments button.active { background: var(--ink-button); color: var(--ink-button-text); }
html[data-theme=dark] body .r29-host :is(.tool[aria-pressed=true] svg, .secondary-action:hover svg) { background: var(--ink-button); color: var(--ink-button-text); }
html[data-theme=dark] body .r29-host .media-option[aria-pressed=true] small { color: var(--muted); }
html[data-theme=dark] body .r29-host .media-option[aria-pressed=true] { outline: 0; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent); }
body .r29-host button.primary:is([data-action=ask-agent],[data-action=review-check],[data-action=open-sound]) { background: var(--panel); color: var(--ink); font-weight: 500; }
body .r29-host button.primary:is([data-action=ask-agent],[data-action=review-check],[data-action=open-sound]):hover { background: var(--ink); color: var(--canvas); }
html[data-theme=dark] body .r29-host button.primary:is([data-action=ask-agent],[data-action=review-check],[data-action=open-sound]) { background: var(--panel); color: var(--ink); }
html[data-theme=dark] body .r29-host button.primary:is([data-action=ask-agent],[data-action=review-check],[data-action=open-sound]):hover { background: var(--ink-button); color: var(--ink-button-text); }
body .r29-host .branch-node[aria-pressed=true] { outline: 0; background: color-mix(in srgb, var(--ink) 10%, var(--raised)); color: var(--ink); }
body .sidebar .project-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.25; overflow-wrap: normal; }
@media (max-width: 760px) {
body .r29-host.phone-screen .refined-video .media-body { display: flex; flex-direction: column; }
body .r29-host.phone-screen .refined-video .media-body > .inspector { display: contents; }
body .r29-host.phone-screen .refined-video .inspector > button[data-action=keep-option] { order: -1; width: 100%; margin: 0; }
}
body .r29-host .d-agent-context { margin-top: 28px; }
@media (min-width: 761px) {
body .inbox-summary { max-width: 560px; }
}
body .zc-wb-actions.is-decided > .zc-btn-primary { flex: 0 0 auto; height: 32px; min-height: 32px; padding: 0 16px; }
}
@layer layout-top {
body :is(.zc-btn-primary, .section-button.primary, .discuss-chip, .chrome-action, button.clio-secondary[data-section-decision], :is(.inline-decision, .decision-actions:has(> .zc-btn-primary), .zc-wb-actions:has(> .zc-btn-primary)) button.clio-secondary:not(.icon-button):not([data-media-close],[data-media-prev],[data-media-next],[data-media-open],[data-read-all])) {
  min-height: var(--h-pill); height: var(--h-pill); padding: 0 var(--pad-pill); border-radius: var(--radius-pill);
  font-size: 13px; font-weight: 550; line-height: 1.2; letter-spacing: 0;
}
body :is(.discuss-chip, .chrome-action.open-result, button.clio-secondary[data-section-decision], :is(.inline-decision, .decision-actions:has(> .zc-btn-primary), .zc-wb-actions:has(> .zc-btn-primary)) button.clio-secondary:not(.icon-button):not([data-media-close],[data-media-prev],[data-media-next],[data-media-open],[data-read-all])) {
  background: var(--tonal, var(--panel)); color: var(--ink);
}
body .inline-decision { --tonal: var(--raised); }
body .section-button[data-read-all] { height: var(--h-pill); min-height: var(--h-pill); padding: 0 var(--sp-8); background: transparent; color: var(--muted); font-size: var(--fs-micro); font-weight: 550; border-radius: var(--radius-pill); }
body .section-button.primary { display: flex; align-items: center; justify-content: center; }
body button.clio-secondary:not(.icon-button):not([data-section-decision]):not([data-media-close],[data-media-prev],[data-media-next],[data-media-open],[data-read-all]):not(:is(.inline-decision, .decision-actions:has(> .zc-btn-primary), .zc-wb-actions:has(> .zc-btn-primary)) *) > svg { width: var(--h-icon); height: var(--h-icon); padding: 13px; }
body button.clio-secondary:not(.icon-button):not([data-section-decision]):not([data-media-close],[data-media-prev],[data-media-next],[data-media-open],[data-read-all]):not(:is(.inline-decision, .decision-actions:has(> .zc-btn-primary), .zc-wb-actions:has(> .zc-btn-primary)) *) .clio-action-label { font-size: 10px; font-weight: 400; line-height: 1.4; }
body :is(.discuss-chip, .chrome-action) { display: inline-flex; align-items: center; }
body :is(.related-result, .text-button, .show-more.text-action) { min-height: var(--h-pill); border-radius: var(--radius-pill); font-size: 13px; font-weight: 550; }
body :is(.icon-button, .send) { width: var(--h-icon); height: var(--h-icon); min-height: var(--h-icon); padding: 0; border-radius: 50%; }
body :is(.zc-card, .section-card, .inbox-summary, .new-waiting, .new-composer, .new-studio-context, .agent-read, .project-run) { border-radius: var(--radius-card); }
body :is(.zc-card, .section-card, .inbox-summary, .new-waiting) { padding: var(--pad-card); }
body :is(.section-row, .chat-row, .agent-chat-row, .project-row) { border-radius: var(--radius-card); padding: var(--pad-row); gap: var(--sp-12); }
body :is(.section-row, .chat-row) .clio-row-icon, body :is(.section-row, .chat-row) .agent-mark, body :is(.section-row, .chat-row) .row-icon { width: var(--icon-row); height: var(--icon-row); }
body :is(.message.own, .message.other, .message.agent) .message-text { border-radius: var(--radius-inner); padding: var(--pad-bubble); }
body :is(.composer, .layout-d2 .composer) { border-radius: var(--radius-card); }
body :is(.zc-hunk, .zc-v2-1-thumb, .zc-v2-1-preview-col, .zc-media-option, .decision-media-preview, .zc-card ol) { border-radius: var(--radius-inner); }
body .zc-v2-1-preview-wrap { background: transparent; border-radius: var(--radius-inner); }
body .section-screen .section-heading h1, body .section-screen .section-new .section-heading h1, body .section-screen [data-project-view] > .section-heading h1, body .section-screen h2.screen-title { font: 550 var(--fs-h1)/1.15 Inter, system-ui, sans-serif; letter-spacing: -.045em; }
body :is(.chat-heading h1, .layout-d2 .chat-heading h1, .layout-d2 .chat-header h1, .section-screen .section-header h1) { font: 600 var(--fs-h3)/1.3 Inter, system-ui, sans-serif; letter-spacing: -.01em; }
body :is(.section-content h2, .section-group > h2, .inbox-group > h2, .inbox-group > h4, .section-block > h2, .project-block > h2) { font-size: var(--fs-h4); font-weight: 550; line-height: 1.4; letter-spacing: 0; }
body :is(.section-filters, .agent-tabs, .settings-tabs, .result-tabs-scroll) { padding: var(--sp-4); border-radius: var(--radius-pill); min-height: var(--h-seg-box); gap: 2px; align-items: center; }
body :is(.section-filters, .agent-tabs, .settings-tabs, .result-tabs-scroll) :is(button, [role=tab]) { height: var(--h-seg); min-height: var(--h-seg); padding: 0 var(--pad-seg); border-radius: var(--radius-pill); font-size: var(--fs-micro); font-weight: 550; line-height: 1; flex: 1 1 auto; white-space: nowrap; }
body :is(.inbox-row .section-button.clio-secondary[data-section-decision], .project-decision .section-button.clio-secondary[data-section-decision]) { height: var(--h-pill); min-height: var(--h-pill); padding: 0 var(--pad-pill); border-radius: var(--radius-pill); background: var(--tonal, var(--panel)); }
body :is(.section-row, .inbox-row, .chat-row, .agent-chat-row) { padding: var(--pad-row); gap: var(--sp-12); border-radius: var(--radius-card); }
body :is(.section-row, .chat-row) :is(.clio-row-icon, .agent-mark, .row-icon, .avatar) { flex: none; width: var(--icon-row); height: var(--icon-row); }
body :is(.new-waiting-row, .new-running-row) { padding: var(--sp-12) 0; gap: var(--sp-12); }
body :is(.conversation, section.conversation, .layout-d2 section.conversation) { border-radius: var(--radius-card); }
body .inline-decision { border-radius: var(--radius-card); padding: var(--pad-row); }
body :is(.section-nav-capsule, .motion-indicator, .result-tabs-scroll, .section-filters, .agent-tabs, .settings-tabs) { border-radius: var(--radius-pill); }
body :is(.composer, .layout-d2 .composer) { padding: var(--sp-8); }
body :is(.zc-card, .agent-run) :is(ol, .zc-steps, .zc-hunk, pre) { padding: var(--sp-12); border-radius: var(--radius-inner); }
body .zc-v2-1-thumb { padding: var(--sp-8) var(--sp-12); border-radius: var(--radius-inner); }
body :is(.message.own, .message.other, .message.agent) .message-text { padding: var(--pad-bubble); border-radius: var(--radius-inner); }
body :is(.related-result.feed-ref, .chrome-action.invite-button, .chrome-action:not(.open-result), .section-button[data-read-all], .participants-button) { height: var(--h-pill); min-height: var(--h-pill); padding: 0 var(--sp-12); border-radius: var(--radius-pill); background: transparent; font-size: 13px; font-weight: 550; }
body .related-result.feed-ref { margin-left: calc(-1 * var(--sp-12)); }
body :is(.section-heading h1, .screen-heading h1, h2.screen-title, .screen-heading h2, .section-new .section-heading h1) { font-size: var(--fs-h1); }
body :is(.zc-title) { font-size: var(--fs-h4); font-weight: 550; }
body :is(.section-filters, .agent-tabs, .settings-tabs, .result-tabs-scroll) :is(button, [role=tab], .section-button) { padding: 0 var(--pad-seg); }
body .zc-v2-suggestion-avatar { background: var(--panel); color: var(--action); }
body .zc-v2-check-badge { background: var(--action); color: var(--action-ink); }
body :is(h3, .zc-v2-1-preview-headline, .zc-event-title, .chat-heading h1, .layout-d2 .chat-heading h1, .layout-d2 .chat-header h1, .section-screen .section-header h1) { font-size: var(--fs-h3); font-weight: 600; line-height: 1.3; }
body :is(.section-content h2, .section-group > h2, .inbox-group > h2, .inbox-group > h4, .section-block > h2, .project-block > h2, .zc-title) { line-height: 1.4; }
body :is(.section-text-link, a.project-name, .section-screen .section-text-link) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--faint); text-underline-offset: 3px; }
body :is(.project-name:hover, .project-name[aria-current], .sidebar-command[aria-current], .rail-button[aria-current]) { color: var(--ink); }
body :is(.sidebar-command[aria-current], .project-name[aria-current], .chat-link.current) { background: var(--panel); }
body .rail-button[aria-current] { background: var(--panel); color: var(--ink); }
body .zc-v2-1-preview-pill { background: var(--panel); color: var(--ink); }
body .zc-v2-check-badge { background: var(--ink); color: var(--frame); }
body .zc-route-arrow, body .zc-wb-arrow { color: var(--muted); }
body .zc-badge-add { color: var(--data-ok); }
body .zc-badge-rm { color: var(--data-bad); }
body :is(.section-text-link, a.project-name, .section-screen .section-text-link, .related-result.feed-ref, .new-waiting-row.waiting-link, .agent-chat-row) { color: var(--ink); text-decoration: none; }
body :is(.section-text-link, a.project-name, .section-screen .section-text-link, .related-result.feed-ref, .new-waiting-row.waiting-link, .agent-chat-row) :is(.muted, .link-arrow, span[aria-hidden=true]:not(.clio-row-icon)) { color: var(--muted); }
body :is(.section-text-link, a.project-name, .section-screen .section-text-link, .related-result.feed-ref):hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--faint); text-underline-offset: 3px; background: transparent; }
body :is(.agent-chat-row, .new-waiting-row.waiting-link):hover { text-decoration: none; }
body :is(.agent-chat-row, .new-waiting-row.waiting-link):hover :is(strong, .row-text) { text-decoration: underline; text-decoration-color: var(--faint); text-underline-offset: 3px; }
body .section-text-link:not(.section-row):hover .link-arrow { text-decoration: none; }
body form.composer:has(textarea:placeholder-shown) .send, body form.composer .send:disabled { background: var(--panel); color: var(--muted); opacity: 1; }
body form.composer:has(textarea:not(:placeholder-shown)) .send:not(:disabled) { background: var(--action); color: var(--action-ink); }
body .inbox-row .section-row-copy { min-width: 0; flex: 1 1 0; }
body .inbox-row .section-row-copy > strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body .inbox-row .section-button[data-section-decision] { flex: none; }
body.filters-segment .section-filters.inbox-filters { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding: 4px; scrollbar-width: none; }
body.filters-segment .section-filters.inbox-filters > button { flex: 0 0 auto; min-width: max-content; white-space: nowrap; }
body.filters-segment .section-filters.inbox-filters > button { min-width: calc(var(--h-seg) * 1.65); }
body .r29-host h2 { font-size: 28px; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
body .r29-host :is(.review-work>h2,.branch-top h2) { font-size: 30px; line-height: 1.16; }
body .r29-host .d-site-copy h2 { font-size: 40px; line-height: 1.2; letter-spacing: -.04em; }
body .r29-host.phone-screen h2 { font-size: 24px; }
body .r29-host.phone-screen .d-site-copy h2 { font-size: 30px; }
html[data-theme=dark] body .zc-v2-check-badge { background: var(--ink-button); color: var(--ink-button-text); }
html body .inbox-row.inbox-row .section-button.clio-secondary[data-section-decision], html body .inbox-row.inbox-row .section-button.clio-secondary[data-section-decision]:hover, html body .inbox-row.inbox-row .section-button.clio-secondary[data-section-decision]:active { background: transparent; color: var(--ink); padding: 0 6px; box-shadow: none; }
html body .inbox-row.inbox-row .section-button.clio-secondary[data-section-decision]:hover .clio-action-label { text-decoration: underline; text-underline-offset: 3px; }
body form.composer.composer { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 2px; min-height: 52px; padding: 6px; border-radius: 999px; background: var(--raised); box-shadow: none; position: relative; }
body form.composer.composer:focus-within { outline: 1px solid color-mix(in srgb, var(--muted) 40%, transparent); outline-offset: 2px; }
body form.composer.composer .composer-input { position: static; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: row; align-items: flex-start; gap: 6px; padding: 0; align-self: flex-end; }
body form.composer.composer .composer-input textarea { flex: 1 1 0; width: auto; min-width: 0; height: auto; min-height: 40px; max-height: 106px; field-sizing: content; padding: 9px 0; margin: 0; font-size: 16px; line-height: 22px; background: transparent; border: 0; border-radius: 0; resize: none; overflow-y: auto; color: var(--ink); }
body form.composer.composer .attach { flex: none; width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 50%; display: grid; place-items: center; background: transparent; color: var(--muted); }
body form.composer.composer .attach svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body form.composer.composer .attach:hover { background: transparent; color: var(--ink); }
body form.composer.composer .composer-mention { flex: none; align-self: flex-start; margin: 6px 0 0 4px; height: 28px; padding: 0 4px 0 10px; border-radius: 999px; background: var(--panel); color: var(--ink); font-size: 13px; font-weight: 600; }
body form.composer.composer .composer-mention.is-default { color: var(--muted); font-weight: 500; }
body form.composer.composer .composer-mention[hidden] { display: none; }
body form.composer.composer .composer-mention button { width: 22px; height: 22px; min-height: 22px; padding: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 15px; line-height: 1; }
body form.composer.composer .composer-mention button:hover { background: color-mix(in srgb, var(--ink) 10%, transparent); color: var(--ink); }
body form.composer.composer .composer-action { position: relative; flex: none; width: 40px; height: 40px; }
body form.composer.composer .composer-action button { position: absolute; inset: 0; width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 0; border-radius: 50%; display: grid; place-items: center; }
body form.composer.composer .composer-action svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body form.composer.composer .composer-action .microphone { background: var(--panel); color: var(--ink); opacity: 1; visibility: visible; }
body form.composer.composer .composer-action .send:is(:enabled, :disabled) { background: var(--action); color: var(--action-ink); opacity: 0; visibility: hidden; transition: opacity 220ms var(--ease), visibility 0s var(--ease) 220ms; }
body form.composer.composer:has(textarea:not(:placeholder-shown)) .composer-action .send:is(:enabled, :disabled) { opacity: 1; visibility: visible; transition: opacity 220ms var(--ease), visibility 0s var(--ease); }
body form.composer.composer:has(textarea:not(:placeholder-shown)) .composer-action .microphone { visibility: hidden; transition: visibility 0s linear 220ms; }
body form.composer.composer .composer-action .send:disabled { opacity: .55; }
body form.composer.composer .mention-options { left: 12px; bottom: calc(100% + 8px); background: var(--raised); }
body form.composer.composer .mention-options [role=option] { border-radius: 14px; }
body form.composer.composer .mention-options [aria-selected=true] { background: var(--panel); }
body form.composer.composer.new-composer { margin: 20px 0; padding: 6px; background: var(--raised); }
body .conversation > form.composer.composer { margin: 8px 20px 18px; }
@media (max-width: 760px) {
body .conversation > form.composer.composer { position: fixed; left: 12px; right: 12px; margin: 0; background: color-mix(in srgb, var(--raised) 78%, transparent); backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); box-shadow: var(--shadow); }
body .section-content form.composer.composer.new-composer { padding: 6px; }
}

/* R32b: колонки не ниже минимумов; панель результата скрывается целиком (opacity + visibility, 220 мс), кнопка в шапке открывает её листом поверх */
@media (min-width: 761px) {
body.layout-d2 .inspector.showcase { transition: opacity var(--dur-fast) var(--ease), visibility 0s linear 0s; }
body.layout-d2.result-away:not(.result-sheet-open) .body-grid { grid-template-columns: minmax(0, 1fr); }
body.layout-d2.result-away:not(.result-sheet-open) .inspector.showcase { position: absolute; top: 0; right: 16px; bottom: 16px; width: var(--result-width, 600px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--dur-fast) var(--ease), visibility 0s linear var(--dur-fast); }
body.layout-d2.result-away .result-resize { display: none; }
body.layout-d2.result-away.result-sheet-open .body-grid { grid-template-columns: minmax(0, 1fr); }
body.layout-d2.result-away.result-sheet-open .inspector.showcase { display: block; position: fixed; z-index: 61; top: var(--sp-12); right: var(--sp-12); bottom: var(--sp-12); left: auto; width: min(640px, calc(100vw - 24px)); height: auto; padding: 0 var(--sp-20) var(--sp-24); border-radius: var(--radius-card); background: var(--frame); box-shadow: var(--shadow); overflow-y: auto; opacity: 1; visibility: visible; }
body.layout-d2.result-away.result-sheet-open .inspector .mobile-tools { position: sticky; top: 0; z-index: 3; margin: 0 0 var(--sp-8); padding: var(--sp-8) 0 0; background: var(--frame); }
}

/* R32b: карточка выбора медиа складывается в колонку, когда ширины не хватает на превью и колонку миниатюр (слова не рвутся) */
.zc-card.zc-media-v2-1 { container-type: inline-size; }
@container (max-width: 480px) {
.zc-v2-1-body { flex-direction: column; gap: var(--sp-12); }
.zc-v2-1-thumbs-col { flex: 0 0 auto; }
}

/* R32b: карточка «Результат тестов» живёт на трёх кеглях шкалы: 30 (итог), 20 (вторичное число), 13 (подписи) */
body .zc-card[data-card-type="tests"] .zc-wb-test-num { font-size: var(--fs-h1); font-weight: 550; letter-spacing: -.02em; line-height: var(--lh-tight); margin: 0; }
body .zc-card[data-card-type="tests"] .zc-wb-test-num .clio-number-rest { font-size: var(--fs-h2); font-weight: 400; }
body .zc-card[data-card-type="tests"] .zc-chip, body .zc-card[data-card-type="tests"] .zc-wb-test-scope, body .zc-card[data-card-type="tests"] .zc-tile-lbl { font-size: var(--fs-small); }
body .zc-card[data-card-type="tests"] .zc-tile-val { font-size: var(--fs-h2); }

/* R32b: полоса «результат / терминал / на весь экран» — все элементы одной высоты (40) на одной оси */
@media (min-width: 761px) {
body .inspector .result-tabs-bar { align-items: center; min-height: var(--h-seg-box); padding-block: 0; gap: var(--sp-8); }
body .inspector .result-tabs-bar > .result-tabs-scroll { align-self: center; margin: 0; }
body .inspector .result-tabs-bar > :is(.result-tab-add, .result-full-toggle) { align-self: center; display: grid; place-items: center; height: var(--h-seg); min-height: var(--h-seg); padding: 0 var(--pad-seg); border-radius: var(--radius-pill); font-size: var(--fs-small); font-weight: 550; line-height: 1; }
body .inspector .result-tabs-bar > .result-tab-add { width: var(--h-seg); min-width: var(--h-seg); padding: 0; }
}

/* R32b: заголовок внутри панели результата на десктопе скрыт (дублирует шапку чата); слои вернули ему display:block из экранного правила */
@media (min-width: 761px) {
body.layout-d2 .inspector .section-heading { display: none; }
}
/* R32b: «Прочитать всё» — тихое текстовое действие в шапке списка, плашки-сводки нет */
.inbox-list-head { display: flex; justify-content: flex-end; margin: 0 0 var(--sp-8); }
}

/* R32c: формы и таблицы вкладок. Подпись и поле на одной оси (подпись слева 200px, поле по сетке), действия справа */
@layer layout-top {
.section-screen .agent-model { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-16); }
.section-screen .agent-model label, .section-screen .agent-task-models > label { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-8); align-items: center; margin: 0; font-size: var(--fs-small); font-weight: 550; }
.section-screen .agent-model select { width: 100%; min-height: var(--h-pill); padding: 0 var(--sp-16); border-radius: var(--radius-pill); font-size: var(--fs-small); }
.section-screen .agent-task-models { margin: 0; }
.section-screen .agent-task-models[open] { display: grid; gap: var(--sp-16); }
.section-screen .agent-task-models > summary { font-size: var(--fs-small); font-weight: 550; min-height: var(--h-pill); display: flex; align-items: center; }
.section-screen .agent-model > p { margin: 0; font-size: var(--fs-small); color: var(--muted); }
.section-screen .agent-model .agent-editor-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--sp-12); margin: 0; }
.section-screen .agent-model .agent-editor-actions .section-button.primary { flex: 1 0 100%; }
@media (min-width: 761px) {
  .section-screen .agent-model label, .section-screen .agent-task-models > label { grid-template-columns: 220px minmax(0, 420px); gap: var(--sp-16); }
  .section-screen .agent-model > p { max-width: 640px; }
}

.section-screen .data-card { display: grid; gap: var(--sp-8); }
.section-screen .data-card > h2 { margin-bottom: var(--sp-8); }
.section-screen .data-row { display: flex; align-items: center; gap: var(--sp-12); background: var(--panel); }
.section-screen .data-row .row-text { flex: 1 1 auto; min-width: 0; }
.section-screen .data-row .row-text small { display: block; }
.section-screen .data-row > .cap { margin-left: auto; background: var(--raised); }
@media (max-width: 760px) { .section-screen .data-row { flex-wrap: wrap; } .section-screen .data-row > .cap { margin-left: calc(var(--icon-row) + var(--sp-12)); } }

.section-screen .shortcut-row { display: grid; grid-template-columns: var(--icon-row) minmax(0, 1fr) minmax(120px, 200px); align-items: center; gap: var(--sp-12); }
.section-screen .shortcut-row > strong { flex: none; text-align: left; }
.section-screen .shortcut-row > kbd { font-size: var(--fs-small); color: var(--ink); justify-self: start; text-align: left; white-space: nowrap; }

.section-screen .spend-limit { display: grid; grid-template-columns: minmax(0, 320px) auto; grid-template-areas: "field action" "note note"; justify-content: start; gap: var(--sp-8) var(--sp-16); align-items: end; }
.section-screen .spend-limit > label { grid-area: field; max-width: none; }
.section-screen .spend-limit > .section-button { grid-area: action; margin: 0; }
.section-screen .spend-limit > small { grid-area: note; }
@media (max-width: 760px) { .section-screen .spend-limit { grid-template-columns: minmax(0, 1fr) auto; } }

.section-screen .section-heading:has(+ .device-list) { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; }
.section-screen .section-heading:has(+ .device-list) > div { margin-bottom: 0; }
.section-screen .section-heading:has(+ .device-list) > .primary { width: auto; flex: 0 0 auto; }

.section-screen .agent-panel > .section-card:has(.project-expense-value) { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title value" "note value"; column-gap: var(--sp-24); align-items: center; }
.section-screen .agent-panel > .section-card:has(.project-expense-value) > h2 { grid-area: title; margin: 0; }
.section-screen .agent-panel > .section-card:has(.project-expense-value) > .project-expense-value { grid-area: value; margin: 0; text-align: right; }
.section-screen .agent-panel > .section-card:has(.project-expense-value) > small { grid-area: note; }

/* R32c: правый сайдбар сайта — прокрутка внутри колонки, «Применить правки» закреплена внизу, редактор не выше окна */
body .r29-host:not(.phone-screen) .editor.native-web { min-height: 0; height: 100%; }
body .r29-host:not(.phone-screen) .d-web-inspector { overflow: hidden; gap: var(--sp-12); min-height: 0; }
body .r29-host:not(.phone-screen) .d-inspector-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: var(--sp-24); padding-bottom: var(--sp-24); -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 20px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 20px), transparent); }
body .r29-host:not(.phone-screen) .d-inspector-foot { flex: none; }
body .r29-host.phone-screen .d-inspector-scroll { display: flex; flex-direction: column; gap: var(--sp-24); }
body .r29-host.phone-screen .d-inspector-foot { margin-top: var(--sp-12); }
body .r29-host .d-queue > .d-capsule { width: 100%; }
body .r29-host .d-inspector-foot > .primary { width: 100%; }
}

/* R32d-1: фокус сегмента рисуется ВНУТРИ капсулы: внешнее кольцо --action обрезалось контейнером и торчало салатовым полумесяцем */
body :is(.section-filters, .agent-tabs, .settings-tabs, .project-view-controls, .result-tabs-scroll, .segments, .section-nav-capsule) :is(button, [role=tab]):focus-visible { outline: 2px solid var(--ink); outline-offset: -4px; }
body :is(.section-filters, .agent-tabs, .settings-tabs, .project-view-controls, .result-tabs-scroll, .segments, .section-nav-capsule) :is(button, [role=tab]):is([aria-selected=true], [aria-pressed=true]):focus-visible { outline-color: var(--clio-segment-text); }
/* R32d-3: компонент поля ввода: один радиус и один тон на всех страницах (композер и ползунки — не поля) */
body :is(input:not([type=checkbox], [type=radio], [type=range], [type=hidden], [type=file]), select, textarea):not(.composer *, .d-composer *) { border-radius: var(--radius-field); }
body .r29-host .d-web-inspector :is(input, textarea) { border: 0; background: var(--raised); padding: var(--sp-12); }

/* W2A: выделение в тёмной теме — тоном, а не белой линией */
@layer layout-top {
  html[data-theme=dark] body .r29-host :is(.timeline-clip[aria-pressed=true], .d-answer.is-chosen) { outline: 0; box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--ink) 38%, transparent); }
  html[data-theme=dark] body .r29-host .d-selected { outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ink) 38%, transparent); }
}

/* W3: «Отклонить» ≠ «Принять»: тихий итог без салатового, код правки приглушён */
/* итог «Отклонено» — статусная строка, не кнопка: без фона и боковых отступов (Fable 15.10: серая капсула читалась как неактивная кнопка) */
body :is(.decision-actions, .zc-wb-actions) > .zc-btn.is-decision-rejected:disabled { background: transparent; color: var(--muted); padding-inline: 0; min-width: 0; width: auto; flex: 0 0 auto; justify-content: flex-start; font-weight: 500; box-shadow: none; outline: 0; opacity: 1; animation: none; transition: none; cursor: default; }
.zc-card.is-rejected .zc-hunk, .zc-card.is-rejected .zc-reason { opacity: .55; }
.message-followup .message-text { max-width: 100%; }

/* W2F: обсуждение по высоте окна: реплики прокручиваются внутри, кнопки управления закреплены снизу (на 1280×800 не срезаны) */
@layer layout-top {
@media (min-width: 761px) {
  body .r29-host .editor.native-discuss { min-height: 0; height: 100%; display: flex; flex-direction: column; }
  body .r29-host .native-discuss .d-discuss-body { flex: 1; min-height: 0; }
  body .r29-host .native-discuss .d-discuss-main { min-height: 0; overflow-y: auto; }
  body .r29-host .native-discuss .d-discuss-controls { position: sticky; bottom: 0; background: var(--panel); padding-top: var(--sp-12, 12px); margin-top: auto; }
}
}