/* Rap Battle Studios 7.0 — Studio Simple Pro
   Die Oberfläche bleibt absichtlich klein. Beat, Stimme, weitere Spur,
   Record, Play, Monitor, Preset. Alles Technische liegt weiter im Motor
   oder hinter Audio/Fertig. */

:root{
  --v70-red:#ff1c3f;
  --v70-red2:#d6082c;
  --v70-red-soft:rgba(255,28,63,.16);
  --v70-amber:#ff9f18;
  --v70-amber-soft:rgba(255,159,24,.16);
  --v70-cyan:#35bdf4;
  --v70-bg:#030608;
  --v70-panel:#080d10;
  --v70-panel2:#0b1115;
  --v70-line:#1b272d;
  --v70-text:#f6f7f8;
  --v70-muted:#7f8b92;
  --sm-kopfbreite:260px;
  --sm-zeilenhoehe:116px;
  --sm-linealhoehe:46px;
}

/* Studio bekommt die volle nutzbare Breite. */
body[data-view="studio"]{
  background:
    radial-gradient(1000px 620px at 82% 8%,rgba(255,18,61,.075),transparent 62%),
    radial-gradient(700px 520px at 12% 90%,rgba(255,18,61,.035),transparent 68%),
    #030608;
}
body[data-view="studio"] #page-studio{
  max-width:none;
  padding:28px clamp(18px,2.7vw,46px) 52px;
}
#page-studio.v70-studio-page .studio{max-width:1560px;margin:0 auto;}

/* ------------------------------------------------------------------
   Kopf: nur Modus, Audio und Fertig. */
#page-studio .studio-kopf{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:center;
  gap:18px;
  margin:0 0 22px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#page-studio .sk-titel{min-width:0;}
#page-studio .sk-titel .kicker{color:var(--v70-red);letter-spacing:.24em;font-size:9px;}
#page-studio .sk-titel h2{
  margin:6px 0 4px;
  color:var(--v70-text);
  font:800 clamp(27px,3vw,44px)/1 var(--display);
  letter-spacing:-.045em;
}
#page-studio .sk-titel .hint{margin:0;color:#89959b;font-size:13px;}
#page-studio .v70-project-beat{display:none;}
#page-studio .v70-mobile-brand{display:none;}

#page-studio #studioModus{
  display:flex;
  min-width:330px;
  padding:4px;
  border:1px solid #202b31;
  border-radius:999px;
  background:#060a0d;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
#page-studio .modus-knopf{
  flex:1;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  gap:9px;
  font-size:13px;
  letter-spacing:.01em;
}
#page-studio .modus-knopf.an{
  color:#fff;
  background:linear-gradient(180deg,#ff2449,#dc082f);
  box-shadow:0 0 0 1px rgba(255,78,104,.62),0 0 24px rgba(255,18,61,.24),inset 0 1px rgba(255,255,255,.22);
}
#page-studio .modus-knopf.an svg{color:#fff;}

#page-studio .v70-head-actions{display:flex;align-items:center;gap:9px;}
#page-studio .v70-audio-btn,
#page-studio .sk-fertig{
  min-height:46px;
  border-radius:12px;
  font:700 12px/1 var(--font);
}
#page-studio .v70-audio-btn{
  display:flex;align-items:center;gap:7px;
  padding:0 13px;
  border:1px solid #25333a;
  background:#081015;
  color:#c6cdd1;
  cursor:pointer;
}
#page-studio .v70-audio-btn:hover{border-color:#3b4a52;color:#fff;}
#page-studio .sk-fertig{
  min-width:104px;
  padding:0 18px;
  border:1px solid #ff3557;
  background:linear-gradient(180deg,#ff2449,#dc082f);
  box-shadow:0 0 24px -12px rgba(255,18,61,.95),inset 0 1px rgba(255,255,255,.18);
}

/* V6.7 Telemetrie bleibt technisch vorhanden, ist aber nicht die
   Hauptoberfläche. Man erreicht sie über Audio. */
#page-studio .v67-session-strip,
#page-studio .v67-shortcuts,
#page-studio .v67-track-summary,
#page-studio .v67-writing-metrics{display:none!important;}

/* Der alte Booth ist jetzt nur noch die Engine-Brücke: btnRec, Pegel,
   Count-in und Live-Monitor laufen weiter, aber sie belegen keinen Platz. */
#page-studio .v70-engine-bridge{display:none!important;}
#page-studio #transport{display:none!important;}

/* Live-Lyrics sind das Zentrum der Aufnahme. Der Text bleibt vor und
   waehrend des Takes sichtbar, mit genau einer dominanten Blicklinie. */
