:root{--primary-color: #2563eb;--bg-color: #f8fafc;--card-bg: #ffffff;--text-color: #1e293b;--border-color: #e2e8f0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;margin:0;padding:2rem}.container{max-width:800px;margin:0 auto}h1{text-align:center;margin-bottom:2rem}.card{background:var(--card-bg);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.controls{margin-bottom:1rem;display:flex;gap:1rem;align-items:center}button{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){opacity:.9}.status{margin-bottom:1rem;font-style:italic;color:#64748b}.metadata-display{background:#f1f5f9;padding:1rem;border-radius:4px;overflow-x:auto;font-family:monospace;font-size:.9rem;min-height:50px}audio{width:100%;margin-bottom:1rem}