[hidden]{display:none!important}.create-page{padding-top:62px;padding-bottom:76px}.section-heading{display:flex;align-items:flex-end;gap:12px;margin-bottom:38px}.section-heading h1{position:relative;margin:0;color:var(--ink);font-family:var(--font-display);font-size:48px;font-weight:400;line-height:1;text-transform:uppercase}.section-heading h1:before{content:"";position:absolute;width:38px;height:48px;left:-16px;top:-33px;background:url(pc-sectionheader-flourish-orange.svg) center / contain no-repeat}.section-heading:after{content:"";flex:1 1 0;min-width:0;height:5px;margin-bottom:7px;background:var(--orange);clip-path:polygon(0 10%,99.8% 0,100% 100%,0 74%)}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:72px}.field-label{display:block;margin:0 0 8px;color:var(--ink);font-family:var(--font-body);font-size:23px;font-weight:800;line-height:1.3;text-transform:none}.photo-upload{display:flex;align-items:flex-start;gap:32px;margin-top:22px}#pet-photo{width:144px;height:144px;object-fit:cover;background:#fff;border-radius:12px;flex-shrink:0}.upload-button{border:0;box-shadow:none;-webkit-appearance:none;appearance:none;font-size:30px;color:var(--cream);white-space:nowrap}.upload-button:hover{background:var(--yellow);color:var(--ink)}.photo-tips{color:var(--ink);font-size:16px;line-height:1.55;margin:14px 0 0}.photo-section{margin-bottom:28px}.field{margin-bottom:22px;max-width:360px}.field input,.field select,.field textarea,.picker-trigger{width:100%;min-height:62px;padding:14px 22px;border:2px solid #d5cec8;border-radius:12px;background:#efe7e1;color:#00847e;font-family:var(--font-body);font-weight:600;font-size:23px;line-height:1.3}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#677c78;font-size:18px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--cream);outline-offset:3px;background:#fcf7f4}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.text-link{border:0;background:transparent;padding:0;color:#bf4420;font-size:17px;text-decoration:underline;cursor:pointer}.custom-picker{position:relative}.picker-trigger{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.picker-trigger img,.picker-option img{width:44px;height:36px;object-fit:contain;flex-shrink:0}.picker-trigger:after{content:"";width:9px;height:9px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg);margin:-5px 0 0 auto;flex-shrink:0}.picker-trigger[aria-expanded=true]:after{transform:rotate(225deg);margin-top:5px}.picker-list{position:absolute;top:0;left:0;width:100%;z-index:5;padding:10px 0;margin:0;list-style:none;background:#efe7e1;border:2px solid #d5cec8;border-radius:12px;box-shadow:0 8px 20px #273d4e20;max-height:360px;overflow-y:auto}.picker-option{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--ink);font-size:23px;font-weight:600;cursor:pointer}.picker-option[aria-selected=true]{color:#00847e}.picker-option:focus{outline:none}.picker-option:hover{background:#fcf7f4}.color-field{padding:0;border:0;margin:32px 0;min-width:0}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.swatch{position:relative;width:30px;height:30px;cursor:pointer}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);border:1px solid #273d4e15;box-shadow:1px 2px 3px #273d4e20}.swatch input:checked+span{outline:2px solid #00847e;outline-offset:3px}.swatch input:focus-visible+span{outline:3px solid var(--cream);outline-offset:4px}.all-star{display:flex;align-items:center;gap:20px;margin:28px 0;font-size:23px;font-weight:800;color:var(--ink)}.all-star input{width:30px;height:30px;accent-color:#00847e;cursor:pointer}.generate-button{gap:14px;border:0;cursor:pointer;font-size:30px;margin-top:14px;background:var(--green);color:var(--cream)}.generate-button img{width:34px;height:34px}.generate-button:hover{background:var(--orange);color:var(--cream)}.generate-button:disabled{cursor:wait;opacity:.65}.form-message{color:var(--ink);font-size:14px;line-height:1.5;margin:12px 0 0}.form-message:empty{display:none}.form-message.error{color:#a53116}.generation-panel{text-align:center;padding-top:18px;min-width:0}.generation-time{color:var(--ink);font-size:18px;margin:0 0 40px}.art-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.15;padding:22px;background:#fff;border:0;border-radius:12px;cursor:zoom-in}.art-preview:disabled{cursor:default}.art-preview img{width:100%;height:100%;object-fit:contain;max-height:450px}.art-preview .placeholder-art{width:52%;height:auto}.enlarge-hint{color:var(--ink);margin:10px 0 40px;font-size:17px}.shop-art-button{font-size:30px;background:var(--yellow);color:var(--ink)}.shop-art-button:hover{background:var(--orange);color:var(--cream)}.shop-art-button[aria-disabled=true]{opacity:.6;cursor:default}.scene-dialog,.art-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--cream)}.scene-dialog[open],.art-dialog[open]{display:flex;flex-direction:column}.scene-dialog::backdrop,.art-dialog::backdrop{background:#283c4ff2}.dialog-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#283c4f;padding:22px 36px}.dialog-header h2{margin:0;color:var(--orange);font-size:40px}.dialog-close{color:var(--cream);font-size:46px;line-height:1;padding:0;width:48px;height:48px;border:0;background:transparent;cursor:pointer}.dialog-close:hover{color:var(--orange)}.scene-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-content:start;padding:40px max(24px,calc((100vw - 1020px)/2)) 60px}.scene-card{height:280px;border:0;border-radius:12px;padding:18px 0;background:var(--cream);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;color:#497687;font-family:var(--font-body);font-size:15px;font-weight:600;text-align:center}.scene-card:hover{background:#fff}.scene-card span{padding-inline:12px;min-height:20px}.scene-card img{width:75%;height:210px;max-height:210px;object-fit:contain}.enlarged-art{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px}.enlarged-art img{max-width:100%;max-height:100%;object-fit:contain}body.modal-open{overflow:hidden}@media(max-width:1100px){.create-layout{gap:36px}.photo-upload{gap:18px}#pet-photo{width:112px;height:112px}.upload-button{font-size:26px}.photo-tips{font-size:13px}.field-label{font-size:20px}.scene-card{height:260px}.scene-card img{height:190px;max-height:190px}}@media(max-width:760px){.create-page{padding-top:54px;padding-bottom:60px}.section-heading h1{font-size:40px}.create-layout{grid-template-columns:1fr;gap:36px}.field{max-width:none}.field input,.picker-trigger,.picker-option{font-size:20px}.photo-upload{gap:20px}#pet-photo{width:clamp(80px,25.6vw,144px);height:clamp(80px,25.6vw,144px)}.upload-button{font-size:25px}.photo-tips{font-size:13px}.create-form .button,.generation-panel .button{padding:14px 28px}.generation-panel{padding-top:0}.generation-time{margin-bottom:24px}.dialog-header{padding:16px 20px}.dialog-header h2{font-size:34px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 16px 40px;gap:14px}.scene-card{height:220px;font-size:13px;padding:14px 0;gap:10px}.scene-card span{min-height:34px}.scene-card img{height:145px;max-height:145px}}@media(max-width:380px){.photo-upload{gap:12px;flex-wrap:wrap}.upload-button{font-size:22px}.photo-tips{font-size:12px}.scene-grid{grid-template-columns:1fr}.scene-card{height:280px}.scene-card img{height:210px;max-height:210px}}#pet-photo.default-pet-photo{object-fit:contain;padding:10px}.choice{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:20px;color:var(--ink);cursor:pointer}.choice input{width:22px;height:22px;accent-color:#00847e}.generate-button .generate-sparkles{width:34px;height:34px;flex:0 0 34px;overflow:visible}.generate-button .sparkle{transform-box:fill-box;transform-origin:center}.generate-button.is-generating .sparkle{animation:pc-sparkle-pulse .9s ease-in-out infinite}.generate-button.is-generating .sparkle-2{animation-delay:-.45s}.generate-button.is-generating .sparkle-3{animation-delay:-.9s}@keyframes pc-sparkle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.35}}@media(prefers-reduced-motion:reduce){.generate-button.is-generating .sparkle{animation:none}}.art-preview{position:relative}.art-preview .preview-sparkles{display:none;width:52%;height:auto;max-height:450px;overflow:visible}.art-preview.is-generating #generated-art{display:none}.art-preview.is-generating .preview-sparkles{display:block}.preview-sparkle{transform-box:fill-box;transform-origin:center}.art-preview.is-generating .preview-sparkle{animation:pc-preview-twinkle 1.2s ease-in-out infinite}.art-preview.is-generating .preview-sparkle-2{animation-delay:-.4s}.art-preview.is-generating .preview-sparkle-3{animation-delay:-.8s}@keyframes pc-preview-twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.65);opacity:.3}}@media(prefers-reduced-motion:reduce){.art-preview.is-generating .preview-sparkle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pc-create.css.map */