.mock-window{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-lg);color:var(--ink-2);text-align:left;margin:0;font-size:14px;line-height:1.5;overflow:hidden}.mock-bar{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.mock-bar span{background:var(--dot);border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 .5px #00000029;box-shadow:inset 0 0 0 .5px lab(0% 0 0/.16)}.mock-bar span:first-child{--dot:#ff5f57}.mock-bar span:nth-child(2){--dot:#febc2e}.mock-bar span:nth-child(3){--dot:#28c840}.mock-bar em{color:var(--faint);margin-left:10px;font-size:.86em;font-style:normal}.mock-body{position:relative}.mock-rail{background:var(--rail);color:var(--rail-text);align-content:start;gap:1.1em;padding:1em .75em;display:grid}.mock-rail-new{border-radius:var(--radius-sm);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);align-items:center;gap:.5em;padding:.55em .75em;font-size:.92em;font-weight:560;display:flex}.mock-rail-group{gap:.15em;display:grid}.mock-rail-group p{color:var(--rail-muted);padding:0 .6em .25em;font-size:.78em;font-weight:560}.mock-rail-agent{border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:.55em;padding:.4em .6em;font-size:.9em;display:flex}.mock-rail-agent span{text-overflow:ellipsis;overflow:hidden}.mock-rail button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform .16s var(--ease);margin:0}.mock-rail-agent{background:0 0;border:0}.mock-rail-new{background:0 0}.mock-rail button:focus-visible{outline:2px solid var(--rail-text);outline-offset:1px}.mock-rail button:active{transform:scale(.98)}.mock-rail-agent[data-active],.mock-rail-agent[aria-pressed=true]{color:#fff;background:#ffffff1f;background:lab(100% 0 0/.12)}.mock-rail-new[aria-pressed=true]{background:#ffffff14;background:lab(100% 0 0/.08);border-color:#fff6;border-color:lab(100% 0 0/.4)}.mock-user{background:var(--mist-2);max-width:82%;color:var(--ink);border-radius:1.1em 1.1em .3em;justify-self:end;padding:.65em .95em}.mock-agent-line{color:var(--ink);align-items:center;gap:.55em;font-size:.95em;display:flex}.mock-agent-line strong{font-weight:620}.mock-agent-line span{color:var(--faint);font-size:.9em}.mock-sources{gap:.45em;display:grid}.mock-sources-label{color:var(--muted);font-size:.8em;font-weight:560}.mock-sources ul{flex-wrap:wrap;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.mock-sources li{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-2);white-space:nowrap;align-items:center;gap:.4em;padding:.3em .65em;font-size:.82em;display:inline-flex}.mock-sources li svg{color:var(--muted)}.mock-card,.mock-deliverable{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-md);gap:.35em;padding:.95em 1.05em;display:grid}.mock-card-head{align-items:center;gap:.55em;display:flex}.mock-card-action{color:var(--muted);font-size:.8em;font-weight:600}.mock-card-title{color:var(--ink);font-weight:620}.mock-card-detail{color:var(--muted);font-size:.88em}.mock-card-buttons{gap:.5em;margin-top:.45em;display:flex}.mock-btn{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);align-items:center;padding:.4em .95em;font-size:.85em;font-weight:580;display:inline-flex}.mock-btn-primary{border-color:var(--action);background:var(--action);color:var(--on-action)}button.mock-btn{cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform .16s var(--ease);gap:.4em;font-family:inherit;line-height:1.5}button.mock-btn:active{transform:scale(.97)}.mock-card{transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease)}.mock-card[data-decision=approved]{border-color:color-mix(in oklab, var(--success) 45%, var(--line));background:color-mix(in oklab, var(--success-soft) 55%, var(--paper))}.mock-card[data-decision=declined]{background:var(--mist)}.mock-card[data-decision=declined] .mock-card-title,.mock-card[data-decision=declined] .mock-card-detail{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.mock-card-outcome{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.55em;margin-top:.45em;font-size:.9em;font-weight:560;display:flex}.mock-card-outcome p{flex:14em}.mock-card-outcome-icon{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;display:grid}[data-decision=declined] .mock-card-outcome-icon{background:var(--muted)}.mock-card-reset{border-radius:var(--radius-pill);color:var(--muted);font:inherit;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:.35em;padding:.25em .6em;font-size:.92em;display:inline-flex}@media (prefers-reduced-motion:no-preference){.mock-card-outcome{animation:mock-pop .45s var(--ease) both}.mock-card-outcome-icon{animation:mock-stamp .5s var(--ease) both}}@keyframes mock-pop{0%{opacity:0;translate:0 4px}}@keyframes mock-stamp{0%{scale:.4}60%{scale:1.15}}.mock-deliverable{box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;align-items:start;gap:.8em}.mock-deliverable-icon{border-radius:var(--radius-sm);background:var(--mist-2);width:2.2em;height:2.2em;color:var(--ink-2);place-items:center;display:grid}.mock-logo-tile{border:1px solid var(--line);background:var(--paper);border-radius:.55em;place-items:center;width:1.9em;height:1.9em;display:inline-grid}.mock-composer{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--faint);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.55em .6em .55em 1em;display:flex}.mock-composer-send{background:var(--action);width:2em;height:2em;color:var(--on-action);border-radius:50%;place-items:center;display:grid}.hero-answer{color:var(--ink-2);max-width:62ch}.hero-answer.abstain{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--calf-ochre) 14%, var(--paper));padding:.6em .85em}@media (hover:hover){.mock-rail-agent:hover{background:#ffffff12;background:lab(100% 0 0/.07)}.mock-rail-agent:hover .calf .calf-head{transform-box:fill-box;transform-origin:50% 100%;animation:calf-nod .6s var(--ease) 1}.mock-rail-new:hover{background:#ffffff0f;background:lab(100% 0 0/.06);border-color:#ffffff52;border-color:lab(100% 0 0/.32)}button.mock-btn:hover{border-color:var(--ink-2);box-shadow:var(--shadow-sm)}button.mock-btn-primary:hover{border-color:var(--action-hover);background:var(--action-hover)}.mock-card-reset:hover{color:var(--ink);background:#0000000d;background:lab(0% 0 0/.05)}.mock-sources li{transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease)}.mock-sources li:hover{border-color:var(--line-strong);background:var(--mist)}.mock-logo-tile{transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.mock-logo-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}}