/* Use-case specimens follow the shipped product's light surfaces and square UI. */
.uv {--pv-canvas:#f9f8f4;--pv-paper:#fffffc;--pv-shell:#efeee9;--pv-line:#d7d4cb;--pv-ink:#181818;--pv-copy:#4e4e4e;border-radius:0;box-shadow:0 12px 28px #18241d0b;}
.uv-shell {display:grid;grid-template-columns:148px minmax(0,1fr);}
.uv-crop {display:block;box-shadow:none;}
.uv .pv-sidebar {padding-top:23px;}
.uv .pv-sidebar .pv-brand {margin-bottom:26px;}
.uv .pv-nav > span {padding:8px 9px;font-size:10px;gap:9px;}
.uv .pv-nav > .pv-selected {background:#492080;color:#fff;}
.uv-main {min-width:0;}
.uv .pv-top {padding:12px 20px;min-height:40px;font-size:10px;}
.uv-content {padding:24px;}
.uc-main .uv h2 {font:500 25px/1.3 var(--sans);letter-spacing:-.035em;margin:0;}
.uc-main .uv h3 {font:500 17px/1.4 var(--sans);letter-spacing:-.02em;margin:0;}
.uv-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;}
.uv-heading > .uv-button {margin:0;}
.uv-section {margin-top:22px;}
.uv-label {font:400 10px/1.6 var(--sans);color:#5c5a54;margin:0 0 9px!important;}
.uv-copy {font:400 12px/1.75 var(--sans);color:#55534e;}
.uv-kpis {display:grid;gap:1px;background:#d7d4cb;border:1px solid #d7d4cb;}
.uv-kpis-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.uv-kpis-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.uv-kpis-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.uv-kpis > div {background:#fffffc;min-width:0;padding:14px 12px;}
.uv-kpis span {display:block;color:#656158;font:400 9px/1.5 var(--sans);}
.uv-kpis strong {display:block;color:#181818;font:500 24px/1.2 var(--sans);letter-spacing:-.035em;margin-top:7px;font-variant-numeric:proportional-nums;}
.uv-kpis small {display:block;color:#79756c;font:400 8px/1.6 var(--mono);margin-top:5px;}
.uv-crop .uv-kpis-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
.uv-crop .uv-kpis strong {font-size:22px;}
.uv-chiprow {display:flex;flex-wrap:wrap;gap:6px;}
.uv-chip {display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;color:#625e55;background:#f0eee7;border:1px solid #d8d4c9;font:400 9px/1.4 var(--sans);white-space:nowrap;}
.uv-chip.uv-green {background:#e7f0e8;color:#235c3b;border-color:#c9dece;}.uv-chip.uv-amber {background:#f8efdb;color:#805e13;border-color:#e8d8ad;}.uv-chip.uv-active {background:#eee8f5;color:#492080;border-color:#d4c7e6;}
.uv-button {display:inline-flex;justify-content:center;align-items:center;padding:7px 10px;border:1px solid #b9b4a8;background:#fffffc;color:#24221c;font:400 10px/1.5 var(--sans);}
.uv-button.uv-primary {background:#181818;border-color:#181818;color:#fff;}
.uv-actions {display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;padding-top:14px;border-top:1px solid #d7d4cb;}
.uv-back {font-size:9px;color:#726b60;}
.uv-pacing {margin:20px 0;padding:16px;border:1px solid #d7d4cb;background:#fffffc;}
.uv-pacing > div:first-child {display:flex;justify-content:space-between;font-size:10px;gap:20px;}.uv-pacing strong {font-weight:400;}.uv-pacing p {font-size:9px;color:#69655b;}
.uv-strategy {margin-top:20px;border:1px solid #d7d4cb;background:#fffffc;}
.uv-strategy-head {padding:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2dfd5;}.uv-strategy-head .uv-chip {margin-left:auto;}.uv-strategy-head p {font:9px/1.6 var(--mono);color:#7c786e;margin-top:4px;}
.uv-strategy-body {padding:18px;}.uv-strategy-body > .uv-kpis {margin-top:18px;}.uv-strategy-body .uv-kpis strong {font-size:18px;}
.uv-table {border-collapse:collapse;width:100%;font-size:10px;}.uv-table th {font-size:9px;color:#777267;text-align:left;font-weight:400;background:#f4f2ec;}.uv-table th,.uv-table td {padding:11px 9px;border-bottom:1px solid #dedad0;text-align:left;vertical-align:middle;}.uv-table td {color:#403c34;}.uv-table .pv-platform {font-size:10px;white-space:nowrap;}
.uv-table-wrap {min-width:0;overflow-x:auto;}.uv-crop .uv-table th,.uv-crop .uv-table td {padding:10px 7px;font-size:9px;}
.uv-outcomes {padding:18px;border:1px solid #d7d4cb;background:#fffffc;margin-top:24px;}.uv-outcomes .uv-heading {margin-bottom:10px;}.uv-outcomes .uv-kpis {margin-top:15px;}.uv-evidence-line {font:8px/1.8 var(--mono);color:#757167;padding:7px 0;}
.uv-review-head {padding:18px;border:1px solid #d7d4cb;background:#fffffc;}.uv-review-head .pv-platform {font-size:10px;margin-bottom:13px;}.uv-review-head h3 {margin-bottom:14px;}.uv-review-head .uv-chiprow {margin-top:14px;}
.uv-rationale {padding:14px 16px;border-left:2px solid #492080;background:#f0eaf5;color:#42364d;font:400 12px/1.8 var(--sans);}
.uv .pv-change {gap:12px;}.uv .pv-change > div {border:1px solid #ded9cf;}.uv .pv-change strong {font-size:25px;}
.uv-fields {display:grid;grid-template-columns:1fr 1fr;gap:12px;}.uv-field {margin:13px 0;min-width:0;}.uv-field > span {display:block;font-size:9px;color:#787167;margin-bottom:6px;}.uv-field > div {background:#fffffc;border:1px solid #c9c3b7;min-height:34px;padding:9px 11px;font-size:11px;line-height:1.7;color:#3e382f;display:flex;align-items:center;justify-content:space-between;gap:10px;}.uv-field b {font-weight:400;}
.uv-audience-columns {display:grid;grid-template-columns:1.1fr 1fr;gap:22px;}.uv-audience-columns .uv-kpis strong {font-size:21px;}.uv-audience-columns .uv-kpis > div {padding:13px 10px;}.uv-crop .uv-audience-columns {grid-template-columns:1fr;}
.uv-source-options {display:grid;grid-template-columns:1fr 1fr;gap:9px;}.uv-source-options > div {border:1px solid #cfc9bd;padding:11px;background:#fffffc;}.uv-source-options .pv-platform {font-size:10px;}.uv-source-options small {display:block;font-size:8px;color:#447252;margin-top:7px;}.uv-source-options > .uv-source-selected {border-color:#827294;background:#f2edf6;}
.uv-rulegroup {padding:13px;border:1px solid #cac5ba;}.uv-rule {display:grid;grid-template-columns:1.2fr .85fr 1fr 8px;gap:5px;margin:9px 0;align-items:center;}.uv-rule > span {display:block;border:1px solid #cfc9bd;background:#fffffc;padding:8px 6px;min-height:33px;font-size:9px;line-height:1.6;}.uv-rule > small {font-size:11px;color:#777;}.uv-rulegroup .uv-button {margin-top:7px;font-size:9px;}
.uv-report-controls {display:flex;gap:8px;margin:20px 0 0;}.uv-report-controls + .uv-actions {border:0;margin-top:8px;padding-top:0;}
.uv .pv-platform-cards {gap:8px;}.uv .pv-platform-cards > div {padding:12px;}.uv .pv-platform-cards .pv-platform {font-size:9px;gap:5px;}.uv .pv-platform-cards strong {font-size:21px;}.uv .pv-platform-cards small {font-size:8px;}
.uv-crop .pv-platform-cards {grid-template-columns:1fr;}.uv-crop .pv-platform-cards > div {display:grid;grid-template-columns:1fr auto;gap:5px;}.uv-crop .pv-platform-cards strong {margin:0;font-size:19px;}.uv-crop .pv-platform-cards small {margin:0;text-align:right;}
.uv-terminal {background:#1e1e20;color:#e5e2dc;border:1px solid #28292a;font-family:var(--mono);border-radius:0;min-width:0;}.uv-terminalbar {display:flex;gap:20px;align-items:center;color:#a3a3a3;background:#27272a;padding:13px 17px;font-size:10px;border-bottom:1px solid #353535;}.uv-terminalbar > span {font-size:8px;letter-spacing:3px;color:#777;}.uv-terminalbody {padding:25px;}.uv-code-comment {font-size:10px;line-height:1.7;color:#a2a7a0;margin-bottom:10px;}.uv-terminal pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;margin:0 0 30px;}.uv-terminal pre:last-child {margin-bottom:0;}.uv-terminal code {font-family:inherit;}.uv-terminal code > span {color:#95b2a1;}.uv-tool-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;}.uv-tool-pair .uv-crop {min-width:0;}.uv-tool-pair .uv-terminalbody {padding:25px 22px;}.uv-tool-pair .uv-content {padding:22px;}.uv-tool-pair .uv-table td {font-size:10px;}
.uc-panel:has(.uv) {min-width:0;}.uc-panel .uv {animation:uc-appear .22s ease;}
@media(max-width:1100px){.uv-shell {grid-template-columns:125px minmax(0,1fr);}.uv .pv-sidebar {padding-inline:8px;}.uv .pv-brand {max-width:90px;margin-left:5px;}.uv .pv-nav > span {font-size:9px;padding-inline:6px;gap:7px;}.uv .pv-nav svg {width:13px;height:13px;}.uv-content {padding:20px;}.uv-audience-columns {grid-template-columns:1fr;}.uv-shell .uv-audience-columns {grid-template-columns:1fr 1fr;gap:16px;}.uv-rule {grid-template-columns:1fr;gap:4px;}.uv-rule small {display:none;}.uv-rule > span {min-height:28px;}.uv-kpis strong {font-size:21px;}.uv-strategy-body {padding:15px;}}
@media(max-width:800px){.uv-shell {display:block;}.uv-shell .pv-sidebar {display:none;}.uv-tool-pair {grid-template-columns:1fr;}.uv-shell .uv-audience-columns {grid-template-columns:1fr;}.uv-rule {grid-template-columns:1.2fr .85fr 1fr 8px;}.uv-rule small {display:block;}.uv-kpis-4 {grid-template-columns:repeat(2,minmax(0,1fr));}.uv .pv-platform-cards .pv-platform {white-space:normal;}}
@media(max-width:600px){.uv-content {padding:16px;}.uv .pv-top {padding:11px 16px;}.uc-main .uv h2 {font-size:23px;}.uc-main .uv h3 {font-size:16px;}.uv .pv-tabs > span {font-size:10px;padding:9px 10px;}.uv-heading {gap:8px;}.uv-heading > .uv-button {font-size:8px;padding:5px 7px;}.uv-kpis > div {padding:12px 8px;}.uv-kpis strong,.uv-crop .uv-kpis strong {font-size:20px;}.uv-kpis small {font-size:7px;}.uv-kpis span {font-size:8px;}.uv-strategy-head {padding:13px;gap:8px;}.uv-strategy-head .uv-chip {font-size:7px;padding:3px 5px;}.uv-strategy-head h3 {font-size:15px;}.uv-strategy-body {padding:13px;}.uv-strategy-body .uv-kpis strong {font-size:16px;}.uv-table .pv-platform {font-size:8px;gap:5px;white-space:normal;}.uv-table .pv-platform img {width:11px;height:11px;}.uv-table td,.uv-table th {font-size:8px;padding:9px 5px;}.uv-table .uv-chip {font-size:7px;padding:2px 4px;}.uv .pv-platform-cards {grid-template-columns:1fr;}.uv .pv-platform-cards > div {display:grid;grid-template-columns:1fr auto;gap:5px;}.uv .pv-platform-cards strong {margin:0;font-size:19px;}.uv .pv-platform-cards small {margin:0;text-align:right;}.uv-outcomes {padding:13px;}.uv-outcomes .uv-kpis-3 {grid-template-columns:repeat(2,minmax(0,1fr));}.uv-rulegroup {padding:10px;}.uv-rule {grid-template-columns:1fr 1fr;}.uv-rule span:last-of-type {grid-column:1/-1;}.uv-rule small {display:none;}.uv-copy,.uv-rationale {font-size:11px;}.uv-rule > span {font-size:9px;}.uv-source-options .pv-platform {font-size:9px;}.uv-fields {gap:10px;}.uv-field > div {font-size:10px;padding:8px;}.uv-terminalbody {padding:20px;}.uv-terminal pre {font-size:10px;}.uv-tool-pair .uv-terminalbody {padding:20px;}.uv-tool-pair .uv-content {padding:17px;}.uv-actions .uv-button {font-size:9px;padding:7px 9px;}}
@media(prefers-reduced-motion:reduce){.uc-panel .uv {animation:none;}}