[data-tool=audio_recorder] .ar-hero{position:relative;padding:30px 32px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(ellipse at 85% 0%,#e5484d33,transparent 55%),radial-gradient(ellipse at 0% 100%,#f6cd6314,transparent 50%),#242032;margin-bottom:18px}
[data-tool=audio_recorder] .ar-hero::before{content:"RECORD · REVIEW · DOWNLOAD";display:block;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#d1b3f5;margin-bottom:10px}
[data-tool=audio_recorder] .ar-hero .tw-intro{color:#e1cfea;max-width:70ch;margin:8px 0 0;font-size:16px;line-height:1.6}
[data-tool=audio_recorder] .ar-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}[data-tool=audio_recorder] .ar-chips span{padding:4px 11px;border:1px solid #756087;border-radius:999px;font-size:12.5px;color:#e4d2f4}
[data-tool=audio_recorder] .ar-work{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:14px;align-items:start}[data-tool=audio_recorder] .ar-work .tw-panel{margin:0;min-width:0;border-radius:16px}
[data-tool=audio_recorder] .ar-set h2,[data-tool=audio_recorder] .ar-list h2,[data-tool=audio_recorder] .ar-set h3,[data-tool=audio_recorder] .ar-scope h2{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#d1b3f5;margin:0 0 10px}[data-tool=audio_recorder] .ar-set h3{margin:18px 0 6px;padding-top:14px;border-top:1px solid #3a3350}
[data-tool=audio_recorder] .ar-set label{display:block;margin-top:10px;font-size:14px}[data-tool=audio_recorder] .ar-set select,[data-tool=audio_recorder] .ar-set input[type=number]{width:100%;box-sizing:border-box;min-height:44px;font-size:16px;margin-top:5px}
[data-tool=audio_recorder] .ar-set .ar-check{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:8px;min-height:40px;margin:0;border-bottom:1px solid #2e2840}
[data-tool=audio_recorder] .ar-check input{appearance:none;-webkit-appearance:none;flex:none;width:38px;height:22px;border-radius:11px;background:#141022;border:1px solid #5a4d74;position:relative;cursor:pointer;margin:0}[data-tool=audio_recorder] .ar-check input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8d82a8;transition:left .15s}
[data-tool=audio_recorder] .ar-check input:checked{background:#f6cd63;border-color:#f6cd63}[data-tool=audio_recorder] .ar-check input:checked::after{left:18px;background:#241c10}[data-tool=audio_recorder] .ar-check input:focus-visible{outline:2px solid #d1b3f5;outline-offset:2px}[data-tool=audio_recorder] .ar-check input:disabled{opacity:.5}
[data-tool=audio_recorder] .ar-note{font-size:13px;margin:10px 0 0;color:#bfb3d3}
[data-tool=audio_recorder] .ar-deck{padding:22px;background:radial-gradient(ellipse at 50% 0%,#774bae33,transparent 60%),#1e1a2b}
[data-tool=audio_recorder] .ar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}[data-tool=audio_recorder] .ar-tag{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#d1b3f5}
[data-tool=audio_recorder] .ar-clock{font:800 clamp(34px,4.4vw,58px)/1 ui-monospace,Consolas,monospace;color:#fff;font-variant-numeric:tabular-nums}
[data-tool=audio_recorder] #arWave{display:block;width:100%;height:200px;box-sizing:border-box;border-radius:12px;border:1px solid #3a3350;background:linear-gradient(transparent calc(50% - 1px),#4a3f66 calc(50% - 1px),#4a3f66 calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 45px),#141022}
[data-tool=audio_recorder] .ar-meter{height:10px;margin-top:12px;background:#141022;border-radius:6px;overflow:hidden;border:1px solid #2e2840}[data-tool=audio_recorder] #arLevel{display:block;height:100%;width:0;background:linear-gradient(90deg,#46c47e,#f6cd63)}[data-tool=audio_recorder] #arLevel[data-hot=true]{background:#ff5f6d}
[data-tool=audio_recorder] #arLevelText{margin:6px 0 16px;text-align:center;font-size:14px;color:#cbbfe0}
[data-tool=audio_recorder] .ar-keys{display:flex;gap:10px;justify-content:center;align-items:center}[data-tool=audio_recorder] .ar-keys button{min-height:52px;min-width:110px;font-size:17px;font-weight:700;border-radius:999px}
[data-tool=audio_recorder] #arStart{background:#f6cd63;color:#241c10;border:0;flex:0 1 240px;min-height:60px;font-size:19px;box-shadow:0 6px 22px #f6cd6333}[data-tool=audio_recorder] #arStart:disabled{opacity:.45;box-shadow:none}
[data-tool=audio_recorder] .ar-deck .tw-status{margin:16px 0 0;text-align:center}
[data-tool=audio_recorder] .ar-list{max-height:620px;overflow:auto}[data-tool=audio_recorder] #arEmpty{margin:0;padding:18px;border:1px dashed #5a4d74;border-radius:12px;font-size:14px;color:#cbbfe0}
[data-tool=audio_recorder] .ar-take{padding:12px;margin-top:10px;border:1px solid #3a3350;border-radius:12px;background:#1e1a2b;display:grid;gap:7px}[data-tool=audio_recorder] .ar-take input{font-weight:700;width:100%;box-sizing:border-box;min-height:40px;font-size:16px}[data-tool=audio_recorder] .ar-take audio{width:100%}[data-tool=audio_recorder] .ar-take .tw-actions{display:flex;flex-wrap:wrap;gap:6px}[data-tool=audio_recorder] .ar-take .tw-actions button{flex:1 1 auto}[data-tool=audio_recorder] button{min-height:44px}
[data-tool=audio_recorder] .ar-scope{margin-top:14px}[data-tool=audio_recorder] .ar-scope p{margin:0;font-size:14px;color:#cbbfe0}
@media(max-width:1100px){[data-tool=audio_recorder] .ar-work{grid-template-columns:240px minmax(0,1fr)}[data-tool=audio_recorder] .ar-list{grid-column:1/-1;max-height:none}}
@media(max-width:800px){[data-tool=audio_recorder] .ar-work{grid-template-columns:minmax(0,1fr)}[data-tool=audio_recorder] .ar-deck{order:-1;padding:16px}[data-tool=audio_recorder] .ar-hero{padding:20px}[data-tool=audio_recorder] #arWave{height:120px}[data-tool=audio_recorder] .ar-keys{flex-wrap:wrap}[data-tool=audio_recorder] .ar-keys button{min-width:0;flex:1 1 40%}[data-tool=audio_recorder] #arStart{flex:1 1 100%}}