.pet-preview-overlay{position:fixed;inset:0;z-index:260;display:none;place-items:center;padding:24px}.pet-preview-overlay.open{display:grid}.pet-preview-backdrop{position:absolute;inset:0;background:#06162cdd;backdrop-filter:blur(10px)}.pet-preview-dialog{position:relative;width:min(980px,94vw);max-height:90vh;overflow:auto;padding:28px;border-radius:26px;background:linear-gradient(145deg,#f5fbff,#eef8ff);color:#193652;box-shadow:0 30px 100px #0009}.pet-preview-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#e8f1f7;color:#173653;font-size:24px;cursor:pointer}.pet-preview-dialog h3{margin:0 45px 4px 0;font-size:25px}.pet-preview-tip{margin:0 0 20px;color:#687f96}.pet-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pet-preview-grid article{min-width:0;padding:10px;border:1px solid #cfe0ec;border-radius:17px;background:#fff;text-align:center}.pet-preview-art{overflow:hidden;border-radius:13px;background:#dcebf7}.pet-preview-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.pet-preview-grid b{display:block;margin-top:9px}.pet-preview-grid small{color:#71869a}.pet-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pet-preview-actions button{border:0;border-radius:12px;padding:10px 16px;font-weight:900;cursor:pointer}.pet-preview-actions .ghost{background:#e6eef5;color:#294861}.pet-preview-actions .primary{background:linear-gradient(135deg,#53cdb2,#598ee4);color:#fff}@media(max-width:700px){.pet-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}