*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:#F6F5F3;color:#111;line-height:1.5}
.page{min-height:100vh}
.header{border-bottom:1.5px solid #111;padding:14px 16px;background:#fff}
.brand{font-weight:700;font-size:15px;letter-spacing:-0.02em}
.container{max-width:740px;margin:0 auto;padding:24px 16px}
.title{font-size:22px;font-weight:700;text-align:center;margin:16px 0 20px}
.box{background:#fff;border:1.5px solid #111;padding:16px;margin-top:16px}
.input-row{display:flex;gap:8px}
input{flex:1;background:#fff;border:1.5px solid #111;padding:10px 12px;font-size:13px;outline:none;min-width:0}
input:focus{border-color:#111}
.btn{border:1.5px solid #111;background:#fff;color:#111;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}
.btn:hover{background:#111;color:#fff}
.btn-black{background:#111;color:#fff}
.btn-black:hover{background:#000}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-large{flex:1}
.status{margin-top:12px;padding:10px 12px;border:1.5px solid #111;font-size:13px;font-weight:600}
.status.hidden{display:none}
.status.info{background:#fff}
.status.success{background:#e6f4ea;border-color:#111}
.status.error{background:#fde8e8}
.status.loading{background:#fff8db}
.hidden{display:none !important}
.result-top{display:flex;gap:12px;align-items:center}
.cover{width:64px;height:64px;border:1.5px solid #111;object-fit:cover;background:#eee}
.meta{flex:1;min-width:0}
.track-title{font-size:15px;font-weight:700;word-break:break-word}
.track-id{font-size:11px;color:#666;word-break:break-all;margin-top:2px}
.track-duration{font-size:12px;color:#666;margin-top:2px}
.audio{width:100%;margin-top:12px;border:1.5px solid #111}
.download-row{display:flex;gap:8px;margin-top:12px}