:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2ff)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}img{display:block;max-width:100%}button,input{font:inherit}pre{white-space:pre-wrap;word-break:break-word}.page-shell{padding:32px 20px 48px}.page-inner{max-width:1380px;margin:0 auto;display:grid;gap:24px}.hero,.card,.summary-card{background:#ffffffd6;border:1px solid rgba(148,163,184,.2);box-shadow:0 16px 40px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{border-radius:24px;padding:28px;display:flex;gap:24px;justify-content:space-between;align-items:flex-start}.hero h1,.section-heading h2,.product-copy h3{margin:0}.hero-copy,.section-heading p,.muted,.meta-grid dt,.empty-state,.inline-error,.section-label,.summary-value,.summary-card,.request-preview,pre{color:#475569}.hero-copy{margin-top:10px;max-width:720px}.eyebrow,.badge,.alt-rank{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.eyebrow{color:#0284c7;margin:0 0 8px}.hero-stat{min-width:260px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid rgba(14,165,233,.18)}.stat-label{font-size:.78rem;color:#0369a1;margin-bottom:8px}.stat-value,.summary-value{font-size:.95rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#0f172a}.layout-grid{border-radius:24px;padding:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:24px}.query-form,.content-grid,.results-section,.column{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-row.single{grid-template-columns:1fr}label{display:grid;gap:8px}label span{font-size:.85rem;font-weight:600;color:#334155}input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}input:focus{outline:2px solid rgba(14,165,233,.25);border-color:#38bdf8}.actions{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{border:none;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}.primary-button{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff}.secondary-button{background:#e2e8f0;color:#0f172a}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.request-preview,.json-card{padding:16px 18px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.request-preview pre,.json-card pre{margin:8px 0 0;font-size:.84rem}.summary-panel{display:grid;gap:14px;align-content:start}.summary-card{border-radius:18px;padding:18px}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:grid;gap:4px}.section-heading p{margin:0}.product-card,.alternative-card{border-radius:24px;padding:18px}.product-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px}.alternative-card{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.product-image-wrap{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#e2e8f0,#f8fafc);min-height:220px}.product-image-wrap.compact{min-height:160px}.product-image{width:100%;height:100%;object-fit:cover}.placeholder{display:grid;place-items:center;color:#64748b}.product-copy{display:grid;gap:10px;align-content:start}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:6px 10px}.badge-seed{color:#0f766e;background:#ccfbf1}.badge-result{color:#1d4ed8;background:#dbeafe}.alt-rank{position:absolute;top:16px;right:16px;color:#2563eb}.muted{margin:0}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}.meta-grid div{min-width:0}.meta-grid dt{font-size:.76rem;margin-bottom:4px}.meta-grid dd{margin:0;color:#0f172a;overflow-wrap:anywhere}.empty-state{border:1px dashed #cbd5e1;border-radius:20px;padding:32px;background:#ffffffb3}.inline-error{color:#b91c1c}.clickable-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.clickable-card:hover,.clickable-card:focus-visible{transform:translateY(-2px);border-color:#2563eb59;box-shadow:0 18px 36px #2563eb1f;outline:none}.card-hint{margin:0;font-size:.78rem;color:#2563eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px;background:#0f172a73}.modal-panel{width:min(960px,100%);margin:24px 0 48px;border-radius:24px;background:#fffffff5;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 60px #0f172a2e}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:6px 0 0}.modal-eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.modal-handle{margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem}.modal-body{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;padding:24px}.modal-image-wrap{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#e2e8f0,#f8fafc);min-height:320px}.modal-image{width:100%;height:100%;object-fit:cover}.modal-metadata{display:grid;gap:18px;align-content:start}.meta-section h3{margin:0 0 10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.meta-list{display:grid;gap:10px;margin:0}.meta-field{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:start}.meta-field dt{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.meta-field dd{margin:0;color:#0f172a;overflow-wrap:anywhere}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#dbeafe;color:#1d4ed8;font-size:.78rem}.review-banner{border-radius:14px;padding:12px 14px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:.9rem}.empty-state.compact{padding:18px}@media (max-width: 1100px){.layout-grid,.content-grid,.product-card{grid-template-columns:1fr}}@media (max-width: 720px){.page-shell{padding-inline:14px}.hero{flex-direction:column}.form-row,.alternative-card,.meta-grid,.modal-body,.meta-field{grid-template-columns:1fr}}