.face-row{align-items:center;gap:20px;display:flex}.face-row>div{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.face-row p{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-tertiary)}.pm-face,.pm-big{border-radius:var(--radius-full);background:var(--color-avatar-bg);flex:none;width:96px;height:96px;display:block;position:relative;overflow:hidden}.pm-face img,.pm-big img{width:100%;height:100%;display:block}.pm-face .av{width:100%;height:100%}.pm-face:after,.pm-big:after{content:"";border-radius:inherit;box-shadow:var(--color-avatar-contrast-border) 0 0 0 1px inset;position:absolute;inset:0}.face-row.is-setup{border-radius:var(--radius-xl);background:var(--color-base-white);box-shadow:var(--color-border-primary) 0 0 0 1px inset,var(--color-shadow-xs) 0 1px 2px;padding:16px 20px}.face-row.is-setup .pm-face{width:88px;height:88px}.face-row.is-setup p{flex:1;min-width:0}.face-row.is-setup p b{font-size:var(--text-md);line-height:var(--leading-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block}.face-row .btn{flex:none}.scrim .dialog.maker{grid-template:"title title""face tabs""face panel"minmax(0,1fr)"actions actions"/228px minmax(0,1fr);gap:0 28px;width:800px;max-width:calc(100vw - 48px);height:min(720px,100dvh - 96px);max-height:calc(100dvh - 96px);padding:0;display:grid;overflow:hidden}.maker h3{grid-area:title;padding:24px 28px 16px}.maker h3:focus{outline:0}.maker-face{flex-direction:column;grid-area:face;gap:12px;min-height:0;padding:0 0 24px 28px;display:flex}.maker-face .pm-big{width:200px;height:200px}.maker-tools{flex-direction:column;gap:12px;display:flex}.maker-tools>.btn{width:100%}.maker-links{flex-direction:column;align-items:center;gap:12px;padding-top:4px;display:flex}.maker-links .btn.link{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);min-height:24px}.maker-links .maker-switch{color:var(--color-text-primary);text-underline-offset:3px;text-decoration:underline}.maker:not(:has(.pm-tabs)) .maker-face{grid-row:2/4}.pm-tabs{border-bottom:1px solid var(--color-border-secondary);grid-area:tabs;justify-content:space-between;margin-right:28px;display:flex}.pm-tabs button{white-space:nowrap;font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;flex:none;padding:10px 2px;box-shadow:inset 0 -2px #0000}.pm-tabs button:hover{color:var(--color-text-primary)}.pm-tabs button[aria-selected=true]{color:var(--color-text-primary);box-shadow:var(--color-gray-light-950) 0 -2px 0 inset}.pm-tabs button:focus-visible{outline:2px solid var(--color-gray-light-950);outline-offset:-2px;border-radius:var(--radius-xs)}.maker-panel{overscroll-behavior:contain;grid-area:panel;min-height:0;padding:0 28px 24px 0;overflow:auto}.maker:not(:has(.pm-tabs)) .maker-panel{padding-top:4px}.pm-panel{flex-direction:column;display:flex}.pm-now{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-tertiary);justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 12px;display:flex}.pm-now>span:last-child{white-space:nowrap}.pm-now b{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pm-now .pm-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pm-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:4px;display:grid}.pm-tiles.is-limited:not(.is-all) .pm-tile:nth-child(n+16){display:none}.pm-tile{background:var(--color-avatar-bg);border-radius:var(--radius-lg);aspect-ratio:1;cursor:pointer;border:0;padding:0;display:block;position:relative}.pm-tile img{border-radius:inherit;width:100%;height:100%;display:block}.pm-tile:after{content:"";border-radius:inherit;box-shadow:var(--color-avatar-contrast-border) 0 0 0 1px inset;position:absolute;inset:0}.pm-tile[aria-pressed=true]{box-shadow:var(--color-base-white) 0 0 0 2px,var(--color-gray-light-950) 0 0 0 4px}.pm-tile:focus-visible{outline:2px solid var(--color-gray-light-950);outline-offset:4px}.btn.link.pm-more{min-height:24px;color:var(--color-text-primary);text-underline-offset:3px;align-self:flex-start;margin-top:14px;text-decoration:underline}.pm-group{flex-direction:column;display:flex}.pm-panel>.pm-group:not(:first-child){border-top:1px solid var(--color-border-secondary);margin-top:8px;padding-top:4px}.pm-panel>.btn.link.pm-more+.pm-group{margin-top:20px}.pm-colours{grid-template-columns:repeat(10,minmax(44px,1fr));gap:8px;padding:4px;display:grid}.pm-colours .pm-tile{border-radius:var(--radius-md)}.pm-wait{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-tertiary);align-items:center;gap:10px;margin-top:16px;display:flex}.pm-swatches{flex-wrap:wrap;gap:12px;padding:4px;display:flex}.pm-swatch{border-radius:var(--radius-full);cursor:pointer;border:0;width:44px;height:44px;position:relative}.pm-swatch:after{content:"";border-radius:inherit;box-shadow:var(--color-avatar-contrast-border) 0 0 0 1px inset;position:absolute;inset:0}.pm-swatch[aria-pressed=true]{box-shadow:var(--color-base-white) 0 0 0 2px,var(--color-gray-light-950) 0 0 0 4px}.pm-swatch:focus-visible{outline:2px solid var(--color-gray-light-950);outline-offset:4px}.bg-orange-dark-100{background:var(--color-orange-dark-100)}.bg-gray-light-100{background:var(--color-gray-light-100)}.bg-yellow-100{background:var(--color-yellow-100)}.bg-moss-100{background:var(--color-moss-100)}.bg-teal-100{background:var(--color-teal-100)}.bg-blue-light-100{background:var(--color-blue-light-100)}.bg-violet-100{background:var(--color-violet-100)}.bg-pink-100{background:var(--color-pink-100)}.scrim .dialog.maker .maker-actions{border-top:1px solid var(--color-border-secondary);background:var(--color-base-white);flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.maker-actions .btn.primary{min-width:180px}.maker-actions .maker-error{flex-basis:100%;margin:0}.pm-tile,.pm-swatch{transition:transform var(--spring-release-ms) var(--spring-release)}.pm-tile:active,.pm-swatch:active{transition:transform var(--press-ms) var(--ease-press);transform:scale(.95)}.pm-big img.is-new{animation:pm-place var(--spring-place-ms) var(--spring-place) both,come-up .12s var(--motion-ease-standard) both}@keyframes pm-place{0%{transform:scale(.9)}}.pm-undo{visibility:hidden}.pm-undo.is-shown{visibility:visible;animation:fade .15s var(--motion-ease-standard) both}.pm-panel.is-new>*{animation:fade .12s var(--motion-ease-standard) both}.pm-wait{animation:fade .15s var(--motion-ease-standard) both}@media (prefers-reduced-motion:reduce){.pm-tile,.pm-swatch,.pm-tile:active,.pm-swatch:active{transition:none;transform:none}.pm-big img.is-new{animation:.12s linear both come-up}}@media (width<=900px){.scrim .dialog.maker{grid-template-columns:192px minmax(0,1fr);column-gap:24px;width:100%;max-width:720px}.maker h3{padding:24px 24px 16px}.maker-face{padding-left:24px}.maker-face .pm-big{width:168px;height:168px}.pm-tabs{margin-right:24px}.maker-panel{padding-right:24px}.scrim .dialog.maker .maker-actions{padding:16px 24px}.pm-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.pm-tiles.is-limited:not(.is-all) .pm-tile:nth-child(n+13){display:none}.pm-colours{grid-template-columns:repeat(5,minmax(44px,64px));gap:10px}}@media (width<=640px){.face-row{gap:16px}.face-row .pm-face{width:80px;height:80px}.face-row.is-setup{flex-wrap:wrap;gap:16px;padding:16px}.face-row.is-setup .pm-face{width:72px;height:72px}.face-row.is-setup .btn{width:100%}.scrim .dialog.maker{grid-template:"title""face""tabs""panel"minmax(0,1fr)"actions"/minmax(0,1fr);column-gap:0;max-width:100%;height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:0}.maker:not(:has(.pm-tabs)) .maker-face{grid-row:auto}.maker h3{padding:20px 16px 12px}.maker-face{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding:0 16px 12px;display:grid}.maker-face .pm-big{width:88px;height:88px}.maker-tools{gap:10px}.maker-links{flex-direction:row;justify-content:space-between;padding:0 4px}.pm-tabs{margin:0 16px}.pm-tabs button{padding:10px 0}.maker-panel{padding:0 16px 20px}.pm-tiles{gap:10px}.pm-colours{grid-template-columns:repeat(5,minmax(44px,1fr));gap:10px}.pm-swatches{grid-template-columns:repeat(4,44px);justify-content:space-between;row-gap:12px;padding:4px 8px 4px 4px;display:grid}.scrim .dialog.maker .maker-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;display:grid}.maker-actions .maker-error{grid-column:1/-1}.maker-actions .btn.primary{min-width:0}}.cover-field{flex-direction:column;gap:16px;display:flex}.cover-later{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-tertiary);margin:0}.cover-error{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-error-primary);margin:0}.cover-recent{flex-direction:column;gap:10px;display:flex}.cover-recent-title{font-size:var(--text-md);line-height:var(--leading-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cover-recent-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;margin:0;padding:4px;list-style:none;display:grid}.cover-tile{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.cover-tile:disabled{cursor:default;opacity:.6}.cover-tile.is-working{opacity:1}.cover-tile-pic{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-gray-light-100);display:block;overflow:hidden}.cover-tile[aria-pressed=true] .cover-tile-pic{box-shadow:var(--color-base-white) 0 0 0 2px,var(--color-gray-light-950) 0 0 0 4px}.cover-tile:focus-visible{outline:2px solid var(--color-gray-light-950);outline-offset:3px}.cover-tile[aria-pressed=true]:focus-visible{outline-offset:7px}.cover-tile-name{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cover-tile-name>span:first-child{min-width:0}.cover-tile[aria-pressed=true] .cover-tile-name>span:first-child{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cover-tile-now{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:none}.cover-crop{flex-direction:column;gap:8px;display:flex}.cover-crop-label{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.cover-crop-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.cover-crop-state{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-tertiary)}.cover-remove{align-self:flex-start;margin-left:-14px}@media (width<=900px){.cover-recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.cover-recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}
