*{margin:0;padding:0;box-sizing:border-box}:root{--bg: F0FFFF;--surface: #E0F7F9;--border: #77DBE4;--text: #1a1a1a;--text-muted: #333333;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){body{flex-direction:column}}a,a:visited{color:var(--accent);text-decoration:none;font-weight:500}a:hover,a:visited:hover{text-decoration:underline;color:var(--accent-hover)}main{width:100%;max-width:480px;padding:2rem}.primary-content{width:67%;height:100vh;background:var(--surface);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.primary-content{width:100%}}.sidebar{width:33%;height:100vh;background:url(/assets/bg.webp) no-repeat center center;background-size:cover}@media (max-width: 768px){.sidebar{min-height:200px;height:auto;width:100%}}img.logo{width:50px;height:50px;animation:rotate 10s linear infinite}@media screen and (prefers-reduced-motion: reduce){img.logo *{animation-iteration-count:0!important}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:3.75rem;line-height:.9;font-weight:600;margin-bottom:1.5rem}h2{font-size:1.5rem;font-weight:500;margin-bottom:1rem}p{margin-bottom:1rem;line-height:1.5}.subtitle{color:var(--text-muted);margin-bottom:2.5rem}#dropzone{position:relative;border:2px dashed var(--border);border-radius:12px;padding:3rem 2rem;cursor:pointer;transition:all .2s ease;background:var(--surface);text-align:center}#dropzone:hover,#dropzone.dragover{border-color:var(--accent);background:#3b82f60d}#dropzone.dragover{transform:scale(1.02)}.dropzone-content{pointer-events:none}.icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem}#dropzone p{font-size:1.1rem;margin-bottom:.5rem}.hint{color:var(--text-muted);font-size:.9rem}#file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}#status{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#result{margin-top:2rem}.success{color:var(--success);font-size:1.1rem;margin-bottom:1rem}#download-btn{background:var(--accent);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background .2s ease}#download-btn:hover{background:var(--accent-hover)}footer{margin-top:3rem;color:var(--text-muted);font-size:.85rem}.hidden{display:none!important}.error{color:#ef4444;margin-top:1rem}