#page-studio .v70-lyrics-stage{
  margin:0 0 12px;
  overflow:hidden;
  border:1px solid #1a2a31;
  border-radius:18px;
  background:radial-gradient(800px 300px at 50% 100%,rgba(255,18,61,.085),transparent 72%),#050a0d;
  box-shadow:0 28px 80px -62px #000,inset 0 1px rgba(255,255,255,.035);
}
#page-studio .v70-lyrics-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 20px;border-bottom:1px solid #17242a;background:rgba(8,14,18,.86);
}
#page-studio .v70-lyrics-head h3{margin:4px 0 3px;font:800 18px/1.05 var(--display);}
#page-studio .v70-lyrics-head p{margin:0;color:#75838a;font-size:10px;}
#page-studio .v70-lyrics-actions{display:flex;align-items:center;gap:8px;}
#page-studio .v70-auto-lyrics,#page-studio .v70-edit-lyrics{
  min-height:38px;padding:0 12px;display:flex;align-items:center;gap:8px;
  border:1px solid #26363d;border-radius:10px;background:#0a1216;color:#c7d0d4;
  font:700 10px/1 var(--font);cursor:pointer;
}
#page-studio .v70-auto-lyrics input{accent-color:#ff1743;}
#page-studio .v70-lyrics-stage .booth-buehne{
  min-height:clamp(250px,36vh,440px);
  padding:clamp(28px,5vw,74px);
  display:grid;align-items:center;
  border:0;border-radius:0;background:transparent;cursor:pointer;
}
#page-studio .v70-lyrics-stage .booth-text{width:100%;}
#page-studio .v70-lyrics-nav{
  min-height:52px;padding:8px 12px;display:grid;grid-template-columns:120px 1fr 120px;
  align-items:center;gap:12px;border-top:1px solid #17242a;background:#070d10;
}
#page-studio .v70-lyrics-nav button{
  min-height:36px;border:1px solid #26363d;border-radius:9px;background:#0b1317;color:#e4e8ea;
  font:700 10px/1 var(--font);cursor:pointer;
}
#page-studio .v70-lyrics-nav span{text-align:center;color:#6f7e85;font-size:9px;}

/* Recording Focus: Text maximieren, Technik reduzieren, Stop immer im
   Daumenbereich halten. Die alte globale Regel blendete versehentlich
   die komplette Spur samt Stop-Knopf aus. */
body.nimmt-auf #page-studio .studio-pane[data-pane="take"]>.v70-track-lane{display:block!important;overflow:visible;}
body.nimmt-auf #page-studio .v70-track-title,
body.nimmt-auf #page-studio .spurmaske,
body.nimmt-auf #page-studio .v70-preset-row,
body.nimmt-auf #page-studio .spur-regler{display:none!important;}
body.nimmt-auf #page-studio .v70-lyrics-stage{border-color:rgba(255,39,73,.62);box-shadow:0 0 0 1px rgba(255,18,61,.12),0 0 70px -35px rgba(255,18,61,.78);}
body.nimmt-auf #page-studio .v70-lyrics-stage .booth-buehne{min-height:clamp(390px,58vh,700px);}
body.nimmt-auf #page-studio .v70-edit-lyrics{display:none;}
body.nimmt-auf #page-studio .sm-transport.v70-transport{
  position:fixed;z-index:140;left:50%;right:auto;bottom:18px;transform:translateX(-50%);
  width:min(560px,calc(100vw - 24px));padding:13px 16px 18px;
  border:1px solid rgba(255,54,86,.35);border-radius:22px;
  background:rgba(4,8,11,.95);box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 35px -18px #ff123d;
  backdrop-filter:blur(22px);
}

/* ------------------------------------------------------------------
   Hauptspurmaske */
#page-studio .v70-track-lane{
  margin:0!important;
  padding:0;
  border:1px solid #172329;
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(10,16,20,.96),rgba(5,9,12,.98)),
    radial-gradient(500px 260px at 70% 20%,rgba(255,18,61,.05),transparent 70%);
  overflow:hidden;
  box-shadow:0 26px 80px -58px #000,inset 0 1px rgba(255,255,255,.025);
}
#page-studio .v70-track-title{
  display:flex;align-items:end;justify-content:space-between;gap:18px;
  padding:18px 20px 14px;
  border-bottom:1px solid #162229;
}
#page-studio .v70-track-title .kicker{color:var(--v70-red);font-size:8px;letter-spacing:.2em;}
#page-studio .v70-track-title h3{margin:4px 0 0;font:800 18px/1.05 var(--display);}
#page-studio .v70-track-hint{color:#69767d;font-size:11px;}
#page-studio #takeList{padding:0;background:transparent;}

#page-studio .spurmaske{
  display:grid;
  grid-template-columns:var(--sm-kopfbreite) minmax(0,1fr);
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#04080b;
  box-shadow:none;
}
#page-studio .sm-links{
  background:linear-gradient(180deg,#0a1014,#080d10);
  border-right:1px solid #1a262c;
}
#page-studio .sm-ecke{
  height:var(--sm-linealhoehe);
  padding:0 15px;
  border-bottom:1px solid #19252b;
  background:#070c0f;
}
#page-studio .sm-uhr{
  color:#a9b2b7;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
