*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafaf9;--color-surface: #ffffff;--color-border: #e2e0dd;--color-text: #1c1917;--color-text-muted: #78716c;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-drop-bg: #f5f5f4;--color-drop-active: #eff6ff;--color-drop-border-active: #2563eb;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;padding:2rem 1rem 1rem}header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.95rem}main{flex:1;width:100%;margin:0 auto;padding:0 2rem 2rem}#drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-drop-bg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}#drop-zone.drag-over{border-color:var(--color-drop-border-active);background:var(--color-drop-active)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted)}.drop-zone-content svg{opacity:.5}.or-text{font-size:.85rem;color:var(--color-text-muted)}.file-label{display:inline-block;padding:.5rem 1.25rem;background:var(--color-accent);color:#fff;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s}.file-label:hover{background:var(--color-accent-hover)}#status{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-muted)}#status.error{color:#dc2626;border-color:#fca5a5;background:#fef2f2}#sheet-container{margin-top:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;overflow-x:auto}#actions{margin-top:1rem;text-align:center}#download-btn{padding:.6rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s}#download-btn:hover:not(:disabled){background:var(--color-accent-hover)}#download-btn:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes piano-fall-teal{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}50%{opacity:1;box-shadow:0 0 20px #14b8a6,0 0 40px #14b8a6,inset 0 0 10px #ffffff80;filter:brightness(1.5)}85%{opacity:1}to{transform:translateY(200%);opacity:0}}@keyframes piano-fall-pink{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}50%{opacity:1;box-shadow:0 0 20px #db2777,0 0 40px #db2777,inset 0 0 10px #ffffff80;filter:brightness(1.5)}85%{opacity:1}to{transform:translateY(200%);opacity:0}}.spinner:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem;vertical-align:middle}footer{text-align:center;padding:1.5rem;font-size:.85rem}footer a{color:var(--color-text-muted);text-decoration:none}footer a:hover{color:var(--color-accent)}