.ce{grid-template-columns:290px minmax(0,1fr);gap:26px;height:min(700px,100dvh - 190px);min-height:320px;display:grid}.ce-dialog-body{overflow:hidden}.ce-stage{scrollbar-width:none;flex-direction:column;align-items:center;gap:14px;min-height:0;padding:6px 4px 4px;display:flex;overflow-y:auto}.ce-hero{isolation:isolate;justify-items:center;gap:8px;display:grid;position:relative}.ce-hero:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 26%, transparent), transparent 72%);pointer-events:none;border-radius:50%;position:absolute;inset:-26px -34px 6px}.ce-hero-pop{line-height:0;display:inline-block}@keyframes ce-pop{0%{filter:brightness(1.14);transform:scale(.965)}to{filter:none;transform:none}}@media (prefers-reduced-motion:no-preference){.ce-hero-pop{animation:.24s cubic-bezier(.2,.9,.3,1.25) ce-pop}}.ce-hero-caption{font:.8125rem var(--font-ui);color:var(--muted)}.ce-hero-flag{background:var(--accent);color:var(--accent-text,#1a1408);font:600 .75rem var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 10px;position:absolute;top:8px;left:50%;translate:-50%}.ce-tools{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.ce-tools .btn{min-height:40px}.ce-tools .btn.icon{min-width:40px}.ce-surprise{flex:100%;justify-content:center}.ce-tools .btn[aria-disabled=true]{opacity:.4;cursor:default}.ce-tools .btn[aria-pressed=true]{color:var(--text);background:color-mix(in oklab, var(--accent) 22%, transparent);box-shadow:inset 0 0 0 1px var(--accent)}.ce-ages{border:1px solid var(--border);border-radius:var(--radius);width:100%;display:flex;overflow:hidden}.ce-age{border:0;border-inline-start:1px solid var(--border);min-width:0;min-height:36px;color:var(--muted);font:.75rem var(--font-ui);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1 1 0;padding:4px 2px;overflow:hidden}.ce-age:first-child{border-inline-start:0}.ce-age:hover{color:var(--text);background:color-mix(in oklab, var(--text) 6%, transparent)}.ce-age[aria-pressed=true]{color:var(--text);background:color-mix(in oklab, var(--accent) 18%, transparent);box-shadow:inset 0 -2px 0 var(--accent)}.ce-age:focus-visible,.ce-tile:focus-visible,.ce-swatch:focus-visible,.ce-life-age:focus-visible{box-shadow:var(--focus-ring);outline:none}.ce-sizes{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;margin-top:auto;padding-top:6px;display:flex}.ce-sizes-note{text-align:center;font:.75rem var(--font-ui);color:var(--muted);flex:100%}.ce-controls{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.ce-notice{border:1px solid color-mix(in oklab, var(--accent) 50%, var(--border));border-radius:var(--radius);background:color-mix(in oklab, var(--accent) 10%, transparent);margin:0;padding:8px 12px;font-size:.875rem}.ce-tabs{flex:none;min-width:0;position:relative}.ce-tabs .ui-tablist{scroll-snap-type:x proximity;padding-inline-end:28px;scroll-padding-inline:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.ce-tabs .ui-tab{scroll-snap-align:start}.ce-panels{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:2px 8px 18px 2px;overflow-y:auto}.ce-section{gap:8px;margin-top:16px;display:grid}.ce-section:first-child{margin-top:6px}.ce-section>h3,.ce-section h4{font:600 .75rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}.ce-section h4{letter-spacing:.04em;margin-top:4px;font-weight:500}.ce-group{gap:6px;margin-top:6px;display:grid}.ce-hint{color:var(--muted);max-width:62ch;margin:0;font-size:.8125rem}.ce-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ce-own{grid-template-columns:max-content minmax(0,14rem);justify-content:start;align-items:end;gap:6px 16px;display:grid}.ce-own>.ce-hint{grid-column:1/-1}.ce-own-pick,.ce-own-code{color:var(--muted);gap:4px;font-size:.8125rem;display:grid}.ce-own-pick input[type=color]{appearance:none;border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--panel-2,var(--bg,#fff));cursor:pointer;width:64px;height:44px;padding:3px}.ce-own-pick input[type=color]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ce-own-code .input{width:100%;min-width:0;height:44px;font-family:ui-monospace,SF Mono,Menlo,monospace}.ce-own-code .input[aria-invalid=true]{border-color:var(--danger,#b03a3a)}.ce-more{margin-top:8px}.ce-more>summary{min-height:44px;color:var(--accent,inherit);cursor:pointer;align-items:center;padding:0 4px;font-size:.875rem;display:inline-flex}.ce-more>summary:focus-visible{box-shadow:var(--focus-ring);border-radius:6px;outline:none}.ce-swatches{flex-wrap:wrap;gap:2px;display:flex}.ce-swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ce-swatch>span{background:var(--sw);border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .12s;display:grid;box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0003}.ce-swatch:hover>span{transform:scale(1.1)}.ce-swatch[aria-pressed=true]>span{box-shadow:inset 0 0 0 1px #0003, 0 0 0 2px var(--panel-2,var(--bg,#fff)), 0 0 0 4px var(--accent)}.ce-swatch.is-neutral>span{background:repeating-linear-gradient(-45deg, var(--sw) 0 4px, color-mix(in oklab, var(--sw) 80%, #000) 4px 6px)}.ce-swatch.is-auto>span{color:var(--muted);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--muted) 70%, transparent);background:0 0;border:0}.ce-swatch.is-auto[aria-pressed=true]>span{color:var(--text);box-shadow:0 0 0 2px var(--panel-2,var(--bg,#fff)), 0 0 0 4px var(--accent)}.ce-tiles{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;display:grid}.ce-tiles.is-wide{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.ce-tile{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab, var(--text) 3%, transparent);min-height:44px;color:var(--muted);font:.75rem/1.2 var(--font-ui);text-align:center;cursor:pointer;align-content:start;justify-items:center;gap:5px;padding:8px 4px 7px;transition:border-color .12s,background-color .12s,transform .12s;display:grid}.ce-tile:hover{border-color:color-mix(in oklab, var(--accent) 60%, var(--border));color:var(--text);transform:translateY(-1px)}.ce-tile:active{transform:translateY(0)}.ce-tile[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in oklab, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px var(--accent)}.ce-tile-name{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:3px;min-height:2.4em;display:inline-flex}.ce-tile.is-auto .ce-tile-name{font-style:italic}.ce-thumb{border-radius:12px;width:76px;height:76px;line-height:0;display:block;overflow:hidden}.ce-thumb .portrait,.ce-thumb .portrait-face{border-radius:12px}.ce-thumb .portrait-img{transform:translateY(var(--ty,0%)) scale(var(--s,1));transform-origin:50% var(--oy,50%)}.ce-tiles.is-wide .ce-thumb{width:96px;height:96px}.ce-tiles.is-wide .ce-thumb .portrait{width:96px!important;height:96px!important}.ce-age-range{width:min(100%,420px)}.ce-life{flex-wrap:wrap;gap:8px;display:flex}.ce-life-age{border-radius:var(--radius);color:var(--muted);font:.75rem var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;justify-items:center;gap:2px;padding:6px;display:grid}.ce-life-age:hover{background:color-mix(in oklab, var(--text) 6%, transparent)}.ce-life-age[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in oklab, var(--accent) 12%, transparent)}.ce-photo-pick{gap:8px;margin:0 0 12px;display:grid}.ce-photo-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.ce-photo{aspect-ratio:1;cursor:pointer;min-height:44px;box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.ce-photo img{object-fit:cover;width:100%;height:100%;display:block}.ce-photo:hover:not(:disabled),.ce-photo:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.ce-photo:disabled{opacity:.5;cursor:progress}.ce-err{color:var(--danger)}.ce-measure{grid-template-columns:minmax(84px,.6fr) minmax(0,2fr) auto;align-items:center;gap:4px 12px;margin-block:2px;display:grid}.ce-measure-name{color:var(--muted);font-size:.8125rem}.ce-measure-state{text-align:end;min-width:76px;color:var(--muted);font-size:.8125rem}.ce-link{appearance:none;min-height:44px;color:var(--accent,inherit);cursor:pointer;font:inherit;background:0 0;border:0;padding:10px 4px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.ce-swatch>span,.ce-tile{transition:none}.ce-tile:hover{transform:none}}@media (width<=760px){.ce{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;height:calc(100dvh - 176px)}.ce-stage{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hero tools""ages ages";align-items:center;gap:8px 12px;padding:2px 0 0;display:grid;overflow:visible}.ce-hero{grid-area:hero;gap:2px}.ce-hero:before{inset:-8px -10px 10px}.ce-tools{grid-area:tools;justify-content:flex-start;gap:4px}.ce-tools .btn.icon{flex:1 1 0;min-width:40px;min-height:44px}.ce-surprise{min-height:44px}.ce-ages{grid-area:ages}.ce-age{min-height:40px}.ce-sizes{display:none}.ce-tiles{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.ce-panels{padding-right:2px}.ce-measure{grid-template-columns:minmax(0,1fr) auto}.ce-measure-name{grid-column:1/-1}}.pp-look{left:2px;right:auto}