#page-studio .sm-ecke .sm-mini{
  border:1px solid #2a383f;
  background:#0d1519;
  color:#859198;
}

#page-studio .sm-kopf-zeile{
  position:relative;
  height:var(--sm-zeilenhoehe);
  padding:15px 14px 15px 17px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  flex-direction:initial;
  border:0;
  border-left:0;
  border-bottom:1px solid #172228;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent);
  color:#fff;
}
#page-studio .sm-kopf-zeile:hover{background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);}
#page-studio .sm-kopf-zeile.an{
  background:linear-gradient(90deg,rgba(255,28,63,.095),transparent 88%);
  box-shadow:inset 3px 0 var(--v70-red);
}
#page-studio .sm-kopf-zeile.sm-beat{
  box-shadow:inset 3px 0 var(--v70-amber);
}
#page-studio .v70-track-icon{
  width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;
  font-size:23px;font-weight:800;
  border:1px solid #27333a;
  background:#0b1115;
}
#page-studio .v70-track-icon.beat{
  color:var(--v70-amber);
  border-color:rgba(255,159,24,.28);
  background:linear-gradient(145deg,rgba(255,159,24,.18),rgba(255,159,24,.045));
}
#page-studio .v70-track-icon.vocal{
  color:#ff3b59;
  font-size:0;
  border-color:rgba(255,28,63,.28);
  background:linear-gradient(145deg,rgba(255,28,63,.18),rgba(255,28,63,.045));
}
#page-studio .v70-track-icon.vocal:before{
  content:"";width:14px;height:25px;border-radius:9px;
  border:3px solid currentColor;border-top-width:3px;
  box-shadow:0 10px 0 -7px currentColor;
}
#page-studio .v70-track-icon.add{
  color:var(--v70-cyan);
  border-color:rgba(53,189,244,.26);
  background:rgba(53,189,244,.07);
  font-size:30px;font-weight:400;
}
#page-studio .v70-track-copy{display:grid;gap:5px;min-width:0;}
#page-studio .v70-track-copy .sm-name{
  width:auto;
  color:#f6f7f8;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.02em;
}
#page-studio .v70-track-copy small{
  color:#7d8990;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
#page-studio .v70-beat-change{
  grid-column:2/4;
  justify-self:start;
  margin-top:-3px;
  min-height:30px;
  padding:0 10px;
  border:1px solid #2c393f;
  border-radius:8px;
  background:#0d1418;
  color:#c9d0d3;
  font:700 10px/1 var(--font);
  cursor:pointer;
}
#page-studio .v70-beat-change:hover{border-color:rgba(255,159,24,.5);color:#fff;}
#page-studio .v70-track-menu{
  width:34px;height:38px;border:0;border-radius:9px;
  background:transparent;color:#748087;font-size:23px;cursor:pointer;
}
#page-studio .v70-track-menu:hover{background:#111a1f;color:#fff;}
#page-studio .sm-schalter{
  display:flex;gap:5px;align-items:center;justify-content:flex-end!important;
}
#page-studio .sm-mini{
  min-width:28px;height:28px;border-radius:8px;
  border:1px solid #26343a;background:#0c1418;color:#748087;
}
#page-studio .sm-mini.an{border-color:#ff3152;background:rgba(255,28,63,.13);color:#ff4260;}
#page-studio .sm-mini.solo.an{border-color:#ffac32;background:rgba(255,159,24,.12);color:#ffad32;}

#page-studio .sm-rechts{
  background:#030709;
  scrollbar-color:#2c383e #060b0e;
}
#page-studio .sm-lineal{
  height:var(--sm-linealhoehe);
  border-bottom:1px solid #19252b;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 22px),
    #05090c;
}
#page-studio .sm-takt{top:14px;color:#9da6ab;font-size:11px;padding-left:7px;}
#page-studio .sm-takt::before{background:rgba(255,255,255,.16);top:-14px;bottom:-15px;}
#page-studio .sm-bahn{
  height:var(--sm-zeilenhoehe);
  border-bottom:1px solid #172228;
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px),
    linear-gradient(90deg,rgba(255,255,255,.006),transparent);
  background-size:auto;
}
#page-studio .sm-bahn.an{background-color:rgba(255,28,63,.035);}
#page-studio .sm-block{top:10px;bottom:10px;border-radius:12px;}
#page-studio .sm-block-beat{
  background:linear-gradient(180deg,rgba(121,69,4,.62),rgba(63,36,2,.58));
  box-shadow:inset 0 0 0 1px rgba(255,159,24,.68),0 0 18px -14px rgba(255,159,24,.7);
}
#page-studio .sm-block-stimme,
#page-studio .sm-block-stimme.an{
  background:linear-gradient(180deg,rgba(102,9,23,.68),rgba(50,5,13,.68));
  box-shadow:inset 0 0 0 1px rgba(255,37,70,.68),0 0 18px -14px rgba(255,28,63,.7);
}
#page-studio .sm-welle{padding:6px 3px;}
#page-studio .sm-abspielkopf{
  z-index:7;
  width:2px;margin-left:-1px;
  background:linear-gradient(#ff6981,var(--v70-red));
  box-shadow:0 0 10px rgba(255,28,63,.9),0 0 24px rgba(255,28,63,.38);
}
#page-studio .sm-abspielkopf::before{
  top:-5px;left:-5px;width:12px;height:12px;
  background:#ff526e;
  box-shadow:0 0 0 3px rgba(255,28,63,.17),0 0 14px #ff1c3f;
}

