/* Optional outfit inspiration: the photographs lead, filters stay tucked away. */
.style-lab .look-intro{padding:38px 0 26px;text-align:left}.style-lab .look-intro h1{font:62px/1.05 var(--serif);letter-spacing:-2px;margin:0}.style-lab .look-intro p{font-size:17px;margin:13px 0 0;color:var(--muted)}
.style-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:960px;margin:0 0 18px}
.style-choice{display:block;min-width:0;padding:0;border:0;background:transparent;text-align:left;position:relative;color:var(--ink)}.style-choice .style-photo{display:block;height:155px;width:100%;aspect-ratio:auto;overflow:hidden;border-radius:3px;background:#ede5db}.style-choice .style-photo img{width:300%;height:auto;top:-8%}.style-choice .style-label{display:block;font:21px/1.3 var(--serif);padding:10px 0 5px;width:fit-content;border-bottom:2px solid transparent}.style-label>span{display:none}.style-choice[aria-pressed=true] .style-label{border-color:var(--ink)}.style-choice[aria-pressed=true] .style-photo{outline:2px solid var(--ink);outline-offset:-2px}.style-choice:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.style-lab.styles-ready #look-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.style-lab.styles-ready .look-collection:not([hidden]),.style-lab.styles-ready .look-collection:not([hidden])>.outfit-gallery{display:contents}.style-lab.styles-ready .look-collection>h2,.style-lab.styles-ready .outfit-caption details{display:none}.style-lab .outfit-card{min-width:0}.style-lab .outfit-picture{border-radius:3px}.style-lab .outfit-caption{padding:15px 0 0}.style-lab .outfit-caption h3{font-size:27px;line-height:1.15;margin:0}.style-lab .save-look{width:38px;height:38px;top:12px;right:12px;font-size:26px;border:0;background:#fffdf6e8}
.style-lab .tool-filters .piece-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;overflow:visible;max-width:none}.style-lab .tool-filters .piece-choice{display:block;min-width:0;font:15px/1.4 var(--sans,sans-serif);padding:9px 13px;border:1px solid var(--line);background:transparent;border-radius:23px}.style-lab .tool-filters .piece-choice>span:last-of-type{padding:0;font-size:inherit}.style-lab .tool-filters .piece-choice[data-piece=rock]>span:last-of-type{font-size:15px}.style-lab .tool-filters .piece-choice[data-piece=rock]>span:last-of-type:after{content:none}.style-lab .tool-filters .piece-choice[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}.style-lab .occasion-choices{gap:8px}.style-lab .occasion-choices button{font-size:14px;padding:9px 13px;min-height:40px;border:1px solid var(--line)}
.style-lab:not(.styles-ready) .style-choices,.style-lab:not(.styles-ready) .tool-controls,.style-lab:not(.styles-ready) .save-look{display:none}.style-lab:not(.styles-ready) .look-zoom{cursor:default}.style-lab .visual-credit{font-size:12px;text-align:left;max-width:none;margin:35px 0;color:var(--muted)}
.secondary-play{margin:50px 0 70px;border-block:1px solid var(--line)}.secondary-play>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font:25px/1.3 var(--serif);list-style:none;padding:24px 0;cursor:pointer}.secondary-play>summary::-webkit-details-marker{display:none}.secondary-play[open]>summary>span{transform:rotate(45deg)}.secondary-play .shoe-story{margin:0 0 28px;gap:32px}.secondary-play .shoe-copy h2{font-size:38px;margin:0 0 20px}.secondary-play .shoe-copy>p:not(.visual-credit),.secondary-play .shoe-notes h3{display:none}.secondary-play .shoe-notes p{font-size:15px;line-height:1.6}.secondary-play .shoe-copy{padding:28px 26px 28px 0}.secondary-play .shoe-options{margin:20px 0;gap:9px}.secondary-play .shoe-options button{font-size:12px}.secondary-play .shoe-compare-controls{margin-bottom:12px}.secondary-play #shoe-compare-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:25px;font-size:13px}.secondary-play .shoe-copy .visual-credit{font-size:11px;margin:20px 0 0}
@media(max-width:700px){.style-lab .look-intro{padding:28px 0 23px}.style-lab .look-intro h1{font-size:43px;letter-spacing:-1.3px}.style-lab .look-intro p{font-size:15px;margin-top:11px}.style-choices{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86px;gap:12px;overflow-x:auto;padding:2px 0 10px;margin:0;scrollbar-width:thin;scroll-snap-type:x proximity}.style-choice{scroll-snap-align:start}.style-choice .style-photo{height:112px}.style-choice .style-label{font-size:18px;padding-top:8px}.style-lab.styles-ready #look-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.style-lab .outfit-caption h3{font-size:22px}.style-lab .outfit-caption{padding-top:12px}.style-lab .save-look{width:34px;height:34px;font-size:24px;top:8px;right:8px}.style-lab .occasion-choices{flex-wrap:wrap;overflow:visible}.style-lab .tool-filters .piece-choices{gap:7px}.secondary-play{margin:38px 0 45px}.secondary-play>summary{font-size:23px}.secondary-play .shoe-story{margin:0 -20px 24px;gap:0}.secondary-play .shoe-copy{display:contents}.secondary-play .shoe-copy h2{padding:25px;margin:0;font-size:32px}.secondary-play .shoe-options{margin:20px;gap:10px}.secondary-play .shoe-copy .visual-credit{padding:0 25px 25px}.style-lab .visual-credit{line-height:1.6}}
@media print{.style-choices,.tool-controls,.secondary-play{display:none!important}.style-lab.styles-ready #look-results{display:block}.style-lab.styles-ready .outfit-caption details{display:block}}
.tool-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:18px 0 30px;border-block:1px solid var(--line);padding:7px 0}
.tool-filters{min-width:0;flex:1}.tool-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;max-width:100%;padding:12px 0;cursor:pointer;font:15px/1.5 var(--sans,sans-serif);list-style:none}.tool-filters>summary::-webkit-details-marker{display:none}.tool-filters>summary>span{font-size:23px;line-height:1;font-weight:300}.tool-filters[open]>summary>span{transform:rotate(45deg)}
#show-saved,#nail-saved{flex-shrink:0;font:14px/1.5 var(--sans,sans-serif);padding:12px 0 12px 14px;min-height:46px;border:0;background:transparent;white-space:nowrap;border-radius:0;color:var(--ink)}#show-saved[aria-pressed=true],#nail-saved[aria-pressed=true]{color:#902b48;background:transparent}#saved-count,#nail-saved>span{display:inline;margin:0 0 0 4px;font-size:12px;background:none}
.tool-controls button:focus-visible,.tool-filters>summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.tool-filters .filter-content{padding:6px 0 16px}
@media(max-width:700px){.tool-controls{gap:8px;margin:10px 0 24px}.tool-filters>summary{font-size:13px;gap:7px}#show-saved,#nail-saved{font-size:13px;padding-left:4px}.tool-filters[open]{flex-basis:100%}.tool-controls:has(.tool-filters[open]){flex-wrap:wrap}.tool-controls:has(.tool-filters[open])>#show-saved,.tool-controls:has(.tool-filters[open])>#nail-saved{margin-left:auto;margin-top:-6px}}
/* A picture, a short caption and familiar navigation. */
.quiet-viewer .quiet-viewer-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
#look-dialog.quiet-viewer,#nail-dialog.quiet-viewer{width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 20px 20px;overflow:auto;border:0;border-radius:8px;background:#f8f5ef;color:var(--ink)}
#look-dialog::backdrop,#nail-dialog::backdrop{background:#171315e6;backdrop-filter:blur(5px)}
.quiet-viewer .quiet-viewer-top button,#look-dialog #zoom-save,#nail-dialog #nail-dialog-save{display:grid;place-items:center;width:42px;height:42px;min-height:42px;margin:0;border:0;border-radius:50%;padding:0;background:transparent;color:var(--ink);font:30px/1 var(--serif)}
.quiet-viewer .quiet-viewer-top button:hover{background:#e9e0d6}
.quiet-viewer .quiet-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.quiet-viewer .quiet-viewer-stage>button{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:42px;height:50px;padding:0;border:0;border-radius:25px;background:#f8f5efed;color:var(--ink);font:40px/1 var(--serif);transform:translateY(-50%)}
.quiet-viewer .quiet-viewer-stage>button:first-child{left:0}.quiet-viewer .quiet-viewer-stage>button:last-child{right:0}.quiet-viewer .quiet-viewer-stage>button:disabled{visibility:hidden}
#look-dialog #zoom-picture{height:min(66dvh,720px);max-width:calc(100% - 84px);width:auto;aspect-ratio:1/2;margin:0;border-radius:3px}
#nail-dialog #nail-dialog-image{display:block;max-width:calc(100% - 84px);width:auto;height:66dvh;max-height:720px;object-fit:contain;border-radius:3px}
.quiet-viewer .quiet-viewer-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:19px 0 0}
#look-dialog h2,#nail-dialog #nail-dialog-title{font:28px/1.15 var(--serif);letter-spacing:-.5px;margin:0}
.quiet-viewer .quiet-viewer-caption>span{font:12px/1.5 sans-serif;white-space:nowrap;color:var(--muted)}
#look-dialog #zoom-caption,#nail-dialog #nail-dialog-copy{font:15px/1.55 var(--sans,sans-serif);margin:10px 0 0;max-width:520px;color:var(--muted)}
.quiet-viewer button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:700px){#look-dialog.quiet-viewer,#nail-dialog.quiet-viewer{padding:10px 12px 16px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.quiet-viewer .quiet-viewer-stage>button{width:36px;height:44px;font-size:34px}#look-dialog #zoom-picture{height:min(61dvh,calc((100vw - 76px)*2));max-width:calc(100% - 48px)}#nail-dialog #nail-dialog-image{height:auto;max-height:62dvh;max-width:calc(100% - 52px)}#look-dialog h2,#nail-dialog #nail-dialog-title{font-size:25px}#look-dialog #zoom-caption,#nail-dialog #nail-dialog-copy{font-size:14px;line-height:1.5}.quiet-viewer .quiet-viewer-caption{margin-top:15px}}