/* A manicure gallery with optional filters and an intentional comparison mode. */
.nail-edit .look-intro{padding:38px 0 26px;text-align:left}.nail-edit .look-intro h1{font:62px/1.05 var(--serif);letter-spacing:-2px;margin:0}.nail-edit .look-intro p{font-size:17px;margin:13px 0 0;color:var(--muted)}
.nail-filter-panel{display:none}.nails-ready .nail-filter-panel{display:block}.nail-moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:680px;margin:0 0 18px}.nail-moods button{display:block;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.nail-moods img{display:block;width:100%;height:145px;object-fit:cover;border-radius:3px}.nail-moods button>span{display:block;width:fit-content;font:21px/1.3 var(--serif);padding:10px 0 5px;border-bottom:2px solid transparent}.nail-moods button[aria-pressed=true]>span{border-color:var(--ink)}.nail-moods button[aria-pressed=true] img{outline:2px solid var(--ink);outline-offset:-2px}.nail-moods button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.nail-toolbar{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:15px;padding:8px 0 14px}.nail-toolbar .occasion-choices{gap:8px;flex-wrap:wrap;margin:0}.nail-toolbar .occasion-choices button{font-size:14px;padding:9px 13px;min-height:40px;border:1px solid var(--line)}.nail-finish-label select{font:14px/1.5 var(--sans,sans-serif);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:25px;padding:10px 35px 10px 14px;max-width:100%;min-height:42px}.nail-toolbar>button{font-size:14px;padding:10px 14px;min-height:42px}.nail-results{display:flex;align-items:center;gap:18px;padding:0 0 17px;font-size:13px}.nail-results p{margin:0}.nail-results button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:6px;font-size:13px;color:var(--ink)}
.nail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 23px}.nail-card h2{font-size:25px;line-height:1.2;margin:15px 0 0;gap:0}.nail-card h2>span{display:none}.nail-photo{border-radius:3px;overflow:hidden}.nail-save{width:38px;height:38px;top:12px;right:12px;font-size:26px;border:0;background:#fffdf6e8}.nail-edit:not(.is-comparing) .nail-compare-pick{display:none}.nail-edit.is-comparing .nail-save{display:none}.nail-edit.is-comparing .nail-compare-pick{top:12px;bottom:auto;right:12px;font-size:26px;width:38px;height:38px;border:0}.nail-compare-pick[aria-pressed=true]{font-size:0!important}.nail-compare-pick[aria-pressed=true]:after{content:'✓';font-size:22px}.nail-edit>.gallery-hint{margin:0 0 20px;font-size:14px}.nail-edit>.visual-credit{font-size:12px;text-align:left;max-width:none;margin:35px 0 65px;color:var(--muted)}
#nail-compare-dialog{width:900px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:8px;padding:18px 22px;background:#f8f5ef}#nail-compare-dialog::backdrop{background:#171315e6;backdrop-filter:blur(5px)}.nail-compare-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;font:30px/1 var(--serif);padding:0}.nail-compare-close:hover{background:#e9e0d6}#nail-compare-title{font-size:32px;margin:0 0 20px}#nail-compare-grid{gap:20px}#nail-compare-grid img{max-height:58dvh;object-fit:contain}#nail-compare-grid figcaption{font-size:25px;line-height:1.2;margin:14px 0 7px}.nail-compare-actions button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:14px;color:var(--ink)}#nail-compare-picker{padding-top:20px}.nail-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.nail-picker-heading h3{font-size:23px;margin:0}.nail-picker-heading button{border:0;background:none;font-size:13px;padding:10px;color:var(--ink)}#nail-compare-choices{display:flex;gap:10px;overflow-x:auto;padding:15px 2px}#nail-compare-choices button{flex:0 0 84px;padding:0;border:2px solid transparent;background:none;font-size:12px;color:var(--ink)}#nail-compare-choices button[aria-pressed=true]{border-color:var(--ink)}#nail-compare-choices img{height:104px;width:100%;object-fit:cover;display:block;margin-bottom:8px}#nail-compare-choices span{display:block;padding:0 3px 7px}
@media(max-width:900px){.nail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}}
@media(max-width:700px){.nail-edit .look-intro{padding:28px 0 23px}.nail-edit .look-intro h1{font-size:43px;letter-spacing:-1.3px}.nail-edit .look-intro p{font-size:15px;margin-top:11px}.nail-moods{gap:12px;margin:0 0 15px}.nail-moods img{height:100px}.nail-moods button>span{font-size:17px;padding-top:8px}.nail-toolbar{gap:12px}.nail-toolbar .occasion-choices{overflow:visible;flex-wrap:wrap;padding:0;gap:7px}.nail-toolbar .occasion-choices button{font-size:13px;padding:9px 12px}.nail-toolbar>button{font-size:13px}.nail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.nail-card h2{font-size:22px;margin-top:12px}.nail-save{width:34px;height:34px;font-size:24px;top:8px;right:8px}.nail-edit.is-comparing .nail-compare-pick{width:34px;height:34px;top:8px;right:8px}#nail-compare-dialog{padding:12px 14px}#nail-compare-title{font-size:27px}#nail-compare-grid{gap:12px}#nail-compare-grid figcaption{font-size:21px}.nail-picker-heading h3{font-size:21px}#nail-compare-tray{gap:9px;padding:9px 12px}.nail-edit>.visual-credit{line-height:1.6}}
@media(max-width:370px){.nail-moods{gap:8px}.nail-moods img{height:87px}.nail-moods button>span{font-size:15px}.nail-card h2{font-size:20px}}
@media print{.nail-filter-panel,.nail-compare-pick,#nail-compare-tray{display:none!important}.nail-detail{display:block!important}}
.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}}

html:not(.nails-ready) .nail-save,html:not(.nails-ready) .nail-compare-pick{display:none}