/* Add Track ist ein klarer, eigener Schritt. */
#page-studio .sm-kopf-zeile.sm-neu{min-height:86px;height:86px;color:#e7ecee;}
#page-studio .sm-bahn-neu{height:86px!important;}
#page-studio .v70-add-lane{
  display:flex;align-items:center;justify-content:center;gap:10px;
  border:1px dashed #29373e!important;
  background:rgba(255,255,255,.008)!important;
  color:#869299;
  font:600 12px/1.2 var(--font);
  cursor:pointer;
}
#page-studio .v70-add-lane:hover{border-color:#41525b!important;color:#fff;background:rgba(255,255,255,.022)!important;}
#page-studio .v70-add-lane>span{font-size:24px;color:#9ba5aa;}
#page-studio .v70-add-choices{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  padding:9px;
  gap:8px;
  border-style:solid!important;
}
#page-studio .v70-add-choices button{
  min-width:0;
  display:grid;gap:3px;text-align:left;
  padding:12px 14px;
  border:1px solid #26343a;border-radius:10px;
  background:#0a1115;color:#fff;cursor:pointer;
}
#page-studio .v70-add-choices button:hover{border-color:#ff3456;background:rgba(255,28,63,.08);}
#page-studio .v70-add-choices b{font-size:12px;}
#page-studio .v70-add-choices small{color:#718087;font-size:9.5px;}

/* Presets: ein Tipp. Die Technik dahinter bleibt verborgen. */
#page-studio .v70-preset-row{
  display:grid;
  grid-template-columns:auto repeat(5,minmax(88px,1fr));
  gap:8px;
  align-items:center;
  padding:13px 16px;
  border-top:1px solid #172329;
  background:#070c0f;
}
#page-studio .v70-preset-label{
  margin-right:5px;color:#8d999f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;
}
#page-studio .v70-preset{
  min-height:38px;
  padding:0 12px;
  border:1px solid #25343b;border-radius:9px;
  background:#0a1115;color:#bec7cb;
  font:700 11px/1 var(--font);cursor:pointer;
}
#page-studio .v70-preset:hover{border-color:#465860;color:#fff;}
#page-studio .v70-preset.an{
  border-color:#ff3152;color:#fff;
  background:linear-gradient(180deg,rgba(255,28,63,.17),rgba(255,28,63,.08));
  box-shadow:0 0 16px -10px rgba(255,28,63,.95);
}

/* Transportdock: Mittelpunkt ist Record. */
#page-studio .sm-transport.v70-transport{
  display:grid;
  grid-template-columns:120px 132px 120px;
  align-items:center;justify-content:center;
  gap:30px;
  margin:0;
  padding:22px 16px 25px;
  border:0;
  border-top:1px solid #1b272d;
  border-radius:0;
  background:linear-gradient(180deg,#080d10,#04080b);
  box-shadow:none;
}
#page-studio .sm-monitor,
#page-studio .sm-play{
  min-width:78px;height:72px;
  display:grid;place-items:center;align-content:center;gap:5px;
  border:1px solid #26343a;border-radius:999px;
  background:#0a1014;color:#c7cfd2;
  font-size:20px;
}
#page-studio .sm-monitor small,#page-studio .sm-play small{display:block;color:#939da2;font-size:10px;font-weight:700;}
#page-studio .sm-monitor.an{border-color:#ff3152;color:#ff3f5f;background:rgba(255,28,63,.09);}
#page-studio .sm-rec{
  position:relative;
  width:94px;height:94px;
  justify-self:center;
  display:grid;place-items:center;
  border:3px solid #ff526e;
  border-radius:50%;
  background:radial-gradient(circle at 36% 28%,#ff465e,#ff123d 54%,#ca0628 100%);
  box-shadow:0 0 0 7px rgba(255,28,63,.09),0 0 25px rgba(255,28,63,.48),0 16px 36px -18px #000;
}
#page-studio .sm-rec:before{
  content:"";width:45px;height:45px;border-radius:50%;background:#ff2948;
  box-shadow:inset 0 1px 7px rgba(255,255,255,.16);
}
#page-studio .sm-rec>span{display:none;}
#page-studio .sm-rec small{
  position:absolute;top:104px;left:50%;transform:translateX(-50%);
  color:#f3f5f6;font-size:11px;font-weight:800;white-space:nowrap;
}
#page-studio .sm-rec.nimmt:before{width:36px;height:36px;border-radius:9px;background:#fff;}
#page-studio .sm-rec.nimmt{animation:v70-rec-pulse 1.8s ease-in-out infinite;}
@keyframes v70-rec-pulse{50%{box-shadow:0 0 0 11px rgba(255,28,63,.05),0 0 34px rgba(255,28,63,.62),0 16px 36px -18px #000;}}

/* Ausgewählte Spur: Regler nicht als DAW-Wand, sondern kompakt. */
#page-studio .spur-regler{
  margin:14px 16px 16px;
  padding:14px;
  border:1px solid #1d2a30;
  border-radius:12px;
  background:#080e12;
}
#page-studio .spur-regler .take-schieben{display:none;}
#page-studio .spur-regler .rollen{display:flex;gap:7px;flex-wrap:wrap;}
#page-studio .spur-regler .rolle{
  min-height:34px;border-radius:9px;border:1px solid #26343a;background:#0b1216;color:#aab4b9;
}
#page-studio .spur-regler .rolle.an{border-color:#ff3152;background:rgba(255,28,63,.1);color:#fff;}
#page-studio .spur-regler .take-laut{min-width:180px;}
#page-studio .spur-regler .take-knoepfe{gap:7px;}

