:root{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#333;background:linear-gradient(135deg,#ffecd2,#fcb69f,#ffeaa7);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.app{max-width:700px;margin:0 auto;padding:2rem;background:#fffffff2;border-radius:24px;box-shadow:0 10px 40px #0000001a}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.5rem;margin-bottom:.5rem;color:#e17055;font-weight:600}.header p{color:#888;margin:0;font-size:.9rem}.converter{display:flex;flex-direction:column;gap:1.5rem}.drop-zone{border:2px dashed #fab1a0;border-radius:20px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:linear-gradient(135deg,#fff5f3,#ffeaa7)}.drop-zone:hover,.drop-zone.dragging{border-color:#e17055;background:linear-gradient(135deg,#ffe8e3,#ffeaa7);transform:scale(1.02)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-icon{color:#e17055}.drop-text{font-size:1.1rem;margin:0;color:#555;font-weight:500}.drop-subtext{font-size:.85rem;color:#999;margin:0}.file-select-btn{display:inline-block;padding:.85rem 2rem;background:linear-gradient(135deg,#fd79a8,#e17055);color:#fff;border-radius:50px;cursor:pointer;font-weight:500;transition:transform .2s,box-shadow .2s;font-size:.95rem}.file-select-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #e1705566}.file-select-btn input{display:none}.spinner{width:48px;height:48px;border:3px solid rgba(225,112,85,.2);border-top-color:#e17055;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-list{background:#fafafa;border-radius:16px;padding:1rem;border:1px solid #f0f0f0}.file-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem 1rem;border-bottom:1px solid #eee;margin-bottom:1rem}.file-list-header h2{font-size:.95rem;margin:0;color:#666;font-weight:500}.download-all-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:.85rem;font-weight:500;transition:transform .2s,box-shadow .2s}.download-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.file-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:12px;margin-bottom:.5rem;border:1px solid #f0f0f0;transition:box-shadow .2s}.file-item:hover{box-shadow:0 4px 12px #0000000d}.file-item:last-child{margin-bottom:0}.file-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#444}.file-status{font-size:.85rem;color:#999;white-space:nowrap}.file-item.done .file-status{color:#00b894;font-weight:500}.file-item.error .file-status{color:#d63031}.progress-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fd79a8,#e17055);border-radius:3px;transition:width .3s ease}.file-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-download{padding:.5rem 1.2rem;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:.85rem;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89466}.btn-remove{padding:.5rem .8rem;background:#fff;color:#999;border:1px solid #eee;border-radius:50px;cursor:pointer;font-size:1rem;line-height:1;transition:all .2s}.btn-remove:hover{background:#fff5f5;border-color:#fab1a0;color:#e17055}.privacy-note{text-align:center;font-size:.85rem;color:#666;padding:1rem 1.5rem;background:linear-gradient(135deg,#e8f8f5,#d5f5e3);border-radius:12px;border:1px solid #a3e4d7}