.avatar-heading{text-align:center;padding:14px 0 25px}.avatar-heading h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,55px);font-weight:400;letter-spacing:-.035em;margin:8px 0}.avatar-heading p:last-child{margin:0;color:#536971}.maker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;max-width:950px;margin:auto}.portrait-panel{align-self:start;position:sticky;top:12px}.portrait{border:1px solid #d9d6cb;background:#fcf8ee;border-radius:24px;width:100%;display:block;padding:0;overflow:hidden;touch-action:manipulation}.portrait svg{width:100%;max-height:405px;display:block}.portrait:not(.stamping){cursor:default}.portrait.stamping{cursor:crosshair}.edit-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.edit-tools button,.categories button,#start-over{min-height:44px;border:1px solid #b9c5c7;border-radius:13px;background:#fffdf7;padding:8px 13px}.edit-tools button:disabled{opacity:.4}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.categories button{padding:9px 3px;display:grid;justify-items:center;font-size:12px;gap:3px}.categories svg{width:31px;height:27px}.categories [aria-pressed=true]{background:#dce9ed;border:2px solid #486a79}.palette-panel h2{font-size:18px;margin:20px 0 12px}.palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.palette button{min-height:66px;border-radius:13px;border:2px solid #d8d7ce;background:#fffdf7;padding:8px;position:relative}.palette button svg{width:100%;height:54px;display:block}.palette button[aria-pressed=true]{border-color:#294f62;box-shadow:0 0 0 2px #fbf7ee inset}.palette button[aria-pressed=true]::after,.swatches button[aria-pressed=true]::after{content:'✓';position:absolute;right:2px;bottom:1px;background:#fffdf7;color:#294f62;border-radius:50%;width:19px;height:19px;font-size:13px;line-height:19px}.swatch{display:block;width:100%;height:43px;border-radius:9px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatches button{position:relative;width:45px;height:45px;border:2px solid #d8d7ce;border-radius:50%;padding:4px;background:#fffdf7}.swatches button span{display:block;width:100%;height:100%;border-radius:50%}.palette .small-label{display:block;font-size:11px;margin-top:5px}#maker-status{text-align:center;font-size:15px;min-height:23px;margin:6px 0}.finish-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin:32px 0 10px}.finish-bar a{font-size:14px;padding:12px 0}.local-note{text-align:center;font-size:13px;color:#536971}dialog{border:1px solid #b9c5c7;border-radius:22px;padding:25px;max-width:calc(100% - 32px);color:#344b55;background:#fbf7ee}dialog::backdrop{background:#263f4b66}dialog h2{margin-top:0}@media(max-width:700px){.maker{gap:20px}.categories{grid-template-columns:repeat(3,1fr)}.palette{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.maker{grid-template-columns:1fr;gap:18px}.portrait-panel{position:static}.portrait svg{height:270px}.categories{grid-template-columns:repeat(4,1fr)}.palette{grid-template-columns:repeat(4,1fr)}.avatar-heading{padding-bottom:18px}.avatar-heading h1{font-size:38px}.palette button{min-height:61px;padding:6px}.palette button svg{height:42px}.edit-tools{margin:8px 0}.finish-bar{gap:14px}.palette-panel h2{margin-top:15px}.header{padding-bottom:8px}}
@media(max-width:540px){.portrait-panel{position:sticky;top:0;z-index:3;background:#fbf7eef5;padding:6px 0;border-bottom:1px solid #d9d6cb}.portrait svg{height:175px}.portrait-panel .edit-tools{margin:5px 0}.portrait-panel #maker-status{margin:3px 0;font-size:13px}.portrait{border-radius:18px}.palette-panel{scroll-margin-top:265px}}