#face-part-editor{width:96vw;max-width:1600px;height:92dvh;max-height:96dvh;padding:0;border:1px solid #ccd7ca;border-radius:16px;background:#f6f7f2;color:#203d30}#face-part-editor::backdrop{background:#122b2677}#face-part-editor>header{position:static;display:flex;gap:12px;justify-content:space-between;padding:14px;border-bottom:1px solid #d9e0d6;height:auto}#face-part-editor button{min-height:40px;cursor:pointer}#face-part-editor button[aria-pressed=true]{background:#d7e9d8;border-color:#247b55}#face-part-editor header small{font-size:12px;color:#627368}#face-part-editor .primary{background:#24664b;color:white}#face-part-editor footer{padding:10px;font-size:12px}.fp-layout{display:grid;grid-template-columns:220px minmax(240px,1fr) 240px;height:calc(100% - 110px)}.fp-layout>aside{padding:14px;overflow:auto;border-right:1px solid #d9e0d6}.fp-tabs{display:flex;flex-wrap:wrap;gap:4px}.fp-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.fp-palette button{display:grid;justify-items:center;padding:8px;touch-action:manipulation}.fp-palette svg{width:70px;height:65px}.fp-list>div{display:flex;margin:5px 0;gap:4px}.fp-list>div>button:first-child{flex:1}.fp-center{display:flex;flex-direction:column;min-width:0;min-height:0}.fp-toolbar{padding:10px;display:flex;gap:4px;flex-wrap:wrap}.fp-stage{position:relative;flex:1;min-height:220px;background:#eef1e9}.fp-stage canvas,.fp-overlay{position:absolute;width:100%;height:100%;inset:0}.fp-overlay{touch-action:none}.fp-hint{font-size:12px;padding:8px;min-height:36px}.fp-inspector label{display:grid;grid-template-columns:1fr 78px;gap:7px;font-size:13px;margin:15px 0}.fp-inspector input[type=range]{grid-column:1;min-width:0;width:100%}.fp-inspector input[type=number]{grid-column:2;width:76px}.fp-inspector select{max-width:100%;min-height:40px}@media(max-width:800px){#face-part-editor{width:100vw;height:98dvh;max-height:98dvh;border-radius:0}.fp-layout{display:flex;flex-wrap:wrap;overflow:auto;height:calc(100% - 140px)}.fp-center{order:-1;flex:0 0 100%;height:46dvh;position:sticky;top:0;background:#f6f7f2;z-index:2}.fp-layout>aside{flex:1 1 180px;overflow:visible;min-width:0}.fp-palette svg{width:50px;height:45px}#face-part-editor>header{flex-wrap:wrap}.fp-toolbar button{font-size:12px}.fp-stage{min-height:140px}}

.fp-palette img{width:100%;height:auto;max-height:90px;object-fit:contain;border-radius:8px}

