.audio-tool-page section{padding:60px 0;border-bottom:1px solid var(--line)}
.audio-tool-page .hero{grid-template-columns:1.4fr 1fr;gap:45px;padding:70px 0}.audio-tool-page h1{font-size:clamp(38px,5vw,64px);line-height:1.12;margin:24px 0}.audio-tool-page h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.audio-tool-page .lead{font-size:16px;max-width:580px}.audio-tool-page .tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.audio-tool-page .tags span{font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:30px}
.audio-tool-page .record-art{background:#ed682f;min-height:430px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#29180e;padding:25px}.audio-tool-page .record{width:280px;height:280px;border-radius:100%;background:repeating-radial-gradient(#292420 0 2px,#181614 3px 5px);display:grid;place-items:center;box-shadow:10px 15px 30px #73290066}.audio-tool-page .label{background:#ece2c7;width:110px;height:110px;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:16px;line-height:1.1}.audio-tool-page .label small{font-size:6px;letter-spacing:.1em;margin-top:4px}.audio-tool-page .record-art p{font-weight:700;font-size:11px;letter-spacing:.12em;text-align:center;margin-top:20px}.audio-tool-page .record-art small{font-weight:400;letter-spacing:0}
.audio-tool-page .desk{scroll-margin-top:100px}.audio-tool-page .section-title p{max-width:660px;color:var(--muted);margin:18px 0}.audio-tool-page .section-title h2{margin:15px 0}.audio-tool-page .controls{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.audio-tool-page .file-label{font-size:13px;font-weight:700}.audio-tool-page input[type=file]{padding:15px;border:1px dashed var(--muted);font-size:14px}.audio-tool-page input::file-selector-button{background:var(--soft);color:var(--text);border:0;padding:10px;margin-right:15px;border-radius:4px}.audio-tool-page .fields{margin:22px 0}.audio-tool-page .fields label{font-size:13px}.audio-tool-page .actions{display:flex;flex-wrap:wrap;gap:10px}.audio-tool-page .note,.audio-tool-page #status{font-size:12px;margin:16px 0}.audio-tool-page #status{color:var(--accent);min-height:26px}.audio-tool-page .tempo-panel{margin-top:25px;padding:24px;border-left:2px solid var(--accent)}.audio-tool-page .tempo-panel p{color:var(--muted);margin:16px 0}.audio-tool-page .about{max-width:780px}.audio-tool-page .about p{color:var(--muted);margin-top:18px}
@media(max-width:760px){.audio-tool-page .hero{grid-template-columns:1fr;padding:40px 0;gap:28px}.audio-tool-page .record-art{min-height:280px}.audio-tool-page .record{width:200px;height:200px}.audio-tool-page section{padding:40px 0}.audio-tool-page .fields{grid-template-columns:1fr}.audio-tool-page .controls{padding:18px}.audio-tool-page .actions button{flex:1 1 130px}}