/* Pro-Spur Channel Strip / Insert Rack. */
#page-studio .v70-channel-strip{margin:14px -14px -14px;padding:16px;border-top:1px solid #26363d;background:linear-gradient(180deg,#071014,#04090c);}
#page-studio .v70-channel-head{display:flex;justify-content:space-between;gap:18px;align-items:start;}
#page-studio .v70-channel-head h4{margin:4px 0;font:800 19px/1 var(--display);}
#page-studio .v70-channel-head p{margin:0;color:#76858c;font-size:10px;}
#page-studio .v70-channel-head>button{width:36px;height:36px;border:1px solid #2a3940;border-radius:10px;background:#0c1519;color:#bec8cc;cursor:pointer;}
#page-studio .v70-insert-chain{display:flex;gap:10px;align-items:stretch;overflow-x:auto;padding:16px 1px 10px;scrollbar-color:#34454d #071014;}
#page-studio .v70-insert{flex:0 0 220px;padding:12px;border:1px solid #2b3a41;border-radius:13px;background:linear-gradient(160deg,#101a1f,#080e12);box-shadow:inset 0 1px rgba(255,255,255,.035);}
#page-studio .v70-insert.aus{opacity:.48;filter:saturate(.45);}
#page-studio .v70-insert-top{display:grid;grid-template-columns:22px 30px 1fr auto;gap:7px;align-items:center;}
#page-studio .v70-insert-top>span{color:#66757c;font:800 9px/1 var(--font);}
#page-studio .v70-insert-top>b{font-size:19px;text-align:center;}
#page-studio .v70-insert-top>strong{font-size:12px;}
#page-studio .v70-insert-top>button{min-width:38px;height:25px;border:1px solid #ff3152;border-radius:999px;background:rgba(255,28,63,.12);color:#ff526e;font:800 8px/1 var(--font);cursor:pointer;}
#page-studio .v70-insert label{display:grid;gap:8px;margin-top:15px;color:#8d9ba1;font-size:9px;font-weight:700;}
#page-studio .v70-insert label span{display:flex;justify-content:space-between;}
#page-studio .v70-insert input{accent-color:#ff1743;}
#page-studio .v70-insert-actions{display:flex;gap:6px;margin-top:10px;}
#page-studio .v70-insert-actions button{height:28px;padding:0 9px;border:1px solid #2a3940;border-radius:7px;background:#0b1317;color:#9ca8ad;font-size:9px;cursor:pointer;}
#page-studio .v70-insert-actions button:last-child{margin-left:auto;color:#ff647b;}
#page-studio .v70-insert-empty{flex:1 0 240px;min-height:132px;padding:20px;display:grid;place-content:center;gap:6px;border:1px dashed #2a3940;border-radius:13px;color:#d8dee1;}
#page-studio .v70-insert-empty span{max-width:330px;color:#718087;font-size:10px;}
#page-studio .v70-insert-add{flex:0 0 150px;min-height:132px;border:1px dashed #ff3152;border-radius:13px;background:rgba(255,28,63,.055);color:#ff526e;font:800 11px/1.3 var(--font);cursor:pointer;}
#page-studio .v70-insert-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:6px;}
#page-studio .v70-insert-catalog[hidden]{display:none;}
#page-studio .v70-insert-catalog button{min-height:78px;padding:11px;display:grid;grid-template-columns:34px 1fr 24px;grid-template-rows:auto 1fr;gap:3px 8px;text-align:left;border:1px solid #27373e;border-radius:11px;background:#0a1216;color:#fff;cursor:pointer;}
#page-studio .v70-insert-catalog button>span{grid-row:1/3;font-size:22px;align-self:center;}
#page-studio .v70-insert-catalog button>b{font-size:11px;}
#page-studio .v70-insert-catalog button>small{color:#718087;font-size:8px;line-height:1.35;}
#page-studio .v70-insert-catalog button>i{grid-column:3;grid-row:1/3;align-self:center;color:#ff526e;font-style:normal;font-size:20px;}
#page-studio .v70-channel-strip>footer{margin-top:12px;color:#66757c;font-size:8px;text-transform:uppercase;letter-spacing:.13em;}

