.cmp-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap;gap:12px}.cmp-toolbar .info{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--ink-mute);letter-spacing:.04em}.cmp-toolbar .info b{color:var(--ink);font-weight:500}.cmp-toolbar .actions{display:flex;gap:8px}.cmp-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);font-size:13px;color:var(--ink-soft);transition:all .12s}.cmp-btn:hover{border-color:var(--ink-soft);color:var(--ink)}.cmp-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:48px}.cmp-table{display:grid;width:100%;min-width:920px;grid-template-columns:220px repeat(var(--cols,4),minmax(220px,1fr))}.cmp-table .row{display:contents}.cmp-table .cell{padding:14px 16px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);font-size:14px;line-height:1.4;display:flex;align-items:center;min-height:54px}.cmp-table .cell:first-child{border-left:0;background:#fbfaf6;font-size:11px;letter-spacing:.06em;color:var(--ink-mute);position:sticky;left:0;z-index:2}.cmp-table .cell:first-child,.cmp-table .row.section .cell{font-family:var(--font-mono),monospace;text-transform:uppercase}.cmp-table .row.section .cell{background:#f3f1ea;border-top:1px solid var(--line);font-size:10.5px;letter-spacing:.1em;color:var(--ink);font-weight:500;min-height:36px;padding:8px 16px}.cmp-table .row.section .cell:not(:first-child){background:#f3f1ea;color:transparent}.cmp-table .head-cell{background:var(--surface);padding:18px 16px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);min-height:240px;display:flex;flex-direction:column;gap:10px;position:relative}.cmp-table .head-cell:first-child{border-left:0;background:#fbfaf6}.cmp-table .head-cell .photo-slot{aspect-ratio:16/10;background:#f0ede4;border-radius:4px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:repeating-linear-gradient(135deg,#f1ede2 0 8px,#ebe7dc 8px 16px)}.cmp-table .head-cell .photo-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cmp-table .head-cell .photo-slot .ph{font-family:var(--font-mono),monospace;font-size:10px;color:var(--ink-mute);background:rgba(255,255,255,.7);padding:3px 7px;border-radius:3px}.cmp-table .head-cell .close{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--ink-mute);background:#fbfaf6}.cmp-table .head-cell .close:hover{background:#f3f1ea;color:var(--ink)}.cmp-table .selector{display:flex;flex-direction:column;gap:4px}.cmp-table .selector label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-family:var(--font-mono),monospace}.cmp-table .selector select{width:100%;height:32px;padding:0 26px 0 10px;border:1px solid var(--line-strong);border-radius:3px;font:inherit;font-size:13px;color:var(--ink);background:var(--surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 5l3 3 3-3' stroke='%2390959b' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.cmp-table .selector select:disabled{background:#fafaf6;color:var(--ink-mute);cursor:not-allowed}.cmp-table .cell.best{background:var(--best-soft);font-weight:500;position:relative}.cmp-table .cell.best:after{content:"BEST";position:absolute;top:6px;right:8px;font-family:var(--font-mono),monospace;font-size:8.5px;letter-spacing:.1em;color:var(--best);font-weight:600}.cmp-table .cell.muted{color:var(--ink-mute)}.cmp-table .name-row .cell:not(:first-child){font-family:var(--font-instrument),serif;font-size:22px;line-height:1.1;color:var(--ink);min-height:auto;padding-top:12px;padding-bottom:6px}.cmp-table .brand-row .cell:not(:first-child){font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);min-height:32px;padding-top:6px;padding-bottom:6px}.cmp-legend{display:flex;gap:8px;align-items:flex-start;margin-top:-32px;margin-bottom:48px;font-size:12px;color:var(--ink-soft);flex-wrap:wrap}.cmp-legend .swatch{width:12px;height:12px;background:var(--best-soft);border-radius:2px;border:1px solid var(--best);display:inline-block;margin-top:3px;flex-shrink:0}