@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#0f172a;--accent:#f59e0b;--bg-body:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--container-width:1200px;--header-height:70px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}*{box-sizing:border-box}body{background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}.container{max-width:var(--container-width);min-height:calc(100vh - var(--header-height));margin:0 auto;padding:2rem 1rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.tool-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.tool-icon{margin-bottom:1rem;font-size:3rem;transition:transform .2s;display:inline-block}.tool-card:hover .tool-icon{transform:scale(1.1)}.tool-name{color:var(--text-main);font-size:1.125rem;font-weight:600}.tool-page-layout{grid-template-columns:2fr 1fr;align-items:start;gap:2.5rem;display:grid}@media (max-width:1024px){.tool-page-layout{grid-template-columns:1fr}}.back-button{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;margin-bottom:1.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{color:var(--primary);background-color:#eff6ff}.tool-page-header{text-align:left;border-bottom:none;grid-column:1/-1;margin-bottom:2rem;padding-bottom:0}.tool-page-header h2{color:var(--secondary);margin:0 0 .5rem;font-size:2.25rem;font-weight:700}.tool-page-header p{color:var(--text-muted);max-width:700px;font-size:1.125rem}.tool-content-area{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);flex-direction:column;gap:2rem;min-height:500px;padding:3rem;display:flex}.tool-info-area{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:2rem;position:sticky;top:2rem}.tool-info-title{color:var(--secondary);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;display:flex}.tool-info-area h4{color:var(--secondary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600}.tool-info-area h3{color:var(--secondary);margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.tool-info-area p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.tool-info-area ul,.tool-info-area ol{margin:0 0 1rem;padding-left:1.25rem}.tool-info-area li{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem}.tool-feature-grid{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.tool-feature-card{border-radius:var(--radius-md);text-align:left;border:1px solid var(--border);background:#f8fafc;align-items:center;gap:.75rem;padding:.875rem;display:flex}.tool-feature-icon{border-radius:var(--radius-sm);background:#eff6ff;flex-shrink:0;padding:.5rem;font-size:1.25rem;line-height:1}.tool-feature-title{color:var(--secondary);margin-bottom:.125rem;font-size:.875rem;font-weight:600}.tool-feature-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.upload-box-container{width:100%}.file-capsules{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-capsule{border:1px solid var(--border);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:9999px;align-items:center;gap:.75rem;max-width:100%;padding:.625rem 1rem .625rem .75rem;transition:all .2s;animation:.2s scaleIn;display:flex;box-shadow:0 2px 4px #0000000d}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-capsule:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.file-capsule-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.file-capsule-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.file-capsule-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.875rem;font-weight:500;overflow:hidden}.file-capsule-size{color:var(--text-muted);font-size:.75rem;font-weight:400}.file-capsule-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:.25rem;font-size:1.125rem;line-height:1;transition:all .2s;display:flex}.file-capsule-remove:hover{color:var(--error);background:#fee2e2;transform:rotate(90deg)}.file-capsule-remove:active{transform:rotate(90deg)scale(.9)}.file-input-area{border:2px dashed var(--primary-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);padding:4rem 3rem;transition:all .3s;position:relative;overflow:hidden}.file-input-area:before{content:"";opacity:0;background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.file-input-area:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);transform:translateY(-2px)}.file-input-area:hover:before{opacity:1}.file-input-area.drag-over{border-color:var(--primary);background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);transform:scale(1.02)}.file-label{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.file-label:hover{background:linear-gradient(135deg,var(--primary-dark)0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.upload-box-merge{border-color:#3b82f6}.upload-box-merge:hover,.upload-box-merge.drag-over{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#2563eb;box-shadow:0 8px 24px #2563eb33}.upload-box-merge .file-label{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.upload-box-merge .file-label:before{content:"📚"}.upload-box-split{border-color:#818cf8}.upload-box-split:hover,.upload-box-split.drag-over{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-color:#6366f1;box-shadow:0 8px 24px #6366f133}.upload-box-split .file-label{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%)}.upload-box-split .file-label:before{content:"✂️"}.upload-box-compress{border-color:#10b981}.upload-box-compress:hover,.upload-box-compress.drag-over{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#059669;box-shadow:0 8px 24px #10b98133}.upload-box-compress .file-label{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.upload-box-compress .file-label:before{content:"🗜️"}.upload-box-rotate{border-color:#06b6d4}.upload-box-rotate:hover,.upload-box-rotate.drag-over{background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%);border-color:#0891b2;box-shadow:0 8px 24px #06b6d433}.upload-box-rotate .file-label{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.upload-box-rotate .file-label:before{content:"🔄"}.upload-box-protect{border-color:#f59e0b}.upload-box-protect:hover,.upload-box-protect.drag-over{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#d97706;box-shadow:0 8px 24px #f59e0b33}.upload-box-protect .file-label{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.upload-box-protect .file-label:before{content:"🔐"}.upload-box-unlock{border-color:#f59e0b}.upload-box-unlock:hover,.upload-box-unlock.drag-over{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#d97706;box-shadow:0 8px 24px #f59e0b33}.upload-box-unlock .file-label{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.upload-box-unlock .file-label:before{content:"🔓"}.upload-box-convert{border-color:#a78bfa}.upload-box-convert:hover,.upload-box-convert.drag-over{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-color:#7c3aed;box-shadow:0 8px 24px #8b5cf633}.upload-box-convert .file-label{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.upload-box-convert .file-label:before{content:"🖼️"}.upload-box-pdf2img{border-color:#a78bfa}.upload-box-pdf2img:hover,.upload-box-pdf2img.drag-over{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-color:#7c3aed;box-shadow:0 8px 24px #8b5cf633}.upload-box-pdf2img .file-label{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.upload-box-pdf2img .file-label:before{content:"📄➡️🖼️"}.upload-box-organize{border-color:#34d399}.upload-box-organize:hover,.upload-box-organize.drag-over{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#059669;box-shadow:0 8px 24px #10b98133}.upload-box-organize .file-label{background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.upload-box-organize .file-label:before{content:"📂"}.upload-box-edit{border-color:#2563eb}.upload-box-edit:hover,.upload-box-edit.drag-over{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#1d4ed8;box-shadow:0 8px 24px #2563eb33}.error-message{color:var(--error);background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#1d4ed8;padding:1rem;box-shadow:0 8px 24px #2563eb33}.upload-box-edit .file-label{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.upload-box-edit .file-label:before{content:"✏️"}.upload-box-remove{border-color:#ef4444}.upload-box-remove:hover,.upload-box-remove.drag-over{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#dc2626;box-shadow:0 8px 24px #ef444433}.upload-box-remove .file-label{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.upload-box-remove .file-label:before{content:"❌"}.upload-box-extract{border-color:#ef4444}.upload-box-extract:hover,.upload-box-extract.drag-over{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#dc2626;box-shadow:0 8px 24px #ef444433}.upload-box-extract .file-label{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.upload-box-extract .file-label:before{content:"📄"}.upload-box-optimize{border-color:#34d399}.upload-box-optimize:hover,.upload-box-optimize.drag-over{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#059669;box-shadow:0 8px 24px #10b98133}.upload-box-optimize .file-label{background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.upload-box-optimize .file-label:before{content:"⚙️"}.upload-box-crop{border-color:#34d399}.upload-box-crop:hover,.upload-box-crop.drag-over{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#059669;box-shadow:0 8px 24px #10b98133}.upload-box-crop .file-label{background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.upload-box-crop .file-label:before{content:"✂️"}.upload-box-has-files{background:#f8fafc;border-style:solid;border-width:2px}.upload-box-error{border-color:var(--error)!important;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)!important}.upload-box-error .file-label{background:linear-gradient(135deg,var(--error)0%,#dc2626 100%)}.action-button{background-color:var(--success);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;margin-top:1.5rem;font-size:1.125rem;font-weight:600;transition:all .2s}.action-button:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#059669;transform:translateY(-1px)}.action-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.7}.how-to-use-section{border-radius:var(--radius-lg);border:1px solid var(--border);background:#f8fafc;margin-top:2rem;padding:2rem}.how-to-use-section h3{color:var(--secondary);margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.how-to-use-section h4{color:var(--secondary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.how-to-use-section p{color:var(--text-muted);margin-bottom:1rem;line-height:1.7}.how-to-use-section ol,.how-to-use-section ul{margin-bottom:1rem;padding-left:1.5rem}.how-to-use-section li{color:var(--text-muted);margin-bottom:.75rem;line-height:1.6}.how-to-use-section strong{color:var(--text-main);font-weight:600}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:4rem;font-size:1.125rem}.error-message{color:var(--error);border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fecaca;margin:1rem 0;padding:1rem}.tool-progress-timeline{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-weight:500;display:flex}.step-item{background:var(--bg-body);color:var(--text-muted);border:1px solid var(--border);border-radius:9999px;padding:.5rem 1.25rem;font-size:.95rem;transition:all .3s}.step-item.active{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.step-arrow{color:var(--text-muted);font-size:1.25rem}header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}header h1{color:var(--secondary);letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}header p{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem}.brand-logo{margin-bottom:1rem;text-decoration:none;transition:transform .3s;display:inline-block;position:relative}.brand-logo:hover{transform:translateY(-2px)}.brand-logo-text{letter-spacing:-.06em;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #2563eb26;filter:drop-shadow(0 2px 8px #2563eb33);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.5rem;font-weight:900;display:inline-block;position:relative}.brand-logo-text:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000 0%,#2563eb 50%,#0000 100%);border-radius:2px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.brand-logo-small{border-radius:var(--radius-md);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s;display:inline-flex}.brand-logo-small:hover{background:#2563eb0d;transform:translateY(-1px)}.brand-logo-small-text{letter-spacing:-.04em;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}header input[type=search]{border:1px solid var(--border);background-color:var(--bg-card);width:100%;max-width:480px;box-shadow:var(--shadow-sm);border-radius:9999px;padding:.875rem 1.25rem;font-size:1rem;transition:all .2s}header input[type=search]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.cookie-consent-banner{color:#fff;z-index:9999;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:1.5rem;animation:.4s slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-content{flex-wrap:wrap;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.cookie-consent-text{flex:1;min-width:300px}.cookie-consent-text p{margin:0 0 .5rem;font-size:.95rem;line-height:1.5}.cookie-consent-links{opacity:.9;font-size:.875rem}.cookie-consent-links a{color:#93c5fd;text-decoration:underline;transition:color .2s}.cookie-consent-links a:hover{color:#dbeafe}.cookie-consent-actions{flex-shrink:0;gap:1rem;display:flex}.cookie-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.cookie-btn-decline{color:#fff;background:0 0;border:1px solid #ffffff4d}.cookie-btn-decline:hover{background:#ffffff1a;border-color:#ffffff80}.cookie-btn-accept{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d}.cookie-btn-accept:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}@media (max-width:768px){.cookie-consent-content{text-align:center;flex-direction:column}.cookie-consent-actions{justify-content:center;width:100%}.cookie-btn{flex:1}}:root[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary:#f8fafc;--accent:#fbbf24;--bg-body:#0f172a;--bg-card:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--success:#34d399;--error:#f87171;--warning:#fbbf24;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0009,0 4px 6px -4px #0006}.theme-toggle{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #2563eb66}.theme-toggle:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #2563eb80}.theme-toggle:active{transform:translateY(0)scale(.98)}.tool-page-header{text-align:center;max-width:800px;margin:0 auto 2rem}.theme-toggle svg{transition:transform .3s}.theme-toggle:hover svg{transform:rotate(15deg)}[data-theme=dark] .tool-feature-card{border-color:var(--border);background:#0f172a}[data-theme=dark] .tool-feature-icon{background:#1e293b}[data-theme=dark] .file-input-area{border-color:var(--primary);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme=dark] .file-capsule{border-color:var(--border);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme=dark] .back-button:hover{background-color:#1e293b}[data-theme=dark] .upload-box-drag-active{border-color:var(--primary-light);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}@media (max-width:768px){.theme-toggle{width:45px;height:45px;bottom:1rem;right:1rem}}[data-theme=dark] .cookie-consent-banner{border-top:1px solid var(--border);background:linear-gradient(135deg,#0f172a 0%,#020617 100%)}[data-theme=dark] .how-to-use-section{background:var(--bg-card);color:var(--text-main)}[data-theme=dark] .how-to-use-section h3{color:var(--text-main)}[data-theme=dark] .how-to-use-section p,[data-theme=dark] .how-to-use-section ol,[data-theme=dark] .how-to-use-section ul,[data-theme=dark] .how-to-use-section li{color:var(--text-muted)}[data-theme=dark] .how-to-use-section strong{color:var(--text-main)}.processing-ad-container{background-color:var(--bg-body);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:3rem;display:flex}.processing-ad-container p{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.processing-spinner{color:var(--primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}[data-theme=dark] .processing-ad-container{background-color:var(--bg-card)}.trust-badge-float{z-index:999;cursor:pointer;transition:all .3s;position:fixed;bottom:30px;left:30px}.trust-badge-float img{filter:drop-shadow(0 4px 6px #0000001a);width:260px;height:auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.trust-badge-float:hover img{filter:drop-shadow(0 10px 15px #0003);transform:translateY(-5px)scale(1.05)}@media (max-width:768px){.trust-badge-float{bottom:20px;left:20px;right:auto}.trust-badge-float img{width:100px}}.file-capsule-actions{align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.file-capsule-move{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.9rem;line-height:1;transition:all .2s;display:flex}.file-capsule-move:hover:not(:disabled){color:var(--primary);border-color:var(--primary-light);background:#f1f5f9}.file-capsule-move:disabled{opacity:.3;cursor:not-allowed}.file-capsule-remove{border:1px solid #0000;width:24px;height:24px;margin-left:.25rem}.file-capsule-remove:hover{color:var(--error);background:#fee2e2;border-color:#fecaca;transform:none}