.pet-wrap{max-width:620px;margin:0 auto;padding:18px 20px 80px}.pet-wrap h1{margin-bottom:10px;font-size:clamp(32px,6vw,46px)}.pet-wrap .lede{font-size:16px}.pet-steps{color:var(--muted);justify-content:center;gap:20px;margin:4px 0 22px;padding:0;font-size:14px;list-style:none;display:flex}.pet-steps li{padding-bottom:8px;position:relative}.pet-steps li[aria-current=step]{color:var(--ink);font-weight:600}.pet-steps li[aria-current=step]:after{content:"";background:repeating-linear-gradient(90deg, var(--sage) 0 8px, transparent 8px 12px);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.pet-steps li.done{color:var(--ink)}.pet-stage{background:var(--tint);border-radius:22px;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.pet-stage canvas,.pet-stage img{image-rendering:auto;max-width:100%;height:auto;display:block}.pet-stage.checker{background:repeating-linear-gradient(45deg, var(--tint) 0 10px, color-mix(in srgb, var(--tint) 70%, var(--paper)) 10px 20px);padding:14px}.pet-frame{touch-action:none;cursor:grab;aspect-ratio:1;background:var(--tint);-webkit-user-select:none;user-select:none;border-radius:22px;width:100%;position:relative;overflow:hidden}.pet-frame:active{cursor:grabbing}.pet-frame canvas{width:100%;height:100%;display:block}.pet-frame .thirds{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffffbf calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffffbf calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffffbf calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffffbf calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.pet-zoom{align-items:center;gap:12px;margin-top:14px;display:flex}.pet-zoom input[type=range]{accent-color:var(--primary);flex:1}.pet-choice{border:0;gap:10px;margin:0;padding:0;display:grid}.pet-choice label{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;transition:border-color .2s, transform .2s var(--ease), box-shadow .2s;border-radius:16px;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.pet-choice label:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--line));transform:translateY(-1px)}.pet-choice label:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}.pet-choice input{accent-color:var(--primary);width:18px;height:18px;margin:0}.pet-choice b{font-size:15px;display:block}.pet-choice small{color:var(--muted);font-size:13px;line-height:1.4;display:block}.pet-choice .price{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;font-size:24px}.pet-choice .price small{text-align:right;font-size:12px}.pet-actions{gap:12px;margin-top:18px;display:grid}.pet-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:4px;font-size:14px;display:flex}.pet-links button,.pet-links a{color:var(--primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--peach);text-decoration-color:var(--peach);background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:600}.pet-thumb{width:84px;height:84px;box-shadow:var(--shadow);object-fit:cover;border:3px solid #fff;border-radius:14px;position:absolute;bottom:12px;right:12px}.pet-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 18px;font-size:14px;display:flex}.pet-files{gap:10px;display:grid}.pet-files a{border:1px solid var(--line);background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.pet-files a:hover{border-color:var(--primary)}.pet-files small{color:var(--muted);font-weight:400;display:block}.pet-honest{color:var(--muted);font-size:13px}.pet-facts{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:1px;margin:14px 0;display:grid;overflow:hidden}.pet-facts div{background:var(--paper);padding:12px 14px}.pet-facts b{font-family:var(--serif);letter-spacing:-.02em;font-size:20px;font-weight:450;display:block}.pet-facts small{color:var(--muted);font-size:12px}.pet-demo{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.pet-demo img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;box-shadow:var(--shadow);border-radius:18px}.pet-demo figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.pet-recent{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pet-recent li a{border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:space-between;padding:10px 14px;display:flex}.pet-crafts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pet-dropzone{padding:36px 20px}.pet-name-row{gap:7px;margin-top:14px;display:grid}.pet-adjust{margin-top:14px}.pet-adjust summary{cursor:pointer;font-weight:600}.pet-adjust .field,.pet-wrap details.panel>summary+*{margin-top:12px}@media (max-width:520px){.pet-steps{gap:12px;font-size:13px}.pet-demo,.pet-crafts{grid-template-columns:1fr}.pet-facts{grid-template-columns:1fr 1fr}.pet-choice label{grid-template-columns:22px 1fr}.pet-choice .price{text-align:left;grid-column:2}}