/* ------------------------------------------------------------------
   Texten: Text zuerst, Analyse optional. */
#page-studio .studio-pane[data-pane="text"]>.lane:first-child{
  padding:20px;
  border:1px solid #172329;
  border-radius:18px;
  background:#080d10;
}
#page-studio .studio-pane[data-pane="text"] .lyric{
  min-height:clamp(360px,57vh,720px);
  border:1px solid #26343a;
  border-radius:14px;
  background:#030709;
  color:#f6f7f8;
  font-size:clamp(17px,2vw,23px);
  line-height:1.7;
  padding:22px;
  resize:vertical;
}
#page-studio .studio-pane[data-pane="text"] .lyric:focus{border-color:#ff3152;box-shadow:0 0 0 3px rgba(255,28,63,.09);}
#page-studio .v70-text-tools{display:none;}
#page-studio.v70-show-writing-tools .v70-text-tools{display:block;}
#page-studio .v70-writing-toggle{
  margin-top:12px;min-height:40px;padding:0 14px;border:1px solid #26343a;border-radius:10px;background:#0a1115;color:#aeb8bd;font-weight:700;cursor:pointer;
}

/* Modale Audio-Einstellungen bleiben funktional, aber im gleichen Ton. */
.v67-preflight-card{border-color:#28383f!important;background:#071014!important;}
.v67-preflight-head small{color:var(--v70-red)!important;}
.v67-preflight-action{background:linear-gradient(180deg,#ff2449,#dc082f)!important;}

/* Mix/Fertig: Standardansicht auf Presets/Balances fokussieren. Die
   Feineinstellung bleibt in bestehenden Details. */
#page-studio #schubFertig .schub-karte{background:#071014;}
#page-studio #schubFertig .vorlagen{gap:8px;}
#page-studio #schubFertig .vorlage.an{border-color:#ff3152;background:rgba(255,28,63,.10);}
#page-studio .v70-mix-assistant{margin-bottom:12px;padding:18px;border:1px solid #293941;border-radius:16px;background:radial-gradient(500px 160px at 100% 0,rgba(255,28,63,.12),transparent 70%),#071014;}
#page-studio .v70-mix-assistant h3{margin:5px 0 4px;font:800 22px/1 var(--display);}
#page-studio .v70-mix-assistant p{margin:0;color:#849198;font-size:10px;}
#page-studio .v70-mix-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 10px;}
#page-studio .v70-mix-status span{padding:11px;border:1px solid #29383f;border-radius:10px;background:#0a1216;color:#8e9ba1;font-size:9px;}
#page-studio .v70-mix-status b{display:block;margin-bottom:3px;color:#fff;font-size:16px;}
#page-studio .v70-mix-status span[data-ok="true"]{border-color:rgba(66,209,132,.25);}
#page-studio .v70-mix-status span[data-ok="true"] b{color:#6cdb9f;}
#page-studio .v70-mix-actions{display:flex;gap:8px;}
#page-studio .v70-master-spec{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;}
#page-studio .v70-master-spec span{padding:6px 8px;border:1px solid #26353c;border-radius:999px;color:#7d8b91;font-size:8px;font-weight:800;letter-spacing:.04em;}

/* ------------------------------------------------------------------
   Desktop */
@media(min-width:900px){
  body[data-view="studio"] .topbar{background:rgba(3,7,9,.94);border-bottom-color:#162229;}
  #page-studio .v70-track-lane{min-height:560px;}
  #page-studio .sm-rechts{min-width:0;}
  #page-studio .v70-transport{position:relative;}
}

/* Tablet */
@media(max-width:980px){
  :root{--sm-kopfbreite:215px;--sm-zeilenhoehe:104px;}
  #page-studio .studio-kopf{grid-template-columns:1fr auto;}
  #page-studio .sk-titel{grid-column:1/3;}
  #page-studio #studioModus{min-width:280px;}
  #page-studio .v70-preset-row{grid-template-columns:repeat(5,1fr);}
  #page-studio .v70-preset-label{grid-column:1/-1;margin:0 0 2px;}
}

/* Mobile: Die globale Navigationsleiste verschwindet; Studio hat seinen
   eigenen, viel kleineren Kopf. */
@media(max-width:720px){
  :root{--sm-kopfbreite:40%;--sm-zeilenhoehe:96px;--sm-linealhoehe:42px;}
  body[data-view="studio"]{padding-bottom:0;}
  body[data-view="studio"] .topbar,
  body[data-view="studio"] .v61-mobile-dock{display:none!important;}
  body[data-view="studio"] #page-studio{
    padding:calc(10px + env(safe-area-inset-top)) 8px calc(28px + env(safe-area-inset-bottom));
  }
  #page-studio.v70-studio-page .studio{width:100%;}
  #page-studio .studio-kopf{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    gap:11px;
    margin:0 4px 12px;
  }
  #page-studio .sk-titel{
    grid-column:1/3;
    display:grid;justify-items:center;
    min-height:62px;
  }
  #page-studio .v70-mobile-brand{display:grid;justify-items:center;line-height:1;}
  #page-studio .v70-mobile-brand span{
    color:#ff2548;font:900 25px/1 var(--display);letter-spacing:-.05em;
    text-shadow:0 0 18px rgba(255,28,63,.35);
  }
  #page-studio .v70-mobile-brand small{margin-top:5px;color:#d4d8da;font-size:8px;font-weight:800;letter-spacing:.35em;}
  #page-studio .sk-titel>.kicker,#page-studio .sk-titel>h2,#page-studio .sk-titel>.hint{display:none;}
  #page-studio #studioModus{
    grid-column:1/2;
    min-width:0;width:100%;height:49px;padding:3px;
  }
  #page-studio .modus-knopf{min-height:41px;padding:0 12px;font-size:12px;}
  #page-studio .v70-head-actions{grid-column:2/3;gap:5px;}
  #page-studio .v70-audio-btn{width:44px;padding:0;justify-content:center;border-radius:50%;}
  #page-studio .v70-audio-btn span{display:none;}
  #page-studio .sk-fertig{min-width:72px;padding:0 12px;border-radius:12px;}
  #page-studio .sk-pfeil{display:none;}

  #page-studio .v70-track-title{display:none;}
  #page-studio .v70-lyrics-head{padding:12px;align-items:start;}
  #page-studio .v70-lyrics-head p{display:none;}
  #page-studio .v70-lyrics-head h3{font-size:15px;}
  #page-studio .v70-lyrics-actions{gap:5px;}
  #page-studio .v70-auto-lyrics,#page-studio .v70-edit-lyrics{min-height:34px;padding:0 8px;font-size:8px;}
  #page-studio .v70-lyrics-stage .booth-buehne{min-height:38dvh;padding:24px 15px;}
  #page-studio .v70-lyrics-nav{grid-template-columns:86px 1fr 86px;padding:6px;gap:6px;}
  #page-studio .v70-lyrics-nav span{font-size:7px;}
  #page-studio .v70-track-lane{border-radius:14px;}
  #page-studio .spurmaske{grid-template-columns:var(--sm-kopfbreite) minmax(0,1fr);}
  #page-studio .sm-ecke{padding:0 8px;}
  #page-studio .sm-ecke .sm-mini{display:none;}
  #page-studio .sm-kopf-zeile{
    padding:10px 8px 10px 10px;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:7px;
  }
  #page-studio .v70-track-icon{width:38px;height:38px;border-radius:10px;font-size:20px;}
  #page-studio .v70-track-icon.vocal:before{width:11px;height:20px;border-width:2px;}
  #page-studio .v70-track-copy .sm-name{font-size:13px;}
  #page-studio .v70-track-copy small{font-size:9px;}
  #page-studio .v70-beat-change{grid-column:2/4;padding:0 7px;min-height:27px;font-size:9px;}
  #page-studio .v70-track-menu{width:24px;height:32px;font-size:19px;}
  #page-studio .sm-schalter{position:absolute;right:5px;bottom:5px;}
  #page-studio .sm-mini{min-width:24px;height:23px;font-size:8px;}
  #page-studio .sm-takt{font-size:9px;}
  #page-studio .sm-block{top:9px;bottom:9px;border-radius:9px;}
  #page-studio .sm-kopf-zeile.sm-neu,#page-studio .sm-bahn-neu{height:78px!important;min-height:78px;}
  #page-studio .v70-add-lane b{font-size:10px;}
  #page-studio .v70-add-lane>span{font-size:19px;}
  #page-studio .v70-add-choices{
    grid-template-columns:1fr;
    height:auto!important;min-height:156px;
    align-content:center;
  }
  #page-studio .v70-add-choices button{padding:8px 10px;}
  #page-studio .sm-rechts{overflow-x:auto;}
  #page-studio .sm-inhalt{min-width:520px;}

  #page-studio .v70-preset-row{
    overflow-x:auto;
    grid-template-columns:none;
    display:flex;
    gap:7px;
    padding:10px;
    -webkit-overflow-scrolling:touch;
  }
  #page-studio .v70-preset-label{flex:none;margin-right:3px;align-self:center;font-size:8px;}
  #page-studio .v70-preset{flex:0 0 auto;min-width:75px;min-height:36px;}

  #page-studio .sm-transport.v70-transport{
    position:sticky;
    bottom:0;
    z-index:15;
    grid-template-columns:82px 102px 82px;
    gap:15px;
    padding:18px 8px calc(25px + env(safe-area-inset-bottom));
    border-radius:0 0 13px 13px;
    background:linear-gradient(180deg,rgba(8,13,16,.98),rgba(3,6,8,.995));
    backdrop-filter:blur(18px);
  }
  #page-studio .sm-monitor,#page-studio .sm-play{min-width:62px;width:62px;height:62px;font-size:17px;}
  #page-studio .sm-rec{width:82px;height:82px;}
  #page-studio .sm-rec:before{width:40px;height:40px;}
  #page-studio .sm-rec small{top:91px;font-size:10px;}
  #page-studio .spur-regler{margin:10px;padding:12px;}
  #page-studio .spur-regler .spur-regler-kopf .hint{display:none;}
  #page-studio .v70-channel-strip{
    position:fixed;z-index:160;left:0;right:0;bottom:0;max-height:88dvh;overflow-y:auto;
    margin:0;padding:16px 12px calc(18px + env(safe-area-inset-bottom));border:1px solid #34464e;
    border-radius:22px 22px 0 0;box-shadow:0 -28px 90px rgba(0,0,0,.78);
  }
  #page-studio .v70-mix-status{grid-template-columns:1fr 1fr;}
  #page-studio .v70-mix-actions{display:grid;grid-template-columns:1fr;}
  #page-studio .v70-channel-head p{font-size:9px;}
  #page-studio .v70-insert-catalog{grid-template-columns:1fr;}
  #page-studio .v70-insert-chain{padding-top:13px;}
  body.nimmt-auf #page-studio .v70-lyrics-stage .booth-buehne{min-height:56dvh;}
  body.nimmt-auf #page-studio .v70-lyrics-head{display:none;}
  body.nimmt-auf #page-studio .sm-transport.v70-transport{bottom:6px;width:calc(100vw - 12px);padding-bottom:calc(16px + env(safe-area-inset-bottom));}

  #page-studio .studio-pane[data-pane="text"]>.lane:first-child{padding:11px;border-radius:14px;}
  #page-studio .studio-pane[data-pane="text"] .studio-head{display:flex;}
  #page-studio .studio-pane[data-pane="text"] .lyric{min-height:62vh;padding:16px;font-size:17px;line-height:1.65;}
}

