@import"https://fonts.googleapis.com/css2?family=Bungee&family=Inter:wght@500;700;800&display=swap";:root{--brand-orange: #ff7b00;--bg-cream: #FFF5E1;--text-dark: #2c1a00;--text-secondary-funky: #7a5e3c;--card-bg: #FFFFFF;--card-border: #2c1a00;--danger-red: #d92d20}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-cream);color:var(--text-dark);min-height:100vh}.converter-section-funky{background-color:var(--bg-cream);font-family:Inter,sans-serif;padding:6rem 2rem}.converter-header{text-align:center;max-width:600px;margin:0 auto 3rem}.converter-header .main-title{font-family:Bungee,cursive;font-weight:400;color:var(--text-dark);font-size:clamp(3rem,7vw,5rem);line-height:1.1;margin:0 0 1rem}.converter-header .main-subtitle{color:var(--text-secondary-funky);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.dnd-card-funky{max-width:700px;margin:0 auto;background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:32px;box-shadow:8px 8px 0 var(--text-dark);padding:2rem;min-height:250px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease,border-color .3s ease}.dnd-card-funky.drag-over{border-color:var(--brand-orange);box-shadow:12px 12px 0 var(--brand-orange)}.dnd-content{text-align:center}.dnd-default .dnd-icon{width:64px;height:64px;stroke:var(--text-dark);stroke-width:2;margin-bottom:1rem;opacity:.5}.dnd-default h3{font-weight:800;font-size:1.5rem;margin:0 0 .5rem;color:var(--text-dark)}.dnd-default p{color:var(--text-secondary-funky);margin:0}.dnd-default .browse-link{color:var(--brand-orange);font-weight:700;text-decoration:none;cursor:pointer}.dnd-processing h3{font-family:Bungee,cursive;font-weight:400;font-size:1.75rem;color:var(--text-dark);margin:0 0 1.5rem}.progress-bar-funky{width:100%;max-width:300px;height:20px;background-color:var(--bg-cream);border:2px solid var(--card-border);border-radius:50px;overflow:hidden}.progress-bar-fill{width:0%;height:100%;background-color:var(--brand-orange);transition:width .5s ease-out}.converted-links-container{max-width:700px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.converted-item-funky{display:flex;align-items:center;gap:1rem;background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:24px;padding:1rem 1.5rem;box-shadow:6px 6px #2c1a001a}.converted-item-icon{flex-shrink:0;width:40px}.converted-item-details{flex-grow:1;text-align:left}.converted-item-details .filename{font-weight:700;display:block}.converted-item-details .filelink{color:var(--text-secondary-funky);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converted-item-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:.5rem;border-radius:12px;transition:background-color .2s ease,transform .2s ease}.action-btn:hover{transform:scale(1.1)}.copy-btn{background-color:var(--brand-orange);color:#fff}.copy-btn:hover{background-color:#e66f00}.delete-btn:hover{background-color:var(--bg-cream);color:var(--danger-red)}.action-btn svg{width:20px;height:20px}.status{padding:10px 15px;border-radius:8px;margin:10px 0;font-weight:500;border:2px solid var(--card-border)}.status.success{background:#d4edda;color:#155724;border-color:#155724}.status.error{background:#f8d7da;color:var(--danger-red);border-color:var(--danger-red)}.status.info{background:#d1ecf1;color:#0c5460;border-color:#0c5460}@media (max-width: 768px){.converter-section-funky{padding:3rem 1rem}.dnd-card-funky{padding:1.5rem;min-height:200px}.converted-item-funky{flex-direction:column;text-align:center;gap:.75rem}.converted-item-actions{justify-content:center}}.App{min-height:100vh;padding:20px 0}.converted-links-container{margin-top:2rem}.converted-item-funky{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.converted-item-icon{margin-right:1rem;color:#6c757d}.converted-item-icon svg{width:24px;height:24px}.converted-item-details{flex:1;min-width:0;margin-right:1rem}.filename{display:block;font-weight:600;color:#212529;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word}.filelink{display:block;font-family:Courier New,monospace;font-size:.875rem;color:#6c757d;background:#f1f3f4;padding:.5rem;border-radius:6px;word-break:break-all;overflow-wrap:break-word;max-width:100%;white-space:normal;line-height:1.4}.converted-item-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{background:none;border:1px solid #dee2e6;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f8f9fa;border-color:#adb5bd}.action-btn svg{width:16px;height:16px;color:#6c757d}.copy-btn:hover svg{color:#007bff}.delete-btn:hover svg{color:#dc3545}@media (max-width: 768px){.converted-item-funky{flex-direction:column;align-items:flex-start}.converted-item-icon{margin-right:0;margin-bottom:.5rem}.converted-item-details{margin-right:0;margin-bottom:1rem;width:100%}.converted-item-actions{align-self:flex-end}}