:root{--bg:#f6f7f9;--surface:#ffffff;--surface-2:#eef4f2;--text:#17211f;--muted:#65716e;--line:#dbe3e0;--strong-line:#c7d4d0;--accent:#0f766e;--accent-2:#2563eb;--danger:#b42318;--warning:#b76e00;--shadow:0 14px 36px rgba(24,36,32,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;border-right:1px solid var(--line);background:#ffffff;padding:24px 18px}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#0f766e;color:#ffffff}.brand-block h1,.brand-block p,.topbar h2,.topbar p{margin:0}.brand-block h1{font-size:17px}.brand-block p,.delivery-line,.result-heading p,.run-row p,.site-line,.site-main p,.topbar p{color:var(--muted)}.brand-block p{margin-top:2px;font-size:13px}.nav-list{display:grid;grid-gap:8px;gap:8px}.ghost-button,.icon-button,.nav-list button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text)}.nav-list button{justify-content:flex-start;padding:0 12px}.nav-list button.active,.nav-list button:hover{background:var(--surface-2);color:#0b5c55}.side-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:auto}.side-metrics div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafcfb}.side-metrics span{display:block;font-size:22px;font-weight:700}.side-metrics p{margin:3px 0 0;color:var(--muted);font-size:12px}.workspace{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar h2{font-size:24px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.action-log,.command-panel,.site-form,.task-panel{padding:18px}.shop-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-gap:18px;gap:18px}.command-panel label,.site-form label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.address-note input,.command-panel textarea,.settings-row input,.site-form input{width:100%;border:1px solid var(--strong-line);border-radius:8px;background:#ffffff;color:var(--text);outline:none;padding:11px 12px}.command-panel textarea{min-height:112px;margin-top:8px;resize:vertical}.address-note input:focus,.command-panel textarea:focus,.settings-row input:focus,.site-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:10px;gap:10px}.address-note,.settings-row{margin-top:12px}.browser-mode-row{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.browser-mode-row>span{color:var(--muted);font-size:13px;font-weight:600}.segmented-control{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--strong-line);border-radius:8px;background:#f8faf9}.segmented-control button{border:0;border-right:1px solid var(--strong-line);background:transparent;color:var(--muted);cursor:pointer;padding:10px 12px;font:inherit;font-size:12px;font-weight:800}.segmented-control button:last-child{border-right:0}.primary-button,.segmented-control button.active{background:#0f766e;color:#ffffff}.primary-button{border-color:#0f766e;padding:0 14px}.secondary-button{border-color:var(--strong-line);background:#ffffff;padding:0 13px}.ghost-button{border-color:var(--line);background:rgba(255,255,255,.74);padding:0 12px}.icon-button{width:38px;border-color:var(--line);background:#ffffff}.icon-button.danger{color:var(--danger)}.task-panel{display:flex;flex-direction:column;gap:14px}.log-row,.offer-title-row,.price-line,.result-heading,.site-controls,.site-main,.task-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-log h3,.offer-body h4,.result-heading h3,.run-row h3,.site-form h3,.site-main h3,.task-heading h3{margin:0}.task-heading h3{font-size:17px}.status-pill{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:#f8faf9;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.status-pill.cart_ready,.status-pill.completed{border-color:rgba(15,118,110,.24);background:rgba(15,118,110,.09);color:#0b5c55}.status-pill.failed{border-color:rgba(180,35,24,.24);background:rgba(180,35,24,.08);color:var(--danger)}.status-pill.needs_action{border-color:rgba(183,110,0,.3);background:rgba(183,110,0,.1);color:var(--warning)}.items-strip{display:flex;flex-wrap:wrap;gap:8px}.items-strip span{border:1px solid var(--line);border-radius:999px;background:#fafcfb;padding:7px 10px;color:var(--muted);font-size:13px}.live-progress{border:1px solid var(--line);border-radius:10px;background:#fafcfb;padding:12px 14px;display:flex;flex-direction:column;gap:8px;max-height:220px}.live-progress-header{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.live-progress-count{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none}.live-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1 1 auto;min-height:0}.live-progress-item{display:flex;gap:10px;font-size:12.5px;line-height:1.45;color:#2a3835}.live-progress-time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px;padding-top:1px}.live-progress-message{word-break:break-word}.live-progress-item.warning .live-progress-message{color:var(--warning)}.live-progress-item.error .live-progress-message{color:var(--danger)}.results-area{grid-column:1/-1;display:grid;grid-gap:20px;gap:20px}.cart-panel,.comparison-panel,.recommendation-panel{display:grid;grid-gap:14px;gap:14px;padding:18px}.cart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.cart-card{display:grid;align-content:start;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff}.cart-card.best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cart-card p{color:var(--muted);font-size:12px;margin:0}.cart-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.cart-best-badge{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}.cart-total{font-size:20px}.cart-missing{color:#b45309!important}.cart-split{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:10px;margin:0}.comparison-table{display:grid;grid-template-columns:minmax(250px,1.05fr) repeat(var(--site-count),minmax(220px,1fr));overflow-x:auto;border:1px solid var(--line);border-radius:8px}.comparison-row{display:contents}.comparison-cell,.comparison-head,.comparison-item{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.comparison-head{background:#f8faf9;color:var(--muted);font-size:12px;font-weight:800}.comparison-item{display:grid;align-content:start;grid-gap:6px;gap:6px;background:#ffffff}.comparison-item strong{font-size:18px;line-height:1.16}.comparison-item span,.no-offer{color:var(--muted);font-size:12px}.comparison-item em{color:var(--accent);font-size:12px;font-style:normal;font-weight:800}.comparison-cell{display:grid;align-content:start;grid-gap:8px;gap:8px;background:#ffffff}.comparison-cell.best{background:rgba(15,118,110,.06);box-shadow:inset 0 0 0 2px rgba(15,118,110,.18)}.comparison-cell.unavailable{background:#fbf7f7}.comparison-cell.unavailable .matrix-price strong,.comparison-cell.unavailable .matrix-title,.comparison-cell.unavailable .matrix-unit{color:#7f1d1d}.comparison-cell p{margin:0;color:#3f4d49;font-size:12px;line-height:1.35}.matrix-meta,.matrix-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.matrix-offer-top{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:9px;gap:9px;align-items:start}.matrix-thumb{display:block;overflow:hidden;width:48px;aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#eef4f2}.matrix-thumb img,.matrix-thumb span{display:block;width:100%;height:100%;object-fit:cover}.matrix-title{display:inline-flex;align-items:flex-start;gap:4px;color:#1d4ed8;font-size:12px;font-weight:800;line-height:1.3;text-decoration:none}.matrix-title svg{flex:0 0 auto;margin-top:1px}.matrix-price strong{font-size:16px}.matrix-unit{color:var(--muted);font-size:12px;font-weight:800}.matrix-meta span,.matrix-price span{border-radius:999px;background:rgba(15,118,110,.1);color:#0b5c55;padding:3px 7px;font-size:11px;font-weight:800}.matrix-price .best-badge{display:inline-flex;align-items:center;gap:4px}.matrix-meta span{border:1px solid var(--line);background:#f8faf9;color:var(--muted)}.setup-panel{display:flex;justify-content:space-between;gap:16px;padding:16px 18px}.setup-panel h3,.setup-panel p{margin:0}.setup-panel p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.42}.setup-site-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.recommendation-list{display:grid;grid-gap:10px;gap:10px}.recommendation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.recommendation-row strong{display:block}.recommendation-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.recommendation-row span{font-size:18px;font-weight:800}.site-total-list{display:flex;flex-wrap:wrap;gap:8px}.site-total-list span{border:1px solid var(--line);border-radius:999px;background:#f8faf9;padding:7px 10px;color:var(--muted);font-size:13px;font-weight:700}.result-group{display:grid;grid-gap:12px;gap:12px}.result-details{display:grid;grid-gap:14px;gap:14px;padding:16px 18px}.result-details summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:850}.result-details[open] summary{margin-bottom:12px}.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.offer-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff}.offer-card.best{border-color:rgba(15,118,110,.42);box-shadow:0 0 0 3px rgba(15,118,110,.09)}.image-placeholder,.offer-card img{display:block;width:100%;aspect-ratio:16/10;background:#e5ece9;object-fit:cover}.offer-body{display:grid;grid-gap:8px;gap:8px;padding:13px}.offer-body h4{font-size:15px;line-height:1.32}.offer-title-row span{border-radius:999px;background:rgba(15,118,110,.1);color:#0b5c55;padding:4px 7px;font-size:11px;font-weight:800}.offer-badges{display:flex;flex-wrap:wrap;gap:6px}.offer-badges span{border:1px solid var(--line);border-radius:999px;background:#f8faf9;color:var(--muted);padding:3px 7px;font-size:11px;font-weight:800}.delivery-line,.match-reason,.site-line{margin:0;font-size:13px}.match-reason{color:#3f4d49}.price-line strong{font-size:18px}.price-line span{color:var(--muted);font-size:12px;font-weight:700}.offer-body a{display:inline-flex;align-items:center;gap:5px;width:max-content;color:var(--accent-2);font-size:13px;font-weight:700;text-decoration:none}.action-log{grid-column:1/-1;display:grid;grid-gap:10px;gap:10px}.log-row{justify-content:flex-start;border-top:1px solid var(--line);padding-top:10px}.log-row p{flex:1 1;margin:0}.log-row strong{color:var(--muted);font-size:13px;font-weight:600}.log-row.warning span,.log-row.warning svg{color:var(--warning)}.log-row.error span,.log-row.error svg{color:var(--danger)}.websites-grid{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);grid-gap:18px;gap:18px}.site-form{display:grid;align-content:start;grid-gap:16px;gap:16px}.panel-note{margin:-4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.form-grid,.selector-grid{display:grid;grid-gap:12px;gap:12px}.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.runs-list,.site-list{display:grid;align-content:start;grid-gap:12px;gap:12px}.run-row,.site-row{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:14px;text-align:left}.site-icon{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--accent)}.site-main{justify-content:flex-start;min-width:0}.site-main p{overflow:hidden;max-width:560px;margin:4px 0 0;text-overflow:ellipsis;white-space:nowrap}.site-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px}.switch-row{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.switch-row input{width:17px;height:17px;accent-color:var(--accent)}.run-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:14px;gap:14px}.run-row.active{border-color:rgba(15,118,110,.42);box-shadow:0 0 0 3px rgba(15,118,110,.09)}.run-price{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.error-banner{border:1px solid rgba(180,35,24,.28);border-radius:8px;margin-bottom:16px;background:rgba(180,35,24,.08);color:var(--danger);padding:12px 14px;font-weight:700}.empty-state{display:grid;min-height:140px;place-items:center;border:1px dashed var(--strong-line);border-radius:8px;color:var(--muted)}.inline-empty{grid-column:1/-1;min-height:96px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:960px){.app-shell,.shop-grid,.websites-grid{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:5;border-right:none;border-bottom:1px solid var(--line)}.nav-list{grid-template-columns:repeat(3,1fr)}.side-metrics{display:none}.setup-panel{flex-direction:column}.setup-site-list{justify-content:flex-start}}@media (max-width:640px){.sidebar,.workspace{padding:18px}.run-row,.site-controls,.site-row,.task-heading,.topbar{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.site-controls,.task-heading{display:flex}.selector-grid{grid-template-columns:1fr}}