/* Enregistrer dans la DAW (enregistrement.html) */
.rec-hero{min-height:600px}
.rec-hero .plugin-back{margin-bottom:28px}
.rec-stack span:first-child{color:#ff6b5b}
.rec-links{display:flex;flex-wrap:wrap;gap:4px 18px}
.rec-small{font-size:14px!important;color:var(--muted)}
.rec-small kbd,.rec-page p kbd{padding:1px 6px;border:1px solid #15192533;border-bottom-width:2px;border-radius:4px;background:#fff;font:12px 'DM Mono'}
.rec-prep code{font:12px 'DM Mono';background:#fff;padding:1px 5px;border-radius:4px}
.rec-two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.rec-two-buttons article{display:flex;gap:16px;padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.rec-two-buttons small{font:10px 'DM Mono';color:var(--blue);letter-spacing:.06em}
.rec-two-buttons h3{margin:4px 0 6px;font-size:18px}
.rec-two-buttons p{margin:0;font-size:14px;color:#434958}
.rec-dot{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#2b3242;color:#ff5b4a;font-size:18px}
.rec-dot.big{width:46px;height:46px;border-radius:50%;background:#e0412b;color:#fff;font-size:22px}
.score-like-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.score-like-grid article{padding:18px;border-radius:13px;background:#eef1f7}
.score-like-grid small{font:10px 'DM Mono';color:var(--blue);letter-spacing:.06em}
.score-like-grid h4{margin:6px 0 6px;font-size:16px}
.score-like-grid p{margin:0;font-size:14px;color:#434958}

/* Schémas */
.rec-figure{margin:18px 0;padding:14px 14px 10px;border-radius:16px;background:#151925;overflow-x:auto}
.rec-figure figcaption{margin-top:8px;font-size:13px;color:#aeb8c6}
.rec-diagram{display:block;width:100%;min-width:620px;height:auto;font-family:Manrope,system-ui,sans-serif}
.rec-tick{stroke:#8f98aa;stroke-width:1}
.rec-axis{stroke:#ffffff26;stroke-width:1}
.rec-num{font:11px 'DM Mono',monospace;fill:#8f98aa}
.rec-row{font-size:13px;font-weight:700;fill:#e7ebf3}
.rec-rowsub{font-size:10.5px;fill:#8f98aa}
.rec-rlabel{font-size:11px;font-weight:700;fill:#fff}
.rec-marker{stroke-width:2;stroke:#cfd5e1}
.rec-marker.soft{stroke:#8f98aa;stroke-dasharray:4 4}
.rec-marker.in,.rec-marker.out{stroke:#ff6b5b}
.rec-mlabel{font:700 10.5px 'DM Mono',monospace;fill:#e7ebf3}
.rec-zone{font:11px 'DM Mono',monospace;fill:#8be8bd}
.rec-punchzone{fill:#e0412b14}
.rec-take{fill:#2d3547;stroke:#4a5470}
.rec-take.last{stroke:#8be8bd}
.rec-wave{fill:#8f98aa;opacity:.75}
.rec-wave-new{fill:#ffc2b8;opacity:.9}
.rec-dim{fill:#151925;opacity:.55}
.rec-hear-old{fill:#1762ff55;stroke:#6f9bff}
.rec-hear-in{fill:#ff704855;stroke:#ff9a7e}
.rec-new{fill:#b3301f;stroke:#ff6b5b}
.rec-fade{fill:#151925;opacity:.6}
.rec-note{font-size:10.5px;fill:#aeb8c6}
.rec-cycle{fill:#ffd36e33;stroke:#ffd36e}
.rec-cycletext{font:10px 'DM Mono',monospace;fill:#ffd36e}
.rec-arrow{fill:none;stroke:#ffd36e;stroke-width:2}
.rec-pick{fill:none;stroke:#ffd36e;stroke-width:2.5}
.rec-comp{stroke:#ffd36e}
.rec-comp.a{fill:#3a4a7d}.rec-comp.b{fill:#35506a}.rec-comp.c{fill:#4a3f6e}
.rec-btn{fill:#e0412b;stroke:#fff;stroke-width:2}
.rec-btn.blink{fill:#e0412b66;stroke:#ff6b5b;stroke-dasharray:3 3}
.rec-wait{fill:#ffffff14}
.rec-play{fill:#2c9d63}

/* Outil : transport simulé */
.rec-tool-section .topic-section>div{min-width:0}
.rec-transport{margin:18px 0;border-radius:18px;overflow:hidden;background:#111620;color:#fff;border:1px solid #ffffff16;user-select:none;-webkit-user-select:none}
.rt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 12px;background:#1b2130;border-bottom:1px solid #ffffff12}
.rt-transport{display:flex;gap:4px}
.rt-transport button{width:44px;height:38px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:8px;background:#111620;color:#e7ebf3;font-size:15px;cursor:pointer}
.rt-transport button:hover{background:#252d3e}
.rt-transport .rt-rec{color:#ff5b4a}
.rt-transport .rt-rec.on{background:#e0412b;border-color:#ff8a7a;color:#fff}
.rt-transport .rt-rec.ready{animation:rtBlink .8s steps(2,start) infinite}
@keyframes rtBlink{to{background:#e0412b;color:#fff}}
.rt-transport .rt-play.on{background:#2c9d63;border-color:#6fd3a1;color:#fff}
.rt-lcd{padding:6px 12px;border-radius:8px;background:#0b0f16;border:1px solid #ffffff14;font:600 15px 'DM Mono';color:var(--mint);min-width:92px;text-align:center}
.rt-hear{display:flex;align-items:center;gap:8px;font-size:12px;color:#aab2c2}
.rt-hear b{padding:5px 10px;border-radius:100px;background:#252b38;color:#fff;font-size:12px}
.rt-hear b.track{background:#1762ff;}
.rt-hear b.input{background:#ff7048}
.rt-hear b.take{background:#b3301f;box-shadow:inset 0 0 0 1px #ff9a7e}
.rt-hear b.none{background:#252b38;color:#8f98aa}
.rt-options{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;background:#161c28;border-bottom:1px solid #ffffff10;font-size:12px;color:#cfd5e1}
.rt-options label{display:flex;align-items:center;gap:6px;cursor:pointer}
.rt-options select{padding:4px 6px;border:1px solid #ffffff2a;border-radius:6px;background:#111620;color:#fff;font:inherit;font-size:12px}
.rt-options input{accent-color:var(--mint)}
.rt-options .rt-off{opacity:.45}
.rt-stage{position:relative;padding:8px 10px 10px;overflow-x:auto}
.rt-svg{display:block;width:100%;min-width:640px;height:auto;touch-action:none}
.rt-row-label{font-size:12px;font-weight:700;fill:#e7ebf3}
.rt-row-sub{font-size:10px;fill:#8f98aa}
.rt-arm{cursor:pointer}
.rt-arm circle{fill:#2b3242;stroke:#ffffff40}
.rt-arm.on circle{fill:#e0412b;stroke:#ffb0a6}
.rt-arm text{font:700 9px 'DM Mono',monospace;fill:#fff;pointer-events:none}
.rt-ruler{fill:#1b2130;cursor:pointer}
.rt-grid{stroke:#ffffff10}.rt-grid.bar{stroke:#ffffff26}
.rt-num{font:10px 'DM Mono',monospace;fill:#8f98aa;pointer-events:none}
.rt-lane{fill:#161c28}
.rt-orig{fill:#2d3547;stroke:#4a5470}
.rt-origwave{fill:#8f98aa;opacity:.6}
.rt-hidden{fill:#111620;opacity:.6}
.rt-take{fill:#6b2418;stroke:#ff6b5b;cursor:pointer}
.rt-take.active{fill:#b3301f;stroke:#fff}
.rt-takewave{fill:#ffc2b8;opacity:.8;pointer-events:none}
.rt-takelabel{font:700 10px 'DM Mono',monospace;fill:#fff;pointer-events:none}
.rt-recording{fill:#e0412b;opacity:.85}
.rt-punchzone{fill:#e0412b18}
.rt-marker line{stroke:#ff6b5b;stroke-width:2}
.rt-marker path{fill:#ff6b5b;cursor:ew-resize}
.rt-marker text{font:700 9.5px 'DM Mono',monospace;fill:#ffb0a6;pointer-events:none}
.rt-marker.disabled line{stroke:#ff6b5b55}
.rt-marker.disabled path{fill:#ff6b5b66}
.rt-preroll{fill:#8be8bd1f;stroke:#8be8bd66;stroke-dasharray:3 3}
.rt-cycle{fill:#ffd36e2e;stroke:#ffd36e}
.rt-head line{stroke:#fff;stroke-width:2}
.rt-head path{fill:#fff}
.rt-startpos{fill:#8be8bd}
.rt-status{padding:8px 14px 14px;border-top:1px solid #ffffff10}
.rt-msg{font-size:14px;color:var(--mint);min-height:1.4em}
.rt-msg.flash{animation:rtFlash .3s ease}
@keyframes rtFlash{from{opacity:.4;transform:translateY(2px)}}
.rt-soft{font-size:13px;color:#cfd5e1;min-height:1.3em}

@media(max-width:900px){.rec-two-buttons,.score-like-grid{grid-template-columns:1fr}}
@media(max-width:700px){.rec-hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.rt-transport .rt-rec.ready{animation:none;background:#e0412b88}.rt-msg.flash{animation:none}}
.rt-ico{width:15px;height:15px;fill:currentColor;display:block;margin:auto}