/* The studio surface and original image dimensions remain owned by live-selector.css. */
#selector .selector-gallery { position:relative; width:100%; min-width:0; padding-bottom:56px; }
#selector .selector-image-nav { position:absolute; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:3rem; }
#selector .selector-image-nav::before { content:""; position:absolute; width:2rem; height:1px; background:var(--color-line); pointer-events:none; }
#selector .selector-image-nav button { min-width:44px; min-height:44px; border:0; border-bottom:2px solid transparent; background:transparent; font:inherit; font-size:.75rem; letter-spacing:.08em; color:var(--color-muted); cursor:pointer; }
#selector .selector-image-nav button[aria-pressed="true"] { color:var(--color-brand); border-bottom-color:var(--color-brand); }
#selector .selector-image-nav button:focus-visible,.collection-navigator button:focus-visible,.collection-navigator a:focus-visible { outline:3px solid var(--color-focus); outline-offset:4px; }
.collection-navigator { padding:clamp(2rem,4vw,4rem) var(--site-edge); background:var(--color-off-white); }
.collection-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:1rem; border-top:1px solid var(--color-line); padding-top:1.5rem; }
.collection-heading h2 { font-size:clamp(1.6rem,3vw,3rem); line-height:1.1; letter-spacing:-.045em; }
.collection-heading>a { font-size:.6875rem; letter-spacing:.06em; min-height:44px; display:inline-flex; align-items:center; }
.collection-tabs { display:flex; gap:clamp(1.5rem,4vw,4rem); overflow-x:auto; margin-top:1.5rem; border-bottom:1px solid var(--color-line); scrollbar-width:thin; }
.collection-tabs button { flex:0 0 auto; min-height:52px; padding:.75rem 0; background:transparent; border:0; border-bottom:2px solid transparent; color:var(--color-muted); font:inherit; font-size:.75rem; font-weight:700; letter-spacing:.06em; cursor:pointer; }
.collection-tabs button[hidden] { display:none; }
.collection-tabs button[aria-selected="true"] { color:var(--color-black); border-bottom-color:var(--color-brand); }
.collection-panel { padding-top:1.5rem; }
.collection-panel[hidden] { display:none; }
.collection-panel h3 { font-size:.6875rem; letter-spacing:.08em; text-transform:uppercase; color:var(--color-muted); margin-bottom:1rem; }
.collection-models { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 clamp(1rem,3vw,3rem); padding:0; margin:0; }
.collection-models a { display:flex; min-height:84px; align-items:center; justify-content:space-between; gap:.5rem; padding:1rem 0; border-bottom:1px solid var(--color-line); text-decoration:none; }
.collection-models a:hover { color:var(--color-brand); }
.collection-models .model-measure { font-size:clamp(1.5rem,2.5vw,2.75rem); line-height:1.15; letter-spacing:-.04em; white-space:nowrap; }
.collection-models small { display:block; font-size:.625rem; line-height:1.5; letter-spacing:.07em; margin-top:.4rem; }
.collection-models .model-arrow { font-size:1rem; color:var(--color-muted); }
@media(max-width:767px) {
  .collection-models { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.25rem; }
  .collection-tabs { gap:1.5rem; }
  .collection-models a { min-height:82px; }
}
/* Keep keyboard focus inside the horizontally scrollable tab strip. */
.collection-tabs button:focus-visible { outline-offset:-3px; }