@media(max-width:390px){
  :root{--sm-kopfbreite:42%;--sm-zeilenhoehe:91px;}
  #page-studio .modus-knopf{padding:0 9px;font-size:11px;}
  #page-studio .sm-transport.v70-transport{grid-template-columns:70px 92px 70px;gap:10px;}
  #page-studio .sm-monitor,#page-studio .sm-play{width:58px;min-width:58px;height:58px;}
  #page-studio .sm-rec{width:76px;height:76px;}
}

@media(prefers-reduced-motion:reduce){
  #page-studio .sm-rec.nimmt{animation:none;}
  #page-studio *{scroll-behavior:auto!important;}
}

@media(prefers-contrast:more){
  #page-studio .v70-track-lane,#page-studio .spur-regler,#page-studio .studio-pane[data-pane="text"]>.lane:first-child{border-color:#53636a;}
  #page-studio .v70-track-copy small,#page-studio .v70-track-hint{color:#b4bdc1;}
}
#page-studio .v70-rec-live{
  grid-column:1/-1;
  min-height:20px;
  margin-top:10px;
  text-align:center;
  color:#78868d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.015em;
}
#page-studio .v70-rec-live[data-state="good"]{color:#77d6a0;}
#page-studio .v70-rec-live[data-state="warn"]{color:#f6b84a;}
#page-studio .v70-rec-live[data-state="bad"]{color:#ff6079;}
#page-studio .v70-rec-live[data-state="recording"]{color:#ff4764;}
#page-studio .v70-quality-chip{
  margin-left:auto;
  padding:6px 9px;
  border:1px solid #243238;
  border-radius:999px;
  color:#839097;
  background:#081014;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
#page-studio .v70-quality-chip[data-state="good"]{border-color:rgba(77,205,134,.28);color:#77d6a0;}
#page-studio .v70-quality-chip[data-state="warn"]{border-color:rgba(246,184,74,.28);color:#f6b84a;}
#page-studio .v70-quality-chip[data-state="bad"]{border-color:rgba(255,96,121,.35);color:#ff6079;}
@media(max-width:720px){#page-studio .v70-quality-chip{display:none;}}