*{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}
/* side ads - rectangular, on sides on desktop, stacked below on mobile */
.layout{display:block}
.side-ad{display:block;margin-top:16px}
.side-inner{border:1.5px solid #111;background:#fff;padding:8px}
.side-label{font-size:10px;font-weight:800;letter-spacing:0.1em;color:#666;text-align:center;margin-bottom:6px}
@media(min-width:1100px){
  .layout{display:grid;grid-template-columns:180px 1fr 180px;gap:16px;align-items:start;max-width:1100px;margin:16px auto 0}
  .side-inner{position:sticky;top:80px}
  .container{max-width:1100px}
}
/* adblock modal - blocks site until disabled */
.adblock-modal{position:fixed;inset:0;background:rgba(246,245,243,0.96);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}
.adblock-modal.hidden{display:none !important}
.adblock-box{background:#fff;border:2px solid #111;padding:20px;max-width:420px;width:100%;text-align:center}
.adblock-box h2{font-size:18px;margin-bottom:8px}
.adblock-box p{font-size:13px;line-height:1.5}