.compare-tool[data-v-a112c3ca]{grid-column:content;inline-size:100%;display:flex;flex-direction:column;gap:var(--space-m);min-block-size:calc(60vh - 20rem)}.picker[data-v-a112c3ca]{display:flex;flex-direction:column;gap:var(--space-xs)}.slots[data-v-a112c3ca]{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.picker-actions[data-v-a112c3ca]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);flex-shrink:0;order:-1}@media(min-width:40rem){.picker[data-v-a112c3ca]{flex-direction:row;align-items:center;flex-wrap:wrap}.picker-actions[data-v-a112c3ca]{order:-1}.slots[data-v-a112c3ca]{margin-inline-start:auto}}.slot[data-v-a112c3ca]{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-2);font-size:var(--text-small);border:var(--border-size-1) solid var(--border-faint);max-inline-size:16rem}.slot--filled[data-v-a112c3ca]{background:var(--surface-raised);border-color:var(--border-muted)}.slot--empty[data-v-a112c3ca]{background:var(--surface-sunken);border-style:dashed;opacity:.5}.slot--loading[data-v-a112c3ca]{opacity:.7}.slot--error[data-v-a112c3ca]{border-color:color-mix(in srgb,red 40%,var(--border-faint))}.slot-name[data-v-a112c3ca]{color:var(--text-secondary);font-weight:var(--font-weight-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-placeholder[data-v-a112c3ca]{color:var(--text-faint);font-style:italic}.slot-remove[data-v-a112c3ca]{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-m);block-size:var(--space-m);border-radius:var(--radius-round);border:none;background:none;color:var(--text-faint);cursor:pointer;padding:0;flex-shrink:0;transition:color var(--duration-fast),background var(--duration-fast)}.slot-remove[data-v-a112c3ca]:hover{color:var(--text-primary);background:var(--surface-sunken)}.search-container[data-v-a112c3ca]{position:relative}.add-btn[data-v-a112c3ca]{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);border:var(--border-size-1) solid var(--text-primary);border-radius:var(--radius-2);background:var(--text-primary);color:var(--bg-base);font-size:var(--text-small);font-weight:var(--font-weight-6);cursor:pointer;transition:opacity var(--duration-fast)}.add-btn[data-v-a112c3ca]:hover{opacity:.85}.search-dropdown[data-v-a112c3ca]{position:absolute;inset-block-start:calc(100% + var(--space-3xs));inset-inline-start:0;inline-size:20rem;max-inline-size:calc(100vw - var(--space-m) * 2);background:var(--surface);border:var(--border-size-1) solid var(--border-muted);border-radius:var(--radius-2);box-shadow:var(--shadow-3);z-index:20;overflow:hidden}.search-input[data-v-a112c3ca]{display:block;inline-size:100%;padding:var(--space-xs) var(--space-s);border:none;border-block-end:var(--border-size-1) solid var(--border-faint);background:var(--surface);font-size:var(--text-small);color:var(--text-primary);outline:none}.search-input[data-v-a112c3ca]:focus{background:var(--surface-raised)}.search-results[data-v-a112c3ca]{list-style:none;padding:var(--space-3xs) 0;margin:0;max-block-size:16rem;overflow-y:auto;overscroll-behavior:contain}.search-no-results[data-v-a112c3ca]{padding:var(--space-s);font-size:var(--text-small);color:var(--text-faint);text-align:center}.search-option[data-v-a112c3ca]{padding:var(--space-3xs) var(--space-s);cursor:pointer;transition:background var(--duration-fast)}.search-option[data-v-a112c3ca]:hover{background:var(--surface-sunken)}.option-label[data-v-a112c3ca]{display:block;font-size:var(--text-small);color:var(--text-primary);font-weight:var(--font-weight-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-btn[data-v-a112c3ca]{padding:var(--space-xs) var(--space-s);border:var(--border-size-1) solid var(--border-muted);border-radius:var(--radius-2);background:none;color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--font-weight-5);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.clear-btn[data-v-a112c3ca]:hover{border-color:var(--border-loud);color:var(--text-primary)}.empty-state[data-v-a112c3ca]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-l);background:var(--surface-raised);border:var(--border-size-1) dashed var(--border-faint);border-radius:var(--radius-3);text-align:center}.empty-title[data-v-a112c3ca]{font-size:var(--text-heading-4);font-weight:var(--font-weight-6);color:var(--text-secondary)}.empty-sub[data-v-a112c3ca]{font-size:var(--text-small);color:var(--text-muted);line-height:var(--leading-normal);margin-block-start:var(--space-3xs);max-inline-size:45ch;margin-inline:auto}.spec-table-wrapper[data-v-a112c3ca]{overflow-x:auto;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter, var(--space-s)));padding-inline:var(--gutter, var(--space-s))}.spec-table[data-v-a112c3ca]{display:grid;grid-template-columns:[label] minmax(var(--grid-spec-label, 8rem),12rem) repeat(var(--col-count),[camera] minmax(var(--grid-camera-col-min, 8rem),1fr));border:var(--border-size-1) solid var(--grid-line);border-radius:var(--radius-3);overflow:hidden;background:var(--surface)}.spec-row[data-v-a112c3ca]{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.spec-row+.spec-row[data-v-a112c3ca]{border-block-start:var(--border-size-1) solid var(--grid-line)}.spec-row--header[data-v-a112c3ca]{background:var(--surface-sunken)}.spec-cell[data-v-a112c3ca]{padding:var(--space-2xs) var(--space-s);color:var(--text-secondary);border-inline-end:var(--border-size-1) solid var(--grid-line);font-size:var(--text-small)}.spec-cell[data-v-a112c3ca]:last-child{border-inline-end:none}.spec-cell--label[data-v-a112c3ca]{color:var(--text-muted);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.spec-cell--camera-header[data-v-a112c3ca]{color:var(--text-primary);font-weight:var(--font-weight-6)}@media(max-width:40rem){.spec-table-wrapper[data-v-a112c3ca]{margin-inline:0;padding-inline:0;overflow-x:visible}.spec-table[data-v-a112c3ca]{display:flex;flex-direction:column;min-inline-size:unset}.spec-row--header[data-v-a112c3ca]{display:none}.spec-row[data-v-a112c3ca]{display:flex;flex-direction:column}.spec-row+.spec-row[data-v-a112c3ca]{border-block-start:var(--border-size-1) solid var(--grid-line)}.spec-cell--label[data-v-a112c3ca]{border-inline-end:none;background:var(--surface-sunken);border-block-end:var(--border-size-1) solid var(--grid-line);padding-block:var(--space-2xs);font-size:var(--text-meta);color:var(--text-secondary)}.spec-cell[data-v-a112c3ca]:not(.spec-cell--label){border-inline-end:none;padding-block:var(--space-2xs);display:grid;grid-template-columns:minmax(7rem,11rem) 1fr;align-items:baseline;gap:var(--space-xs)}.spec-cell:not(.spec-cell--label)+.spec-cell[data-v-a112c3ca]:not(.spec-cell--label){border-block-start:var(--border-size-1) solid var(--grid-line)}.spec-cell[data-camera-name][data-v-a112c3ca]:before{content:attr(data-camera-name);font-size:var(--text-meta);color:var(--text-faint);font-weight:var(--font-weight-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.camera-header-link[data-v-a112c3ca]{display:flex;flex-direction:column;gap:0;color:inherit;text-decoration:none;transition:color var(--duration-fast)}.camera-header-link[data-v-a112c3ca]:hover{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:var(--border-size-1);text-underline-offset:var(--space-3xs)}.camera-header-brand[data-v-a112c3ca]{font-size:var(--text-meta);color:var(--text-faint);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-weight-5)}.camera-header-name[data-v-a112c3ca]{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-6)}.spec-cell--best[data-v-a112c3ca]{color:var(--text-primary);font-weight:var(--font-weight-6);background:color-mix(in srgb,var(--accent-a) 8%,transparent)}.spec-cell--loading[data-v-a112c3ca]{color:var(--text-faint);font-style:italic}