.pet-create-sheet { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
.pet-create-heading > div { min-width: 0; }
.pet-create-heading p { margin: 4px 0 0; color: var(--color-text-secondary); }
.pet-create-heading > button { width: 44px; height: 44px; border: 0; border-radius: var(--radius-circle); background: var(--color-bg-subtle); }
.pet-create-form { display: grid; gap: var(--space-5); }
.pet-species-picker { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); margin: 0; padding: 0; border: 0; }
.pet-species-picker legend, .pet-create-field > span { display: block; margin-bottom: var(--space-2); color: var(--color-text-secondary); font-weight: var(--font-weight-semibold); }
.pet-species-picker legend { grid-column: 1 / -1; }
.pet-species-picker input { position: absolute; opacity: 0; pointer-events: none; }
.pet-species-picker label > span { display: flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 52px; border: 1px solid var(--color-border-default); border-radius: var(--radius-control); background: var(--color-bg-surface); font-weight: var(--font-weight-semibold); }
.pet-species-picker input:checked + span { color: var(--color-brand); border-color: var(--color-brand); background: var(--color-selection-soft); }
.pet-create-field input { width: 100%; min-height: 52px; padding: 0 var(--space-4); border: 1px solid var(--color-border-default); border-radius: var(--radius-control); background: var(--color-bg-subtle); color: var(--color-text-primary); font: inherit; }
.pet-create-field-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(84px, 1fr); gap: var(--space-3); }
.pet-create-error { margin: 0; color: var(--color-danger); font-weight: var(--font-weight-semibold); }
.pet-initial { display: inline-grid; place-items: center; flex: 0 0 auto; background: var(--color-selection-soft); color: var(--color-brand); font-weight: var(--font-weight-bold); }
.pet-card-avatar { width: clamp(92px, 28vw, 132px); align-self: stretch; border-radius: var(--radius-media); }
.scope-pet-avatar { width: 34px; height: 34px; border-radius: var(--radius-circle); border: 2px solid var(--color-brand); }
.adventure-pet-avatar { width: 44px; height: 44px; border-radius: var(--radius-circle); }
.camera-pet-avatar { width: 44px; height: 44px; border-radius: var(--radius-circle); }
.pet-empty-device-state { display: flex; align-items: center; gap: var(--space-4); }
.pet-empty-device-state > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-circle); color: var(--color-brand); background: var(--color-selection-soft); }
.pet-empty-device-state p { margin: 3px 0 0; color: var(--color-text-secondary); }