.uploader-container{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:1rem;width:100%;margin:0 auto;font-family:inherit;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.uploader-header{background-color:var(--card,#fff);border-bottom:1px solid var(--border,#e2e8f0);padding:1.5rem}.uploader-title{color:var(--foreground,#1e293b);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.uploader-subtitle{color:var(--muted-foreground,#64748b);margin-top:.25rem;font-size:.875rem}.uploader-content{padding:2rem}.drop-zone{border:2px dashed var(--border-hover,#cbd5e1);text-align:center;cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;transition:all .3s ease-in-out;display:flex;position:relative}.drop-zone:hover{background-color:var(--muted,#f1f5f9);border-color:#60a5fa}.drop-zone.dragging{border-color:var(--primary);background-color:#3b82f60d;transform:scale(1.02)}.upload-icon-circle{background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;transition:transform .3s;display:flex}.drop-zone:hover .upload-icon-circle{transform:scale(1.1)}.drop-zone h3{color:var(--foreground,#1e293b);margin:0;font-size:1.125rem;font-weight:600}.drop-zone p{color:var(--muted-foreground,#64748b);margin-top:.5rem;font-size:.875rem}.drop-zone .file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.limit-reached{text-align:center;color:#92400e;background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:.75rem;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.error-message{color:var(--danger);background-color:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.success-message{color:#15803d;background-color:#22c55e1a;border:1px solid #22c55e33;border-radius:.5rem;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.file-list-section{margin-top:2rem}.file-list-header{color:var(--muted-foreground,#64748b);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;display:flex}.file-count-badge{background-color:var(--accent,#f1f5f9);color:var(--foreground,#1e293b);border-radius:.375rem;padding:.125rem .5rem;font-weight:500}.file-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:480px){.file-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:768px){.file-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.file-grid{grid-template-columns:repeat(5,1fr)}}.file-preview-card{aspect-ratio:1;border:1px solid var(--border,#e2e8f0);background-color:var(--accent,#f1f5f9);border-radius:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.file-preview-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.file-preview-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.file-preview-card:hover img{transform:scale(1.05)}.preview-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000,#0006);transition:opacity .2s;position:absolute;inset:0}.file-preview-card:hover .preview-overlay{opacity:1}.file-preview-card .remove-btn{color:var(--primary-foreground);cursor:pointer;z-index:10;background-color:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:flex;position:absolute;top:.375rem;right:.375rem;box-shadow:0 2px 4px #0000001a}.file-preview-card .remove-btn:hover{background-color:var(--danger);transform:scale(1.1)}.add-more-card{aspect-ratio:1;border:2px dashed var(--border-hover,#cbd5e1);background-color:var(--muted,#f1f5f9);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.add-more-card:hover{border-color:var(--primary);background-color:#3b82f60d}.add-plus{color:var(--muted-foreground,#64748b);font-size:1.75rem;font-weight:300;line-height:1;transition:all .2s}.add-more-card:hover .add-plus{color:var(--primary);transform:scale(1.1)}.file-card{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;transition:box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.file-card:hover{box-shadow:0 4px 6px -1px #0000001a}.file-preview{background-color:var(--accent,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:.5rem;flex-shrink:0;width:4rem;height:4rem;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-info{flex:1;min-width:0}.file-name{color:var(--foreground,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.file-size{color:var(--muted-foreground,#94a3b8);margin-top:.25rem;font-size:.75rem}.remove-btn{color:var(--muted-foreground,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.375rem;transition:all .2s}.remove-btn:hover{color:var(--danger);background-color:#ef44441a}.uploader-footer{background-color:var(--muted,#f1f5f9);border-top:1px solid var(--border,#e2e8f0);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.clear-btn{color:var(--muted-foreground,#64748b);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:500;transition:color .2s}.clear-btn:hover{color:var(--foreground,#1e293b)}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn{color:var(--primary-foreground);background-color:var(--primary);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:600;transition:all .2s;position:relative;box-shadow:0 4px 6px -1px #2563eb4d}.upload-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb66}.upload-btn:active{transform:scale(.98)}.upload-btn:disabled{background-color:var(--text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.spin-slow{animation:3s linear infinite spin}.action-bar{border-top:1px solid var(--border,#e2e8f0);justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.clear-text-btn{color:var(--muted-foreground,#94a3b8);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .2s}.clear-text-btn:hover{color:var(--danger);text-decoration:underline}.clear-text-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.upload-action-btn{background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.upload-action-btn:hover{background-color:var(--primary);transform:translateY(-1px)}.upload-action-btn:disabled{background-color:var(--border-hover,#cbd5e1);color:var(--muted-foreground,#64748b);cursor:not-allowed;transform:none}.delete-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--card,#fff);text-align:center;border-radius:1rem;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-modal-icon{width:3rem;height:3rem;color:var(--danger);background-color:#ef44441a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.delete-modal h3{color:var(--foreground,#1e293b);margin:0;font-size:1.125rem;font-weight:600}.delete-modal p{color:var(--muted-foreground,#64748b);margin:.5rem 0 1.5rem;font-size:.875rem;line-height:1.5}.delete-modal-actions{justify-content:center;gap:.75rem;display:flex}.delete-modal-actions button{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.625rem;font-size:.875rem;font-weight:500;transition:all .2s}.cancel-btn{color:var(--foreground,#1e293b);background-color:#0000;border:1px solid var(--border,#e2e8f0)!important}.cancel-btn:hover{background-color:var(--muted,#f1f5f9);border-color:var(--border-hover,#cbd5e1)!important}.confirm-delete-btn{background-color:var(--danger);color:var(--primary-foreground)}.confirm-delete-btn:hover{background-color:var(--danger)}.header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}@media (max-width:480px){.uploader-content,.uploader-header{padding:1.25rem}.drop-zone{padding:1.75rem 1rem}.action-bar{flex-direction:column-reverse;align-items:stretch;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.upload-action-btn{justify-content:center;width:100%;padding:.75rem 1.25rem}.clear-text-btn{text-align:center;width:100%;padding:.5rem}.delete-modal{margin:1rem;padding:1.25rem}}@media (max-width:768px){.delete-modal-overlay{align-items:flex-end;padding:0}.delete-modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:var(--bottom-sheet-radius)var(--bottom-sheet-radius)0 0;width:100%;max-width:100%;max-height:85dvh;padding-bottom:calc(var(--space-6,1.5rem) + var(--safe-bottom));animation:slideUpSheet var(--duration-slow,.3s)cubic-bezier(.32,.72,0,1);overflow-y:auto}.delete-modal-content:before{content:"";background:var(--border-hover,#cbd5e1);border-radius:var(--radius-full,9999px);width:2rem;height:.25rem;margin:var(--space-2,.5rem)auto var(--space-4,1rem);display:block}}