.generated-portrait{display:grid;gap:var(--frill-space-8);border-top:var(--frill-space-hairline) solid var(--frill-line);padding-top:var(--frill-space-12);scroll-margin-block:calc(var(--frill-header-height) + var(--frill-space-12))}.generated-portrait h3,.generated-portrait p{margin:0}.generated-portrait h3{font-size:var(--frill-type-body-large)}.generated-portrait>p,.generated-portrait small{font-size:var(--frill-type-caption);color:var(--frill-body-ink)}.generated-portrait__paper,.generated-portrait__status{width:min(100%,calc((100svh - var(--frill-header-height) - var(--frill-space-27) * 3) * 4 / 5));justify-self:center}.generated-portrait__paper{position:relative;aspect-ratio:4 / 5;background:var(--frill-paper);border:var(--frill-space-hairline) solid var(--frill-line);box-shadow:var(--frill-shadow-card);overflow:hidden}.generated-portrait__paper canvas{display:block;width:100%;height:auto}.generated-portrait__processing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--frill-space-8);padding:var(--frill-space-12);text-align:center;background:var(--frill-wash)}.generated-portrait__processing p{font-size:var(--frill-type-caption);color:var(--frill-body-ink)}.generated-portrait__processing--draft{inset:auto var(--frill-space-6) var(--frill-space-6);background:var(--frill-paper-98);border:var(--frill-space-hairline) solid var(--frill-line);border-radius:var(--frill-radius-md);box-shadow:var(--frill-shadow-card)}.generated-portrait__wash{position:relative;width:45%;aspect-ratio:1;margin-bottom:var(--frill-space-8)}.generated-portrait__wash span{position:absolute;width:70%;height:70%;border-radius:var(--frill-radius-round);background:var(--frill-bluewash);animation:portrait-bloom 3s ease-in-out infinite alternate}.generated-portrait__wash span:nth-child(2){left:30%;top:20%;background:var(--frill-material-blush);animation-delay:-1s}.generated-portrait__wash span:nth-child(3){left:5%;top:35%;background:var(--frill-material-bluegray);opacity:.65;animation-delay:-2s}.generated-portrait__activity{height:var(--frill-space-2);width:100%;overflow:hidden;background:var(--frill-bluewash);border-radius:var(--frill-radius-pill)}.generated-portrait__activity span{display:block;width:35%;height:100%;background:var(--frill-action);animation:portrait-sweep 1.8s ease-in-out infinite}@keyframes portrait-bloom{0%{transform:scale(.8) rotate(-10deg)}to{transform:scale(1.08) rotate(15deg)}}@keyframes portrait-sweep{0%{transform:translate(-110%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.generated-portrait__wash span,.generated-portrait__activity span{animation:none}.generated-portrait__activity span{width:100%;opacity:.5}}.portrait-journey,.portrait-journey__intro,.portrait-journey__upload,.portrait-journey__actions{display:grid;gap:var(--frill-space-8)}.portrait-journey__intro h2,.portrait-journey__intro p,.portrait-journey__upload>p{margin:0}.portrait-journey__intro h2{font-size:var(--frill-type-small-title)}.portrait-journey__steps{display:flex;flex-wrap:wrap;gap:var(--frill-space-8);margin:0;padding:0 0 var(--frill-space-8);list-style:none;border-bottom:var(--frill-space-hairline) solid var(--frill-line);font-size:var(--frill-type-caption);color:var(--frill-body-ink)}.portrait-journey__steps [aria-current=step]{color:var(--frill-action);font-weight:var(--frill-weight-strong)}.portrait-purchase-options{display:grid;gap:var(--frill-space-12);scroll-margin-top:calc(var(--frill-header-height) + var(--frill-space-12))}.simple-pdp__portrait .generated-portrait{border-top:0;padding-top:0}.simple-pdp--portrait .simple-pdp__header{gap:var(--frill-space-6);padding-bottom:var(--frill-space-10)}.portrait-journey__upload>p{font-size:var(--frill-type-small);color:var(--frill-muted)}@media(max-width:767px){.simple-pdp--portrait:not(.has-portrait-preview) .simple-pdp__summary{order:-1}}.simple-pdp--portrait .simple-pdp__grid{margin-top:var(--frill-space-0)}@media(min-width:1101px){.simple-pdp--portrait .pdp-gallery:not(.pdp-gallery--single) .pdp-gallery__stage{align-self:stretch;display:grid}.simple-pdp--portrait .pdp-gallery:not(.pdp-gallery--single) .pdp-gallery__frame{aspect-ratio:auto;min-height:0}.simple-pdp--portrait .pdp-gallery:not(.pdp-gallery--single) .pdp-gallery__frame img{position:absolute;top:0;right:0;bottom:0;left:0;max-height:none;object-fit:cover}}.studio-site .generated-portrait .generated-portrait__help-button{color:var(--frill-muted)}.portrait-faq-modal{width:min(calc(var(--frill-space-27) * 12),calc(100vw - var(--frill-space-16)));max-width:none;max-height:calc(100dvh - var(--frill-space-16));margin:auto;padding:var(--frill-space-0);border:var(--frill-space-hairline) solid var(--frill-line);border-radius:var(--frill-radius-xl);background:var(--frill-paper);color:var(--frill-ink);box-shadow:var(--frill-shadow-overlay-card);overflow:auto;overscroll-behavior:contain}.portrait-faq-modal::backdrop{background:var(--frill-overlay-modal)}.portrait-faq-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--frill-space-8);position:sticky;top:var(--frill-space-0);padding:var(--frill-space-10) var(--frill-space-12);background:var(--frill-paper);border-bottom:var(--frill-space-hairline) solid var(--frill-line)}.portrait-faq-modal__header h2{margin:var(--frill-space-0);font-size:var(--frill-type-small-title);line-height:var(--frill-leading-tight)}.studio-site .portrait-faq-modal__header .frill-action{flex-shrink:0;white-space:nowrap;color:var(--frill-muted)}.portrait-faq-modal__content>section{padding:var(--frill-space-0)}.portrait-faq-modal__content{display:grid;gap:var(--frill-space-12);padding:var(--frill-space-12)}.portrait-faq-modal__content h3{margin:var(--frill-space-0) var(--frill-space-0) var(--frill-space-6);font-size:var(--frill-type-body-large)}.portrait-faq-modal__content p{font-size:var(--frill-type-small);color:var(--frill-body-ink)}.portrait-faq-modal .watermark-examples img{max-height:calc(var(--frill-space-27) * 4);object-fit:contain}.portrait-faq-modal .watermark-examples__image{background:var(--frill-paper)}.simple-pdp--pet-styles .simple-pdp__header h1{font-family:var(--frill-club-font);font-size:var(--frill-type-subsection-title);font-weight:var(--frill-weight-medium);letter-spacing:var(--frill-club-tracking)}.simple-pdp--pet-styles .simple-pdp__grid{margin-bottom:var(--frill-space-12)}.color-pop-example{margin:0;display:grid;justify-items:center;gap:var(--frill-space-6)}.color-pop-example :is(canvas,img){display:block;width:min(100%,390px);height:auto;border-radius:var(--frill-radius-md)}.portrait-personalization{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--frill-space-8)}.portrait-personalization>.simple-field:only-child{grid-column:1 / -1}.portrait-color-picker{padding:0;margin:0;border:0;min-width:0}.portrait-color-picker legend{font-size:var(--frill-type-small);margin-bottom:var(--frill-space-5)}.portrait-color-picker>div{display:flex;flex-wrap:wrap;gap:var(--frill-space-2)}.portrait-color-picker button{width:var(--frill-control-target);height:var(--frill-control-target);flex:0 0 auto;padding:0;border:var(--frill-space-hairline) solid var(--frill-line-strong);border-radius:var(--frill-radius-round);cursor:pointer}.portrait-color-picker button[aria-pressed=true]{border:var(--frill-space-1-5) solid currentColor;box-shadow:var(--frill-portrait-swatch-shadow)}.portrait-style-switch{display:grid;justify-items:center;gap:var(--frill-space-16);padding-block:var(--frill-space-22)}.portrait-style-switch h2{margin:0;font-family:var(--frill-club-font);font-size:var(--frill-type-subsection-title);line-height:var(--frill-leading-tight-copy);text-align:center}.portrait-style-switch>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--frill-space-12);width:min(100%,880px)}.studio-site .portrait-style-switch__choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:var(--frill-space-2);border:var(--frill-space-1) solid var(--frill-line);border-radius:var(--frill-radius-xl);color:var(--frill-ink);text-decoration:none}.studio-site .portrait-style-switch__choice:hover,.studio-site .portrait-style-switch__choice[aria-current=page]{border-color:var(--frill-action);text-decoration:none}.portrait-style-switch__media{display:block}.portrait-style-switch__image{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--frill-radius-md)}.portrait-style-switch__label{display:flex;align-items:center;justify-content:space-between;gap:var(--frill-space-8);padding:var(--frill-space-10);flex:1}.portrait-style-switch__copy{display:grid;gap:var(--frill-space-2);min-width:0}.portrait-style-switch__check{flex-shrink:0;color:var(--frill-line-strong)}.portrait-style-switch [aria-current=page] .portrait-style-switch__check{color:var(--frill-action)}.portrait-style-switch strong{font-size:var(--frill-type-small-title)}.portrait-style-switch small{display:block;font-size:var(--frill-type-body);font-weight:var(--frill-weight-regular);line-height:var(--frill-leading-body)}.simple-pdp--pet-styles:not(.has-portrait-preview) .simple-pdp__grid{margin-bottom:var(--frill-space-6)}.simple-pdp--pet-styles:not(.has-portrait-preview) .portrait-journey__intro,.simple-pdp--pet-styles:not(.has-portrait-preview) .portrait-journey__steps,.simple-pdp--pet-styles:not(.has-portrait-preview) .portrait-journey__upload>p{display:none}.simple-pdp--pet-styles .portrait-journey{padding:0}.simple-pdp--pet-styles .simple-pdp__eyebrow{display:none}.simple-pdp--pet-styles .simple-pdp__header{gap:var(--frill-space-4);padding-bottom:var(--frill-space-6)}.simple-pdp--pet-styles .simple-pdp__header>p:last-child{font-size:var(--frill-type-small);line-height:var(--frill-leading-body)}.simple-pdp--pet-styles>.pdp-support-links{margin-top:var(--frill-space-16);justify-content:center}.studio-site .portrait-style-switch [aria-current=page]{box-shadow:none;color:var(--frill-ink);text-decoration:none}@media(min-width:768px)and (max-height:760px){.simple-pdp--pet-styles:not(.has-portrait-preview) .color-pop-example :is(canvas,img){width:auto;max-width:100%;max-height:460px}}.simple-section.portrait-drawer{gap:0;padding-block:var(--frill-space-8)}.simple-pdp--pet-styles .simple-purchase__footer{background:transparent;border-top:var(--frill-space-hairline) solid var(--frill-line);border-radius:0;padding:var(--frill-space-8) 0 0}.portrait-drawer h2{margin:0}.portrait-drawer .frill-disclosure{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:var(--frill-ink);font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--frill-space-8);width:100%;min-height:var(--frill-action-height);text-align:left}.portrait-drawer .frill-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.portrait-drawer .simple-section__body{padding-top:var(--frill-space-8)}.portrait-preview-actions{display:grid;justify-items:center;gap:var(--frill-space-6)}.portrait-preview-actions>p{margin:0;font-size:var(--frill-type-caption);color:var(--frill-muted)}.portrait-preview-actions .frill-action-row{justify-content:center}.portrait-preview-actions .save-design-status,.portrait-preview-actions .save-design-signin{flex-basis:100%}.frill-action-row.portrait-purchase-actions{display:grid;grid-template-columns:2fr 1fr}.portrait-purchase-actions>:only-child{grid-column:1 / -1}.simple-pdp--pet-styles .generated-portrait__paper{width:min(100%,440px);border:0;box-shadow:none;border-radius:var(--frill-radius-md)}.watercolor-example img{display:block;aspect-ratio:4 / 5;object-fit:cover}@media(max-width:767px){.frill-action-row.portrait-purchase-actions{grid-template-columns:1fr}.simple-pdp--pet-styles .portrait-drawer{grid-column:1 / -1}.portrait-preview-actions{width:100%}.portrait-preview-actions .frill-action-row{display:grid;width:100%;grid-template-columns:1fr}.portrait-preview-actions .frill-action{width:100%}}.simple-pdp--pet-styles .simple-pdp__grid{grid-template-areas:"gallery header" "gallery summary";grid-template-rows:max-content 1fr;row-gap:0}.simple-pdp--pet-styles .simple-pdp__grid>.simple-pdp__header{grid-area:header}.simple-pdp--pet-styles .simple-pdp__gallery{grid-area:gallery}.simple-pdp--pet-styles .simple-pdp__summary{grid-area:summary;min-width:0}@media(max-width:767px){.simple-pdp--pet-styles{padding-inline:var(--frill-space-4)}.simple-pdp--pet-styles .simple-pdp__grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "gallery" "summary";gap:var(--frill-space-12);margin-top:0}.simple-pdp--pet-styles .simple-pdp__gallery{position:static}.simple-pdp--pet-styles .simple-pdp__header{padding-bottom:0}.simple-pdp--pet-styles .simple-pdp__header h1{font-size:var(--frill-type-small-title)}.simple-pdp--pet-styles .color-pop-example :is(canvas,img),.simple-pdp--pet-styles .generated-portrait__paper{width:min(100%,320px);height:auto}.portrait-personalization{grid-template-columns:minmax(0,1fr);gap:var(--frill-space-8)}.portrait-style-switch{gap:var(--frill-space-12);padding-block:var(--frill-space-16)}.portrait-style-switch>div{grid-template-columns:minmax(0,1fr);gap:var(--frill-space-12)}.portrait-style-switch h2{font-size:var(--frill-type-small-title)}.portrait-style-switch__label{padding:var(--frill-space-8)}}.simple-pdp[data-portrait-style=watercolor] .watercolor-example,.simple-pdp[data-portrait-style=watercolor] .generated-portrait__paper{width:100%;padding:var(--frill-space-12);background:var(--frill-surface-lilac-wash);border-radius:var(--frill-radius-md)}.simple-pdp[data-portrait-style=watercolor] .generated-portrait__paper:has(canvas){aspect-ratio:auto}.simple-pdp[data-portrait-style=watercolor] .watercolor-example :is(canvas,img){width:100%;max-width:none;max-height:none;border-radius:0}@media(max-width:767px){.simple-pdp[data-portrait-style=watercolor] .watercolor-example,.simple-pdp[data-portrait-style=watercolor] .generated-portrait__paper{padding:var(--frill-space-4)}}