.fp-art{display:block;width:100%;aspect-ratio:1;background-image:url('face-parts-atlas.png');background-size:300% 300%;border-radius:9px;pointer-events:none}.fp-palette button{gap:7px;padding:4px 4px 8px}.fp-art-inspector{width:100%;max-width:210px;margin-bottom:12px}.fp-inspector details img{width:100%;height:auto}.fp-palette button:hover,.fp-palette button[aria-pressed=true]{box-shadow:0 0 0 2px #287859}.fp-palette span:not(.fp-art){font-size:12px}

.fp-reference{display:grid;width:100%;gap:8px;margin-bottom:8px}.fp-reference svg{width:100%;height:150px}.fp-art-inspector svg{width:100%;height:150px}.fp-palette svg{width:100%;height:90px}
.fp-families{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.fp-families button{display:grid;gap:5px;padding:6px;font-size:11px}.fp-families svg{width:100%;height:62px;pointer-events:none}.fp-families button:hover{border-color:#247b55;background:#e8efe4}

.fp-part-hit{cursor:grab}.fp-handle[data-handle=resize]{cursor:nwse-resize}.fp-handle[data-handle=rotate]{cursor:crosshair}.fp-overlay.is-dragging,.fp-overlay.is-dragging *{cursor:grabbing}.fp-stage{overscroll-behavior:contain;user-select:none}.fp-palette svg,.fp-palette img{pointer-events:none;user-select:none;-webkit-user-drag:none}

.fp-apply-error{margin:0;padding:12px 16px;background:#fff0e9;color:#8c3025;border-bottom:1px solid #e5c2b7}.fp-apply-error[hidden]{display:none}

#face-part-editor[open]{display:flex;flex-direction:column;overflow:hidden}
#face-part-editor>header,#face-part-editor>footer{flex-shrink:0}
#face-part-editor>header>div{display:flex;flex-wrap:wrap;gap:6px}
#face-part-editor .fp-layout{flex:1;min-height:0;height:auto}
.fp-migration-note{margin:0;padding:10px 16px;background:#e8efe1;font-size:12px;flex-shrink:0}
.fp-migration-note[hidden]{display:none}
.face-editor-launch{display:block;width:100%;min-height:48px;margin:12px 0}
@media(max-width:800px){.fp-inspector input[type=number],.fp-inspector select{font-size:16px;min-height:44px}}

.fp-inspector .fp-shape-choice{grid-template-columns:1fr}.fp-shape-choice select{width:100%;min-height:44px}

.fp-center{position:relative}.fp-depth{position:absolute;right:12px;bottom:68px;width:min(42%,310px);height:245px;z-index:3;display:flex;flex-direction:column;border:1px solid #b9cbbd;border-radius:10px;background:#f6f7f2;box-shadow:0 4px 18px #203d3022;overflow:hidden}.fp-depth-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px}.fp-depth-toolbar strong{font-size:12px;flex:1}.fp-depth-toolbar button{font-size:11px;padding:4px}.fp-depth .fp-depth-canvas{position:static;width:100%;height:100%;flex:1;min-height:0;touch-action:none}.fp-depth small{font-size:10px;padding:4px 8px}.fp-depth-expanded .fp-depth{width:85%;height:75%}
@media(max-width:800px){.fp-center{height:70dvh}.fp-depth{position:relative;right:auto;bottom:auto;flex:0 0 23dvh;width:100%;height:23dvh;min-height:160px;border-radius:0;box-shadow:none}.fp-depth-toolbar{padding:2px 6px}.fp-depth-expanded .fp-depth{width:100%;height:45dvh;flex-basis:45dvh}.fp-depth-expanded .fp-stage{min-height:100px}}

/* Face studio: a wardrobe of coordinated faces, with the model always central. */
#face-part-editor{max-width:1720px;background:#f5f7f1}
#face-part-editor>header{background:#183d30;color:#f1f5e9;align-items:center;padding:13px 18px}
#face-part-editor>header>div:first-child{display:grid;gap:2px;min-width:150px}
#face-part-editor>header small{font-size:9px;letter-spacing:.2em;color:#bdd6ba}
#face-part-editor>header strong{font-size:18px}
#face-part-editor>header .primary{background:#d9ed96;color:#163426;border-color:#d9ed96;font-weight:700}
#face-part-editor button:focus-visible,#face-part-editor summary:focus-visible{outline:3px solid #a3c764;outline-offset:2px}
#face-part-editor button:disabled{opacity:.45;cursor:default}
#face-part-editor .fp-layout{grid-template-columns:290px minmax(260px,1fr) 270px}
.fp-library-nav{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:#e5ebdf;border-radius:10px;position:sticky;top:0;z-index:1}
.fp-selected-shape img,.fp-selected-shape svg{display:block;width:100%;height:90px;object-fit:contain;margin:8px 0}
.fp-library-nav button{padding:5px 2px;font-size:12px;border:0;background:transparent}
.fp-library h3{font-size:18px;margin:21px 0 6px}.fp-subtle{font-size:12px;line-height:1.6;color:#66786a;margin:5px 0 14px}
.fp-look-grid,.fp-favorite-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.fp-look-card{display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;padding:8px;min-width:0;width:100%;background:#fff;border:1px solid #d5dfd0;border-radius:11px;transition:box-shadow .15s,border-color .15s}
.fp-look-card:hover{border-color:#558464;box-shadow:0 3px 12px #203d3014}
.fp-look-card svg{width:100%;height:82px;pointer-events:none}.fp-look-card strong{font-size:13px}.fp-look-card small{font-size:10px;color:#66786a;line-height:1.4}
.fp-card-body{fill:#eff2e8;stroke:#aebda5;stroke-width:.35;stroke-linejoin:round}.fp-card-plate{fill:#dce5d4;stroke:#54705c;stroke-width:.16;stroke-linejoin:round}.fp-card-eye{fill:#f9faf4;stroke:#476652;stroke-width:.38}
.fp-shuffle{margin:18px 0 10px;padding:12px;background:#e8efdf;border-radius:12px}.fp-shuffle>button{width:100%;font-weight:700}.fp-shuffle summary{font-size:12px;margin:11px 0;cursor:pointer}.fp-shuffle small{display:block;font-size:10px;line-height:1.6;color:#60715e}.fp-locks{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.fp-locks button{font-size:11px;padding:4px 7px}
.fp-next{width:100%;margin:8px 0;color:#226145}.fp-palette-note{grid-column:1/-1;font-size:11px;color:#60715e;line-height:1.6}.fp-placed{margin-top:20px}.fp-placed summary{cursor:pointer;font-size:12px;padding:8px 0}
.fp-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}.fp-variant-grid button{min-width:0;padding:4px;display:flex;flex-direction:column;align-items:center;gap:4px}.fp-variant-grid img,.fp-variant-grid svg{width:100%;height:56px;object-fit:contain;pointer-events:none}.fp-variant-grid span{font-size:10px;line-height:1.4}
.fp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0}.fp-quick button{font-size:11px;padding:3px}
.fp-numeric{margin:18px 0;padding-top:10px;border-top:1px solid #d7dfd1}.fp-numeric summary{cursor:pointer;font-size:12px;margin-bottom:12px}.fp-inspector h3{font-size:16px;margin:5px 0}
.fp-favorite-label{display:grid;gap:6px;font-size:12px;margin:12px 0}.fp-favorite-name{min-width:0;min-height:42px;font-size:14px;width:100%;box-sizing:border-box}.fp-favorite-grid>div{min-width:0}.fp-favorite-grid>div>button:last-child{font-size:11px;width:100%;margin:5px 0}.fp-empty{grid-column:1/-1;font-size:13px;line-height:1.8;color:#677664;padding:20px 8px}
.fp-compare-badge{position:absolute;top:12px;left:12px;z-index:2;background:#193f30;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;pointer-events:none}
#face-part-editor [hidden]{display:none!important}.fp-stage{background:radial-gradient(ellipse at center,#fff 0,#edf1e7 85%)}.fp-depth{width:min(34%,265px);height:205px;bottom:64px}
@media(max-width:1150px) and (min-width:801px){#face-part-editor .fp-layout{grid-template-columns:235px minmax(200px,1fr) 230px}.fp-look-card svg{height:66px}.fp-depth{height:180px}}
@media(max-width:800px){#face-part-editor>header{padding:8px 10px;gap:7px}#face-part-editor>header strong{font-size:16px}#face-part-editor>header>div:last-child{gap:4px}#face-part-editor>header button{font-size:11px;padding:4px 7px;min-height:36px}.fp-center{height:60dvh;min-height:350px}.fp-toolbar{padding:5px;gap:3px}.fp-toolbar button{font-size:11px;padding:4px 7px}.fp-depth{flex-basis:19dvh;min-height:130px;width:100%;bottom:auto;height:19dvh}.fp-hint{margin:0;padding:5px 8px;min-height:26px;font-size:10px}.fp-layout>aside{flex:1 1 100%;padding:12px}.fp-library-nav{position:static}.fp-look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-look-card svg{height:70px}.fp-look-card strong{font-size:12px}.fp-look-card small{font-size:10px}.fp-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-variant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fp-favorite-name{font-size:16px}.fp-inspector{border-top:1px solid #d5dfd0}.fp-compare-badge{top:5px;left:5px;font-size:10px;padding:5px 8px}#face-part-editor footer{font-size:10px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.fp-look-card{transition:none}}
@media(max-width:800px){#face-part-editor:not(.fp-eye-editing) .fp-center{height:44dvh;min-height:270px}}

/* Placement and inspection are peers: neither window covers the other. */
.fp-viewports{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:0;padding:0 8px}
.fp-viewports .fp-stage{min-height:180px;border:1px solid #d2ddcb;border-radius:10px;overflow:hidden}
.fp-pane-label{position:absolute;top:10px;left:12px;z-index:2;font-size:12px;color:#3c5b45;pointer-events:none;background:#ffffffcc;padding:4px 8px;border-radius:5px}
.fp-viewports .fp-depth{position:relative;inset:auto;width:auto;height:auto;min-width:0;min-height:180px;box-shadow:none;z-index:1}
.fp-depth-expanded .fp-viewports{grid-template-columns:minmax(160px,1fr) minmax(240px,2fr)}
.fp-viewports .fp-depth-toolbar{background:#e8eee2;border-bottom:1px solid #d2ddcb}
.fp-viewports .fp-depth-toolbar strong{flex:1 1 100%}
.fp-viewports .fp-depth-canvas{background:radial-gradient(ellipse at center,#fff,#e7eddf)}
@media(max-width:1399px){.fp-viewports,.fp-depth-expanded .fp-viewports{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.fp-depth-expanded .fp-viewports{grid-template-rows:1fr 1.7fr}.fp-viewports .fp-stage,.fp-viewports .fp-depth{min-height:120px}.fp-viewports .fp-depth-toolbar strong{flex:1}.fp-viewports .fp-depth-toolbar button{min-height:28px!important}}
@media(max-width:800px){#face-part-editor:not(.fp-eye-editing) .fp-center,.fp-center{height:66dvh;min-height:430px}.fp-viewports{padding:0 5px;gap:4px}.fp-viewports .fp-depth{flex:auto}.fp-viewports .fp-depth small{font-size:9px}.fp-viewports .fp-depth-toolbar{padding:3px 5px}.fp-viewports .fp-depth-toolbar strong{font-size:11px}.fp-viewports .fp-depth-toolbar button{font-size:10px}.fp-pane-label{top:5px;left:6px;font-size:10px}}

.fp-look-card img{display:block;width:100%;height:auto;object-fit:cover;border-radius:9px}
body[data-anatomy-minnow="true"] #stencil-open{display:none!important}