:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background:#f5f7fb;min-width:320px;min-height:100vh}.comparison-card{display:grid;gap:.4rem}.comparison-card__frame{aspect-ratio:1 / 1;border-radius:12px;padding:16px;border:1px solid rgba(17,24,39,.1);overflow:hidden}.comparison-card__image{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.comparison-card__meta{display:flex;align-items:center;gap:.45rem;min-height:1.3rem}.comparison-card__swatch{width:12px;height:12px;border-radius:999px;border:1px solid rgba(17,24,39,.2);flex-shrink:0}.comparison-card__label{font-size:.78rem;color:#374151}.comparison-grid-page{width:min(1400px,100%);margin:0 auto;padding:1.2rem 1rem 2rem;color:#111827}.comparison-grid__intro{margin-bottom:1rem}.comparison-grid__intro h1{margin:0;font-size:1.4rem}.comparison-grid__intro p{margin:.25rem 0 0;color:#4b5563}.comparison-grid__upload-trigger{margin-top:.85rem;border:1px solid #0f172a;border-radius:10px;background:#111827;color:#f9fafb;font:inherit;font-weight:600;padding:.55rem .9rem;cursor:pointer}.comparison-grid-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem}.comparison-grid-modal__backdrop{position:absolute;inset:0;background:#020617a3}.comparison-grid-modal__panel{position:relative;width:min(1140px,100%);max-height:min(90vh,900px);overflow:auto;border-radius:14px;border:1px solid #d1d5db;background:#fff;padding:1rem}.comparison-grid-modal__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem}.comparison-grid-modal__header h2{margin:0;font-size:1.05rem}.comparison-grid-modal__close{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font:inherit;font-weight:600;padding:.4rem .65rem;cursor:pointer}.comparison-grid-modal__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}.comparison-grid-modal__input{display:none}.comparison-grid-modal__upload{border:1px solid #1d4ed8;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-weight:600;padding:.45rem .75rem;cursor:pointer}.comparison-grid-modal__clear{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#1e293b;font:inherit;font-weight:600;padding:.45rem .75rem;cursor:pointer}.comparison-grid-modal__clear:disabled{opacity:.45;cursor:not-allowed}.comparison-grid-modal__filename{color:#334155;font-size:.9rem}.comparison-grid-modal__list{display:grid;gap:1rem}.comparison-grid-modal__item{border:1px solid #e2e8f0;border-radius:12px;padding:.7rem;background:#f8fafc}.comparison-grid-modal__item-header{margin-bottom:.65rem;color:#0f172a}.comparison-grid-modal__content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.comparison-grid-modal__heading{position:sticky;top:0;z-index:1;margin:0;padding:.5rem .6rem;border-radius:10px;font-size:.85rem;font-weight:700;background:#e2e8f0;color:#1e293b}.comparison-grid-modal__empty{margin:0;padding:1rem;border-radius:10px;background:#eff6ff;color:#1d4ed8}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.comparison-grid__heading{position:sticky;top:0;z-index:10;margin:0;padding:.5rem .6rem;border-radius:10px;font-size:.9rem;font-weight:700;background:#e5e7eb;color:#1f2937}@media(max-width:960px){.comparison-grid-page{overflow-x:auto}.comparison-grid{min-width:2100px}.comparison-grid-modal__panel{padding:.8rem}.comparison-grid-modal__content{min-width:1200px}}#root{width:100%}