.auth-layout{max-width:640px;margin-inline:auto}.auth-layout .form{gap:16px}.auth-layout .notice{overflow-wrap:anywhere}.auth-layout input{min-width:0;box-sizing:border-box}.auth-layout .password-toggle{justify-self:start}.auth-layout #register-password-hint{margin:-8px 0 0;font-size:.9rem}.image-picker{margin:8px 0;padding:0;border:0;min-width:0;display:grid;gap:12px}.image-picker legend{font-weight:700;margin-bottom:12px}.image-dropzone{display:flex!important;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 18px;border:2px dashed #419bc0;border-radius:16px;background:#368abd0d;cursor:pointer;transition:border-color .15s,background .15s}.image-dropzone.is-dragging,.image-dropzone:focus-within{border-color:#66e0bc;background:#36d5b51c}.image-drop-title{font-weight:700;font-size:1.08rem}.image-dropzone input{width:100%;max-width:360px;font-size:.85rem}.image-dropzone small,.image-picker-status{font-size:.86rem;overflow-wrap:anywhere}.image-picker-status:empty{display:none}.image-picker-preview:not([hidden]){display:flex;align-items:center;gap:16px;flex-wrap:wrap}.image-picker-preview img{width:100px;height:100px;object-fit:contain;border-radius:12px;background:#0002}.image-picker .checkbox{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.image-picker .checkbox input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.image-picker-status{margin:0}.form .image-picker{grid-column:1/-1}@media(max-width:480px){.image-dropzone{padding:18px 12px}.auth-layout .form{padding:18px}.auth-layout h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.image-dropzone{transition:none}}
.image-picker-preview.wide img{width:100%;height:160px;object-fit:cover;object-position:center var(--banner-position,50%)}