.file-upload-zone{width:100%;display:flex;flex-direction:column;gap:2rem}.file-drop-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--color-border, #e0e0e0);background-color:var(--color-background-secondary, #f9f9f9);transition:all .3s ease;cursor:pointer;text-align:center}.file-drop-area:hover{border-color:var(--color-border-hover, #999);background-color:var(--color-background-hover, #f5f5f5)}.file-drop-area--active{border-color:var(--color-primary, #037276);background-color:var(--color-primary-light, rgba(3, 114, 118, .05));border-style:solid}.file-drop-icon{margin-bottom:1rem;color:var(--color-foreground-secondary, #666)}.file-drop-icon svg{width:48px;height:48px}.file-drop-text p{margin:0}.file-preview-list{display:flex;flex-direction:column;gap:1rem}.file-preview-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--blocks-radius, 8px);background-color:var(--color-background, #fff);transition:background-color .2s ease}.file-preview-item:hover{background-color:var(--color-background-secondary, #f9f9f9)}.file-preview-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;background-color:var(--color-background-secondary, #f5f5f5)}.file-preview-image{width:100%;height:100%;object-fit:cover}.file-preview-pdf-icon{color:var(--color-foreground-secondary, #666)}.file-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.file-preview-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;max-width:100%}.file-preview-size{font-size:.75rem}.file-preview-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:4px;color:var(--color-foreground-secondary, #666);cursor:pointer;transition:all .2s ease}.file-preview-remove:hover{background-color:var(--color-error-light, rgba(220, 38, 38, .1));color:var(--color-error, #dc2626)}.file-preview-remove:focus{outline:2px solid var(--color-primary, #037276);outline-offset:2px}.file-size-total{text-align:right}.text-warning{color:var(--color-warning, #f59e0b)}.text-error{color:var(--color-error, #dc2626);font-weight:500}.form-error-message{display:block;margin-top:.5rem;font-size:.875rem;color:var(--color-error, #dc2626)}.form-error-message.hidden{display:none}.form-control.field-error{border-color:var(--color-error, #dc2626)}.form-control.field-error:focus{outline-color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626)}.form-label-optional,.form-label-required{font-weight:400;font-size:.875rem;color:var(--color-foreground-secondary, #666)}.form-label-required{color:var(--color-error, #dc2626)}[data-submit-button]:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){.file-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.file-preview-item{width:100%;min-width:0}}@media(max-width:767px){.file-drop-area{padding:2rem 1rem}.file-drop-icon svg{width:36px;height:36px}.file-preview-item{padding:.75rem}.file-preview-icon{width:40px;height:40px}}.icon-upload{width:48px;height:48px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/micasa-contact-form.css.map */