.petart{--petart-accent: #1a1a1a;--petart-radius: 12px;display:block;width:100%;font-family:inherit;color:inherit}.petart [hidden]{display:none!important}.petart__stage{position:relative;width:100%;border-radius:var(--petart-radius);overflow:hidden;background:#f4f4f5}.petart__scene{display:block;width:100%;height:auto}.petart__hotspot{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:#111}.petart__hotspot-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 18px;border-radius:999px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .15s ease,background .15s ease}.petart__hotspot:hover .petart__hotspot-inner{transform:scale(1.04);background:#ffffffe0}.petart__hotspot-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;white-space:nowrap}.petart__actions{margin-top:12px}.petart__hint{margin:10px 0 0;font-size:.85rem;opacity:.72}.petart__hint--error{color:#b3261e;opacity:1}.petart__hint--action{cursor:pointer;text-decoration:underline;opacity:1}.petart__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px}.petart__modal[hidden]{display:none}.petart__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f148c}.petart__dialog{position:relative;width:min(560px,100%);max-height:min(88vh,860px);overflow-y:auto;background:#fff;color:#1a1a1a;border-radius:16px;padding:24px;box-shadow:0 24px 60px #00000047}.petart__close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;cursor:pointer;color:#1a1a1a}.petart__close:hover{background:#f1f1f2}.petart__title{margin:4px 0;font-size:1.35rem;line-height:1.25;font-weight:700}.petart__subtitle{margin:0 0 18px;font-size:.98rem;opacity:.75}.petart__tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #e3e3e5;border-radius:12px;margin-bottom:18px}.petart__tab{border:none;background:transparent;padding:9px 14px;border-radius:9px;font-size:.92rem;font-weight:600;cursor:pointer;color:#5c5f62}.petart__tab.is-active{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px #0000001f}.petart__dropzone{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#f1f1f2;cursor:pointer;padding:12px}.petart__dropzone.is-dragging{outline:2px dashed var(--petart-accent);outline-offset:-6px}.petart__dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#5c5f62;font-size:.95rem}.petart__crop-help{margin:0 0 10px;font-size:.85rem;opacity:.7;text-align:center}.petart__crop-frame{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#1c1c1e;touch-action:none;cursor:grab}.petart__crop-frame.is-grabbing{cursor:grabbing}.petart__crop-image{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none}.petart__crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.28) 1px,transparent 1px);background-size:33.33% 33.33%;box-shadow:inset 0 0 0 1px #ffffff59}.petart__crop-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.petart__crop-zoom{flex:1;accent-color:var(--petart-accent)}.petart__icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid #d3d4d5;border-radius:10px;background:#fff;color:#1a1a1a;cursor:pointer}.petart__icon-button:hover{background:#f6f6f7}.petart__link-button{flex:none;border:none;background:transparent;padding:0;font-size:.88rem;font-weight:600;color:#5c5f62;text-decoration:underline;cursor:pointer}.petart__quota{margin-right:auto;align-self:center;font-size:.85rem;opacity:.68}.petart__panel--done .petart__quota{display:block;margin:10px 0 0;text-align:center}.petart__progress-note{margin:14px 0 0;font-size:.82rem;opacity:.55}.petart__label{display:block;margin:18px 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d7175}.petart__input,.petart__textarea{width:100%;padding:12px 14px;border:1px solid #d3d4d5;border-radius:10px;font-size:1rem;font-family:inherit;color:#1a1a1a;background:#fff;box-sizing:border-box}.petart__input:focus,.petart__textarea:focus{outline:2px solid var(--petart-accent);outline-offset:-1px}.petart__tones{display:flex;flex-wrap:wrap;gap:8px}.petart__tone{display:flex;align-items:center;justify-content:center;min-width:82px;height:58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff}.petart__tone.is-active{border-color:#1a1a1a}.petart__tone-swatches{display:flex;width:100%;height:100%}.petart__tone-swatches span{flex:1}.petart__tone-label{font-size:.76rem;font-weight:600;color:#5c5f62}.petart__error{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fdeceb;color:#b3261e;font-size:.9rem}.petart__footer{display:flex;justify-content:flex-end;margin-top:22px}.petart__footer--split{justify-content:space-between}.petart__submit{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:none;border-radius:10px;background:var(--petart-accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.petart__submit:disabled{opacity:.35;cursor:not-allowed}.petart__secondary{padding:12px 18px;border:1px solid #d3d4d5;border-radius:10px;background:#fff;color:#1a1a1a;font-size:.95rem;font-weight:600;cursor:pointer}.petart__panel--progress{text-align:center;padding:18px 0 8px}.petart__skeleton{display:flex;align-items:center;justify-content:center;height:280px;border-radius:14px;background:#f7f8f9;margin-bottom:22px}.petart__spinner{width:56px;height:56px;border-radius:50%;border:4px solid #e1e3e5;border-top-color:#b9bcbe;border-right-color:#b9bcbe;animation:petart-spin 1.1s linear infinite}@keyframes petart-spin{to{transform:rotate(360deg)}}.petart__progress-title{margin:0 0 4px;font-size:1.05rem;font-weight:700}.petart__progress-sub{margin:0 0 16px;font-size:.92rem;opacity:.65}.petart__bar{width:min(300px,100%);height:6px;margin:0 auto;border-radius:999px;background:#eceef0;overflow:hidden}.petart__bar span{display:block;width:4%;height:100%;border-radius:999px;background:#2bb9a0;transition:width .4s ease}.petart__result{display:block;width:100%;border-radius:12px}.petart__options{margin-top:14px}.petart__options-title{margin:0 0 8px;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6d7175}.petart__options-grid{display:flex;gap:10px}.petart__option{flex:1;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f1f1f2;cursor:pointer;line-height:0}.petart__option.is-active{border-color:var(--petart-accent)}.petart__option img{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.petart__spinner{animation-duration:4s}.petart__hotspot-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/petart.css.map */