:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#10243e;background:#f4f7fb;--panel: #ffffff;--line: #d7e2f0;--muted: #5f728b;--accent: #1f6fd6;--danger: #c53d2f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f0f4fa,#f7fbff)}.shell{max-width:1200px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.top-bar,.section-block{background:var(--panel);border:1px solid var(--line);border-radius:14px}.top-bar{padding:.9rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.agent-status{margin:0;width:100%;font-size:.82rem;color:#2f5e99;background:#eef5ff;border:1px solid #c9dbf4;border-radius:10px;padding:.42rem .55rem}.inference-status{margin:0;width:100%;font-size:.82rem;color:#26543f;background:#ecfaf2;border:1px solid #bfe8cf;border-radius:10px;padding:.42rem .55rem}.query-summary{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:#e8f0fe;color:#174a89;padding:.3rem .55rem;border-radius:999px;font-size:.84rem}.actions{display:flex;gap:.5rem}button{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:.52rem .7rem;border-radius:10px;font-weight:600;cursor:pointer}button.secondary{background:#fff;color:var(--accent)}button.danger{background:#fff5f4;border-color:#f0b3ad;color:var(--danger)}.section-block{padding:.9rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.65rem;gap:.5rem;flex-wrap:wrap}.section-header h2{margin:0;font-size:1rem}.section-header p{margin:0;color:var(--muted);font-size:.85rem}.decision-header-actions{display:flex;align-items:center;gap:.5rem}.decision-header-actions p{margin:0}.catalog-list,.consider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.7rem}.consider-zone{background:radial-gradient(circle at 15% 20%,rgba(58,124,196,.06),transparent 55%),radial-gradient(circle at 80% 80%,rgba(58,124,196,.08),transparent 52%),linear-gradient(180deg,#fafdff,#f5f9ff)}.lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.lane{border:1px solid var(--line);border-radius:12px;padding:.6rem;background:#fbfdff}.lane-consider{padding:.2rem;border-style:dashed;background:#ffffff94}.lane-over{border-color:#87b4eb;box-shadow:inset 0 0 0 1px #9ac0ef}.lane-agent-highlight{animation:laneAgentPulse 1.1s ease-out}.lane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lane-controls{display:flex;gap:.45rem;align-items:center}.lane-header h3{margin:0;font-size:.95rem}.lane-header span{color:var(--muted);font-size:.85rem}.lane-body{display:grid;gap:.55rem;min-height:84px}.lane-body-consider{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:.7rem;min-height:190px}.lane-body-consider .card-slot{width:220px;flex:0 0 220px}.card-slot{display:grid;gap:.32rem}.card-shell{position:relative}.card-drag-surface{cursor:grab}.card-drag-surface:active{cursor:grabbing}.card-shell.dragging{opacity:.35}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);width:100%;text-align:left;padding:0;color:inherit;display:block;cursor:pointer}.card:hover{border-color:#9ebde4;box-shadow:0 8px 18px #1c4a811a;transform:translateY(-1px)}.card-agent-highlight{border-color:#4f86cb;box-shadow:0 0 0 2px #1f6fd62e;animation:cardAgentFlash 1.2s ease-out}.card-agent-tags{margin:.25rem 0 0;color:#2d5f96;font-size:.72rem}.chip-action{background:#eef5ff;border-color:#b9cff0;color:#2f5e99;padding:.24rem .48rem;border-radius:999px;font-size:.74rem;line-height:1.2}.drop-indicator{height:8px;border-radius:999px;background:linear-gradient(90deg,#1f6fd6,#4b8fe4);box-shadow:0 0 0 1px #1f6fd638}.lane-body-consider .drop-indicator{width:220px;height:142px;border-radius:10px;background:#1f6fd614;border:2px dashed rgba(31,111,214,.6);box-shadow:none}.card-image{height:82px;width:100%;object-fit:cover;display:block}.card-content{padding:.45rem .5rem .55rem}.card-price,.card-title,.card-details{margin:0}.card-price{font-size:.82rem;color:#205da8;font-weight:700}.card-title{margin-top:.1rem;font-weight:700;font-size:.84rem}.card-details{margin-top:.17rem;color:var(--muted);font-size:.76rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a172a7a;display:grid;place-items:center;z-index:20;padding:1rem}.modal{width:min(900px,100%);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;border:1px solid #c9d9ec;box-shadow:0 26px 50px #0716304d}.modal-image{width:100%;height:270px;object-fit:cover;display:block}.modal-content{padding:1rem;display:grid;gap:.8rem}.modal-head{display:flex;justify-content:space-between;gap:.6rem}.modal-head h3{margin:.1rem 0 0}.icon-button{background:#fff;color:#35557d;border-color:#bdd1ea;align-self:flex-start}.modal-subline{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.modal-description{margin:0;font-size:.94rem}.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.facts-grid p,.modal-panel p{margin:0;color:#29486f;font-size:.9rem}.modal-panel{border:1px solid #d3e1f0;border-radius:12px;padding:.6rem;background:#f9fcff}.modal-panel h4{margin:0 0 .4rem}.pill-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.pill-list li{background:#e9f1fb;color:#224c7f;padding:.25rem .5rem;border-radius:999px;font-size:.77rem}.modal-actions{display:flex;gap:.55rem;flex-wrap:wrap}.modal-attribution{margin:.2rem 0 0;color:#667085;font-size:.78rem}.drag-status{position:fixed;bottom:1rem;right:1rem;z-index:12;background:#10243ee6;color:#fff;border-radius:999px;font-size:.78rem;padding:.3rem .6rem}.drag-overlay{width:220px;opacity:.98;pointer-events:none;transform:rotate(-2deg);filter:drop-shadow(0 18px 20px rgba(8,22,42,.28))}.drag-overlay .card{pointer-events:none}@keyframes laneAgentPulse{0%{box-shadow:inset 0 0 0 1px #1a6bd6d9;background:#edf4ff}to{box-shadow:inset 0 0 0 1px transparent;background:inherit}}@keyframes cardAgentFlash{0%{transform:translateY(-1px) scale(1.01);box-shadow:0 0 #1f6fd65c}70%{box-shadow:0 0 0 6px #1f6fd60f}to{transform:translateY(0) scale(1);box-shadow:0 0 #1f6fd600}}@media (max-width: 900px){.lanes{grid-template-columns:1fr}.top-bar{align-items:stretch}.actions{width:100%}.actions button{flex:1}.decision-header-actions{width:100%;justify-content:space-between}.facts-grid{grid-template-columns:1fr}.modal-image{height:200px}}