.view-selector{color:var(--text,#f5f5f2);min-width:0}.view-selector [hidden]{display:none!important}.view-selector__controls{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.view-selector__button{border:1px solid var(--border,#303030);background:var(--surface,#181818);min-width:44px;min-height:44px;color:var(--text,#f5f5f2);font:inherit;cursor:pointer;border-radius:3px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.35;transition:border-color .12s,background-color .12s}.view-selector__button:hover{border-color:var(--accent,#c7ae79)}.view-selector__button[aria-pressed=true],.view-selector__button[aria-expanded=true]{background:var(--accent,#c7ae79);border-color:var(--accent,#c7ae79);color:#0d0d0d}.view-selector__button:focus-visible,.rotation-viewer__stage:focus-visible,.rotation-viewer__range input:focus-visible{outline:2px solid var(--accent,#c7ae79);outline-offset:3px}.view-selector__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.view-selector__panel{align-content:start;gap:9px;min-width:0;margin:0;display:grid}.view-selector__image{border:1px solid var(--border,#303030);background:var(--surface,#181818);width:100%;overflow:hidden}.view-selector__caption p{color:var(--muted,#b6b3ac);margin:0;font-size:12px;line-height:1.6}.view-selector__label{color:var(--muted,#b6b3ac);margin:0;font-size:12px;font-weight:500;line-height:1.5;display:block}.view-selector__caption small{max-width:48ch;color:var(--muted,#b6b3ac);margin-top:5px;font-size:12px;line-height:1.5;display:block}.view-selector[data-enhanced=true] .view-selector__panels{grid-template-columns:minmax(0,1fr)}.view-selector[data-enhanced=true][data-comparing=true] .view-selector__panels{grid-template-columns:repeat(2,minmax(0,1fr))}.view-selector__status{min-height:0;color:var(--text,#f5f5f2);margin:10px 0 0;font-size:13px;line-height:1.5}.view-selector__status:empty{display:none}.rotation-viewer{min-width:0}.rotation-viewer__stage{background:var(--surface,#181818);border:1px solid var(--border,#303030);touch-action:pan-y;cursor:grab;user-select:none;place-items:center;min-height:180px;display:grid;overflow:hidden}.rotation-viewer__stage[data-dragging=true]{cursor:grabbing}.rotation-viewer__stage img{object-fit:contain;pointer-events:none;width:100%;height:auto;max-height:75vh;display:block}.rotation-viewer__orientation{margin:10px 0;font-size:14px;font-weight:600}.rotation-viewer__controls{grid-template-columns:auto minmax(90px,1fr) auto;align-items:end;gap:12px;display:grid}.rotation-viewer__range{color:var(--muted,#b6b3ac);gap:6px;font-size:12px;line-height:1.4;display:grid}.rotation-viewer__range input{width:100%;min-height:44px;accent-color:var(--accent,#c7ae79);margin:0;display:block}.rotation-viewer__help{color:var(--muted,#b6b3ac);margin:12px 0 8px;font-size:13px;line-height:1.6}.rotation-viewer [data-rotation-retry]{margin-top:10px}@media (width<=40rem){.view-selector__controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.view-selector__button{padding:10px 6px;font-size:12px}.view-selector__button[data-view-compare],.view-selector__button[data-rotation-start]{grid-column:1/-1}.view-selector__panels{grid-template-columns:minmax(0,1fr);gap:12px}.view-selector[data-enhanced=true][data-comparing=true] .view-selector__panels{gap:10px}.rotation-viewer__controls{gap:8px}.rotation-viewer__controls .view-selector__button{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.view-selector__button{transition:none}}@media print{.view-selector__controls,.rotation-viewer,.view-selector__status{display:none!important}.view-selector [data-still-panels],.view-selector [data-view-panel]{display:grid!important}.view-selector .view-selector__panels{grid-template-columns:repeat(2,minmax(0,1fr))!important}.view-selector__caption p,.view-selector__label{color:#222}}.reference-detail{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.reference-information h1{letter-spacing:-.035em;margin:12px 0 20px;font-size:clamp(28px,3.2vw,46px);line-height:1.13}.reference-description{color:var(--muted);font-size:16px;line-height:1.75}.reference-media,.reference-information{min-width:0}.reference-information .tool-actions{flex-wrap:wrap;gap:8px;margin:22px 0 8px;display:flex}.reference-information .tool-actions[hidden]{display:none}.reference-information .tool-actions button{min-height:44px;padding:10px 16px;font-size:13px}.reference-advice{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.reference-advice h2{letter-spacing:-.025em;margin:0 0 14px;font-size:20px;line-height:1.25}.reference-advice p,.reference-advice li{color:var(--muted);font-size:15px;line-height:1.75}.reference-advice ol{padding-left:23px}.reference-advice li+li{margin-top:10px}.reference-advice a{color:var(--ink);text-underline-offset:4px;font-size:14px;text-decoration:underline}.reference-alternatives{margin-top:16px;padding-left:18px}.reference-provenance,.review-note{color:var(--muted);margin-top:28px;font-size:12px;line-height:1.65}.reference-provenance a{text-decoration:underline}.reference-page{padding-bottom:72px}.reference-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);overscroll-behavior:contain;width:min(1340px,100vw - 64px);max-width:none;height:min(950px,100dvh - 64px);max-height:none;padding:0;overflow:auto}.reference-dialog::backdrop{background:#000000d1}.reference-dialog-bar{z-index:12;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.reference-dialog-bar a{text-underline-offset:4px;font-size:13px;text-decoration:underline}.reference-dialog-close{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;padding:8px 16px;font-size:13px}.reference-dialog-content{padding:28px}.reference-loading{text-align:center;min-height:35vh;color:var(--muted);place-content:center;gap:12px;padding:30px;display:grid}.reference-loading a{color:var(--ink);text-decoration:underline}.reference-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reference-dialog .view-selector__controls{scroll-margin-top:90px}@media (width<=900px){.reference-detail{grid-template-columns:1fr;gap:28px}.reference-information h1{font-size:30px}.reference-media{width:100%;max-width:600px;margin-inline:auto}.reference-dialog{border:0;width:100%;height:100dvh}.reference-dialog-bar{padding:8px 16px}.reference-dialog-content{padding:16px}.reference-page .breadcrumb{padding-block:16px}.reference-advice{margin-top:22px;padding-top:22px}}@media print{.site-header,.site-footer,.preview-bar,.breadcrumb,.tool-actions,.view-selector__controls,.reference-dialog-bar,.tool-status,.skip-link{display:none!important}body.lookbook-site{color:#111!important;background:#fff!important}.reference-detail{display:block}.reference-media{width:100%;max-width:none}.view-selector__panels{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.view-selector__panel{break-inside:avoid;display:grid!important}.reference-information{break-before:avoid}.reference-information *{color:#111!important}.reference-dialog[open]{width:auto;height:auto;max-height:none;position:static;overflow:visible}.reference-dialog[open]~*{display:none}.reference-dialog-content{padding:0}body:has(.reference-dialog[open])>header,body:has(.reference-dialog[open])>main,body:has(.reference-dialog[open])>footer{display:none!important}}.saved-comparison{border:1px solid var(--line);background:var(--surface);margin:24px 0 40px;padding:24px}.saved-comparison[hidden]{display:none}.saved-comparison h2{margin-bottom:10px;font-size:24px}.saved-comparison>p{color:var(--muted);font-size:14px;line-height:1.7}.comparison-controls{grid-template-columns:1fr 1fr 160px;gap:12px;margin:20px 0;display:grid}.comparison-controls label{gap:8px;font-size:12px;display:grid}.comparison-controls select{background:var(--paper);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);font:inherit;padding:10px}.comparison-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.comparison-images figure{min-width:0;margin:0}.comparison-images img{aspect-ratio:3/4;object-fit:contain;background:var(--paper);width:100%;height:auto;display:block}.comparison-images figcaption{padding-top:12px;font-size:15px;line-height:1.5}.comparison-images figcaption p{color:var(--muted);margin-top:8px;font-size:12px}@media (width<=600px){.saved-comparison{padding:16px}.comparison-controls{grid-template-columns:1fr 1fr}.comparison-controls label:last-child{grid-column:1/-1}.comparison-images{gap:10px}.comparison-images figcaption{font-size:13px}}
