*{box-sizing:border-box}body{margin:0;background:#0d1117;color:#e6edf3;font-family:system-ui,Arial;min-height:100vh;display:grid;place-items:center;padding:20px}main{width:min(620px,100%);background:#161b22;border:1px solid #30363d;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0005}h1{margin-top:0}label{display:block;margin:18px 0 7px;font-weight:600}.muted{color:#8b949e}textarea,input{width:100%;background:#0d1117;color:#fff;border:1px solid #30363d;border-radius:12px;padding:12px}textarea{min-height:95px;resize:vertical}button,a{border:0;border-radius:12px;padding:12px 16px;margin-top:14px;cursor:pointer;background:#30363d;color:white;text-decoration:none;display:inline-block}.primary{width:100%;background:#238636;font-weight:700}.row{display:flex;gap:10px;flex-wrap:wrap}audio{width:100%;margin-top:14px}#status,#revStatus{margin-top:14px;color:#8b949e}button:disabled{opacity:.5;cursor:not-allowed}

/* Tabs */
.tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #30363d}.tab{flex:1;padding:12px;margin:0;background:transparent;border-radius:12px 12px 0 0;border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:600;color:#8b949e}.tab.active{color:#e6edf3;border-bottom-color:#238636;background:#0d1117}.tab:hover{color:#e6edf3}

/* Sound tags */
.secondary{background:#21262d;border:1px solid #30363d;font-size:13px;padding:8px 14px;margin:0 0 10px;width:auto}
.sound-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 6px;align-items:center}.sound-tag-label{color:#8b949e;font-size:13px;margin-right:4px}.tag-btn{margin:0;padding:5px 10px;font-size:12px;border-radius:8px;background:#21262d;border:1px solid #30363d}.tag-btn:hover{background:#30363d}