.commission-form-section{padding:var(--spacing-xl, 3rem) 0}.commission-form-header{text-align:center;margin-bottom:2.5rem}.commission-form-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem}.commission-form-header p{font-size:1.125rem;color:var(--color-text-body);max-width:560px;margin:0 auto}.commission-form-header .divider{width:6rem;height:3px;margin:1.25rem auto 0;background:linear-gradient(to right,var(--color-border-soft),var(--color-accent));border-radius:2px}.commission-form-wrapper{max-width:720px;margin:0 auto}.commission-form{display:flex;flex-direction:column;gap:1.75rem}.commission-form .form-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.commission-form .form-label{font-size:.875rem;font-weight:600;color:var(--color-mahogany);text-transform:uppercase;letter-spacing:.05em}.commission-form .required{color:var(--color-accent)}.commission-form .form-helper{font-size:.8125rem;color:var(--color-text-body);line-height:1.5;margin-top:.125rem}.commission-form .form-input{padding:.75rem 1rem;border:2px solid var(--color-border-strong);border-radius:.5rem;background:var(--color-parchment-dark);color:var(--color-text-primary);font-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.commission-form .form-input:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #223c3873}.commission-form .form-input::placeholder{color:var(--color-text-light);opacity:.7}.commission-form .form-input[aria-invalid=true]{border-color:var(--color-accent);box-shadow:0 0 0 3px #a8322633}.commission-form .form-textarea{resize:vertical;min-height:160px;font-family:inherit;line-height:1.6}.commission-form .char-counter{font-size:.8125rem;color:var(--color-text-light);text-align:right;display:none}.commission-form .char-counter.is-visible{display:block}.commission-form .char-counter.char-counter--warning{color:var(--color-amber);font-weight:600}.commission-form .char-counter.char-counter--danger{color:var(--color-accent);font-weight:600}.commission-form .field-error{font-size:.8125rem;color:var(--color-accent);display:none;line-height:1.4}.commission-form .field-error.is-visible{display:block}.commission-form .file-upload-zone{border:2px dashed var(--color-border-strong);border-radius:.5rem;padding:2rem 1.5rem;text-align:center;background:var(--color-parchment-dark);transition:border-color .2s ease,background .2s ease;cursor:pointer;position:relative}.commission-form .file-upload-zone:hover,.commission-form .file-upload-zone.is-dragover{border-color:var(--color-primary);background:var(--color-teal-tint, #e6f2ef)}.commission-form .file-upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.commission-form .file-upload-zone[aria-invalid=true]{border-color:var(--color-accent)}.commission-form .file-upload-icon{width:2.5rem;height:2.5rem;margin:0 auto .75rem;color:var(--color-primary)}.commission-form .file-upload-text{font-size:1rem;font-weight:500;color:var(--color-text-primary);pointer-events:none}.commission-form .file-upload-hint{font-size:.8125rem;color:var(--color-text-light);margin-top:.375rem;pointer-events:none}.commission-form .file-preview-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.875rem}.commission-form .file-preview-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:.375rem}.commission-form .file-preview-thumb{width:2.75rem;height:2.75rem;object-fit:cover;border-radius:.25rem;flex-shrink:0}.commission-form .file-preview-info{flex:1;min-width:0}.commission-form .file-preview-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commission-form .file-preview-size{font-size:.75rem;color:var(--color-text-light);margin-top:.125rem}.commission-form .file-preview-remove{background:none;border:none;cursor:pointer;padding:.3125rem;color:var(--color-text-light);border-radius:.25rem;transition:color .15s ease;flex-shrink:0;line-height:0}.commission-form .file-preview-remove:hover{color:var(--color-accent)}.commission-form .file-preview-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.commission-form .radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.commission-form .radio-option{display:flex;align-items:center;gap:.75rem;cursor:pointer}.commission-form .radio-option input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.commission-form .radio-option span{font-size:1rem;color:var(--color-text-primary)}.commission-form .terms-group{display:flex;gap:.875rem;align-items:flex-start}.commission-form .terms-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:.125rem}.commission-form .terms-text{font-size:.9375rem;color:var(--color-text-body);line-height:1.6}.commission-form .terms-list{margin:.625rem 0 0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.375rem}.commission-form .terms-list li{font-size:.875rem;color:var(--color-text-body)}.commission-form .form-banner{display:none;gap:.875rem;padding:1rem 1.25rem;border-radius:.5rem;align-items:flex-start}.commission-form .form-banner.is-visible{display:flex}.commission-form .form-banner--error{background:var(--color-status-error-surface, #fde8e8);border:2px solid var(--color-status-error-border, #e53e3e);color:var(--color-status-error-text, #742a2a)}.commission-form .form-banner svg{flex-shrink:0;margin-top:.125rem}.commission-form .submit-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 2rem;font-size:1.125rem}.commission-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.commission-form .btn-spinner{display:none;width:1.25rem;height:1.25rem;animation:cf-spin .75s linear infinite;flex-shrink:0}.commission-form.is-submitting .btn-spinner{display:block}@keyframes cf-spin{to{transform:rotate(360deg)}}.commission-form__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media(prefers-reduced-motion:reduce){.commission-form .btn-spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/commission-form.css.map */