/* Rap Battle Studios 6.6.0 — Studio UI locked to the V6.5 black/red dashboard language. */
body[data-view="studio"]{
  --studio-red:#ff123d;
  --studio-red-2:#d90e33;
  --studio-bg:#03080b;
  --studio-panel:#071014;
  --studio-panel-2:#0a1419;
  --studio-line:#1b2a31;
  --studio-line-2:#283942;
  --studio-muted:#89969d;
  --studio-soft:#c6cdd1;
  background:
    radial-gradient(90% 60% at 78% -10%,rgba(255,18,61,.13),transparent 60%),
    radial-gradient(65% 50% at 0% 20%,rgba(29,51,62,.22),transparent 68%),
    #03080b;
}

body[data-view="studio"] .topbar{
  border-bottom-color:#17252c;
  background:rgba(3,8,11,.94);
}

#page-studio{
  width:min(100%,1540px);
  margin:0 auto;
  padding:18px clamp(14px,2vw,30px) 118px;
}

#page-studio .studio{
  gap:14px;
}

/* Header / command bar */
#page-studio .studio-kopf{
  min-height:138px;
  position:relative;
  overflow:hidden;
  padding:24px 26px;
  border:1px solid var(--studio-line);
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(4,10,13,.98) 0%,rgba(4,10,13,.96) 48%,rgba(4,10,13,.55) 73%,rgba(4,10,13,.82) 100%),
    url('/bilder/ref-studio-mic.png') right 38%/390px auto no-repeat,
    #061014;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 24px 70px -52px rgba(0,0,0,1);
}
#page-studio .studio-kopf:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--studio-red),rgba(255,18,61,.25) 34%,transparent 72%);
  pointer-events:none;
}
#page-studio .studio-kopf .sk-titel{position:relative;z-index:2;min-width:260px}
#page-studio .studio-kopf .kicker{
  color:#ff3658;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
#page-studio .studio-kopf h2{
  margin:6px 0 8px;
  font-family:var(--display);
  font-size:clamp(31px,3vw,48px);
  line-height:1;
  letter-spacing:-.045em;
  color:#fff;
}
#page-studio .studio-kopf .hint{margin:0;color:#8d9aa0;font-size:12px}
#page-studio .studio-kopf .hint strong{color:#fff;font-weight:700}

#page-studio .modus{
  position:relative;z-index:3;
  margin-left:auto;
  padding:5px;
  border:1px solid #203038;
  border-radius:9px;
  background:rgba(2,7,10,.84);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
#page-studio .modus-knopf{
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:6px;
  color:#8b989e;
  background:transparent;
  font-size:12px;
  font-weight:700;
}
#page-studio .modus-knopf:hover{color:#fff;background:#0d171c}
#page-studio .modus-knopf.an{
  color:#fff;
  background:linear-gradient(180deg,#151c20,#0b1115);
  box-shadow:inset 0 -2px var(--studio-red),0 5px 16px rgba(0,0,0,.2);
}
#page-studio .modus-knopf.an svg{color:var(--studio-red)}
#page-studio .sk-fertig{
  position:relative;z-index:3;
  min-height:44px;
  padding:0 18px;
  border:1px solid #ff254b;
  border-radius:7px;
  color:#fff;
  background:linear-gradient(180deg,#ff1843,#e50c35);
  box-shadow:0 12px 28px -18px rgba(255,18,61,.9),inset 0 1px rgba(255,255,255,.2);
  font-weight:800;
}
#page-studio .sk-fertig:hover{background:#ff224a;transform:translateY(-1px)}
#page-studio .sk-pfeil{color:#fff}

/* Main recording console */
#page-studio .booth{
  position:relative;
  overflow:hidden;
  gap:0;
  padding:0;
  border:1px solid var(--studio-line);
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(4,10,13,.96),rgba(5,12,16,.9) 66%,rgba(5,12,16,.76)),
    url('/bilder/booth.jpg') right center/44% 100% no-repeat,
    #061014;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 28px 70px -54px #000;
}
#page-studio .booth:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(255,18,61,.07) 84%,transparent 100%);
}
#page-studio .booth-oben{
  position:relative;z-index:2;
  min-height:58px;
  padding:0 19px;
  border-bottom:1px solid #18262d;
  background:rgba(4,10,13,.8);
}
#page-studio .booth-woher{gap:12px}
#page-studio .booth-beat{
  color:#fff;
  font-family:var(--display);
  font-size:15px;
  letter-spacing:-.02em;
}
#page-studio .booth-beat:before{
  content:"BEAT";
  margin-right:9px;
  color:var(--studio-red);
  font:800 9px/1 var(--font);
  letter-spacing:.16em;
}
#page-studio .booth-bpm,#page-studio .booth-take{
  color:#9aa6ac;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#page-studio .booth-take{
  padding:7px 10px;
  border:1px solid #25353d;
  border-radius:6px;
  background:#0a1419;
}
#page-studio .minibtn{
  border-color:#273841;
  border-radius:6px;
  color:#c5cdd1;
  background:#0b151a;
}
#page-studio .minibtn:hover{border-color:#3a4b53;color:#fff;background:#101c21}

#page-studio .booth-buehne{
  min-height:250px;
  margin:16px 18px 12px;
  border:1px solid #182931;
  border-radius:9px;
  background:
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.025) 80px),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.02) 40px),
    radial-gradient(70% 110% at 60% 50%,rgba(255,18,61,.08),transparent 68%),
    rgba(2,7,10,.78);
  box-shadow:inset 0 1px rgba(255,255,255,.02),inset 0 -80px 90px -90px rgba(255,18,61,.45);
}
#page-studio .booth-buehne:before{
  content:"LIVE VOCAL";
  position:absolute;
  top:12px;left:13px;
  color:#ff3558;
  font-size:8px;
  font-weight:800;
  letter-spacing:.17em;
}
#page-studio .booth-zeilen .jetzt{
  font-size:clamp(28px,4.5vw,54px);
  color:#fff;
  text-shadow:0 0 34px rgba(255,18,61,.24);
}
#page-studio .booth-zeilen .vor,#page-studio .booth-zeilen .next2{color:#596970}
#page-studio .booth-zeilen .next1{color:#98a5ab}
#page-studio .booth-zaehler .schlag.an{background:var(--studio-red);box-shadow:0 0 16px rgba(255,18,61,.7)}

#page-studio canvas.wave{
  position:relative;z-index:2;
  width:calc(100% - 36px)!important;
  height:94px!important;
  margin:0 18px;
  padding:10px;
  border:1px solid #182931;
  border-radius:8px;
  background:rgba(2,7,10,.7);
}

#page-studio .booth-unten{
  position:relative;z-index:2;
  grid-template-columns:minmax(190px,1fr) 124px minmax(210px,1fr);
  gap:24px;
  margin-top:12px;
  padding:19px 22px 22px;
  border-top:1px solid #18262d;
  background:linear-gradient(180deg,rgba(7,16,20,.82),rgba(3,9,12,.96));
}
#page-studio .booth-pegel{max-width:320px;justify-self:start}
#page-studio .booth-pegel .meter-label{
  color:#7f8c92;
  font-size:9px;
  letter-spacing:.14em;
}
#page-studio .booth-pegel .meter{
  height:8px;
  border:1px solid #1c2a31;
  background:#020608;
  overflow:hidden;
}
#page-studio .booth-pegel .meter.gross{height:11px}
#page-studio .booth-pegel .meter i{background:linear-gradient(90deg,#c90e31,var(--studio-red))!important}
#page-studio .booth-pegel .meter.gross .zone-gut{background:rgba(255,18,61,.13)!important}
#page-studio .booth-pegel .meter.gross .zone-laut{background:rgba(255,92,92,.18)!important}
#page-studio .booth-pegel .meter-label b[data-stand="gut"]{color:#ff3658}
#page-studio .booth-rechts{max-width:320px;justify-self:end}
#page-studio .booth-status{color:#87949a;font-size:11px;line-height:1.55}
#page-studio .booth-zeit{color:#fff;font-family:var(--display);font-size:22px}

#page-studio .booth-knopf{
  width:92px;height:92px;margin:0;
}
#page-studio .booth-knopf svg{width:92px;height:92px}
#page-studio .booth-knopf svg circle:first-child{stroke:#26343a!important}
#page-studio .booth-knopf svg #boothRing{stroke:var(--studio-red)!important}
#page-studio .booth-knopf:before{background:var(--studio-red)}
#page-studio .booth-knopf .booth-punkt{
  width:38px;height:38px;
  background:var(--studio-red);
  box-shadow:0 0 0 1px #ff506d,0 0 24px rgba(255,18,61,.48);
}
#page-studio .booth-knopf[data-busy="1"] .booth-punkt{background:#fff}
#page-studio .booth-knopf .booth-beschriftung{bottom:-19px;color:#8e9aa0;font-size:9px}

/* Studio options and live FX */
#page-studio .aufnahme-optionen{
  position:relative;z-index:2;
  gap:7px;
  margin:0;
  padding:0 18px 13px;
  background:rgba(3,9,12,.95);
}
#page-studio .opt-chip{
  min-height:34px;
  padding:0 11px;
  border:1px solid #22323a;
  border-radius:6px;
  color:#86949a;
  background:#081116;
  font-size:10px;
  font-weight:700;
}
#page-studio .opt-chip:has(input:checked){
  border-color:#4c2430;
  color:#fff;
  background:linear-gradient(180deg,#171015,#0d1013);
  box-shadow:inset 0 -1px var(--studio-red);
}
#page-studio .opt-chip:has(input:checked):before{content:"●";color:var(--studio-red);font-size:7px}
#page-studio .opt-chip input{position:absolute;opacity:0;pointer-events:none}
#page-studio .klickzeile{
  position:relative;z-index:2;
  margin:0 18px 12px;
  padding:11px 13px;
  border:1px solid #1b2b32;
  border-radius:7px;
  background:#071014;
}
#page-studio .klickzeile label{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
#page-studio input[type=range]{accent-color:var(--studio-red)}

#page-studio .fxleiste{
  position:relative;z-index:2;
  margin:0;
  padding:13px 18px 18px;
  border-top:1px solid #18262d;
  background:#050d11;
}
#page-studio .fxl-auf{
  min-height:34px;
  border:1px solid #39232b;
  border-radius:6px;
  color:#ff4968;
  background:#110d10;
  font-size:10px;
  font-weight:800;
}
#page-studio .fxl-auf:hover,#page-studio .fxl-auf[aria-expanded="true"]{color:#fff;background:#1b0e13;border-color:#ff294e}
#page-studio .fxl-hinweis{color:#718087}

/* Track / lyric / utility cards */
#page-studio .lane{
  border:1px solid var(--studio-line);
  border-radius:10px;
  padding:18px;
  background:linear-gradient(180deg,#081216,#050c10);
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 18px 50px -42px #000;
}
#page-studio .lane .studio-head{
  align-items:flex-start;
  padding-bottom:13px;
  margin-bottom:13px;
  border-bottom:1px solid #17262d;
}
#page-studio .lane h3{
  margin:0;
  font-family:var(--display);
  font-size:17px;
  letter-spacing:-.02em;
  color:#fff;
}
#page-studio .lane .hint,#page-studio .lane>p.hint{color:#77858b;font-size:11px;line-height:1.55}
#page-studio details.lane>summary,
#page-studio .feiner>summary{
  min-height:42px;
  border:1px solid #1c2c33;
  border-radius:7px;
  color:#a7b0b5;
  background:#081216;
  font-size:11px;
  font-weight:700;
}
#page-studio details.lane>summary:hover,#page-studio .feiner>summary:hover{color:#fff;background:#0c171c}
#page-studio .feiner>summary:before{color:var(--studio-red)}

#page-studio .take,
#page-studio .spur,
#page-studio .effekt,
#page-studio .beat-liste>*{
  border:1px solid #1b2b32!important;
  border-radius:8px!important;
  background:#071014!important;
  box-shadow:none!important;
}
#page-studio .take:hover,#page-studio .spur:hover,#page-studio .beat-liste>*:hover{border-color:#2d414a!important;background:#0a151a!important}
#page-studio .spur.an{border-color:#5b2432!important;background:linear-gradient(90deg,rgba(255,18,61,.11),#071014 42%)!important}
#page-studio .take-welle,#page-studio .spur-welle{filter:hue-rotate(126deg) saturate(2.1) brightness(.95)}
#page-studio .take-laut .marke b,#page-studio .effekt-regler .marke b{color:#ff4563}
#page-studio .spur-mini.solo.an,#page-studio .spur-mini.an{background:var(--studio-red);color:#fff}

/* Writer view */
#page-studio .studio-pane[data-pane="text"]{
  display:none;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:12px;
}
#page-studio .studio-pane[data-pane="text"].on{display:grid}
#page-studio .studio-pane[data-pane="text"]>.lane:first-child{grid-row:span 2}
#page-studio .lyric{
  min-height:540px;
  width:100%;
  padding:22px;
  border:1px solid #1d2d34;
  border-radius:8px;
  color:#f8fafb;
  background:
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.025) 39px),
    #040a0d;
  font-family:var(--font);
  font-size:18px;
  line-height:2.15;
  caret-color:var(--studio-red);
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
#page-studio .lyric:focus{outline:none;border-color:#5d2734;box-shadow:0 0 0 3px rgba(255,18,61,.08)}
#page-studio .text-zahlen span{border:1px solid #22333b;border-radius:5px;color:#9aa7ad;background:#081216}
#page-studio .text-zahlen .muster{color:#ff4563}
#page-studio .vorschlag{border:1px solid #273941;border-radius:8px;background:#071014;box-shadow:0 20px 50px -34px #000}
#page-studio .reim-suche input,
#page-studio .beat-feld input{
  border:1px solid #203039;
  border-radius:7px;
  color:#fff;
  background:#040b0e;
}
#page-studio .reim-suche input:focus,#page-studio .beat-feld input:focus{outline:none;border-color:#63303c;box-shadow:0 0 0 3px rgba(255,18,61,.08)}

/* Drawers: beat browser and mix/master */
#page-studio .schub-schirm{background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}
#page-studio .schub-karte{
  width:min(1180px,calc(100vw - 40px));
  max-height:min(88vh,900px);
  margin:0 auto 18px;
  border:1px solid #263840;
  border-radius:12px;
  background:#050d11;
  box-shadow:0 35px 100px -35px #000;
}
#page-studio .schub-griff{background:#31434b}
#page-studio .schub-kopf{
  min-height:72px;
  padding:16px 20px;
  border-bottom:1px solid #1b2a31;
  background:linear-gradient(180deg,#091318,#061014);
}
#page-studio .schub-kopf h3{font-family:var(--display);font-size:21px;color:#fff}
#page-studio .schub-kopf h3:before{content:"";display:inline-block;width:3px;height:17px;margin-right:10px;border-radius:3px;background:var(--studio-red);vertical-align:-2px}
#page-studio .schub-zu{border:1px solid #263840;border-radius:7px;color:#8d9ba1;background:#0a151a}
#page-studio .schub-zu:hover{color:#fff;background:#111d22}
#page-studio .schub-koerper{padding:16px;background:#040a0d}
#page-studio .beat-genres{gap:6px;padding-bottom:4px}
#page-studio .beat-genre,
#page-studio .reiter button,
#page-studio .vorlage{
  min-height:34px;
  border:1px solid #22333b;
  border-radius:6px;
  color:#89979d;
  background:#081216;
  font-size:10px;
  font-weight:700;
}
#page-studio .beat-genre.an,#page-studio .reiter button.on,#page-studio .vorlage.an{
  border-color:#5a2835;
  color:#fff;
  background:#160f13;
  box-shadow:inset 0 -1px var(--studio-red);
}
#page-studio .beat-spielen.an,#page-studio .beat-herz.an{background:var(--studio-red);box-shadow:none}
#page-studio .beat-bahn i{background:var(--studio-red)}
#page-studio .btn-amber,#page-studio .beat-waehlen,#page-studio #btnPublish{
  border-color:#ff284d!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ff173f,#db0d33)!important;
  box-shadow:0 12px 24px -18px rgba(255,18,61,.8)!important;
}
#page-studio .btn-ghost{
  border-color:#273940!important;
  color:#c4ccd0!important;
  background:#091318!important;
}
#page-studio .btn-ghost:hover{border-color:#41525a!important;color:#fff!important;background:#0f1a1f!important}
#page-studio .fx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#page-studio .knob{
  padding:13px;
  border:1px solid #1b2b32;
  border-radius:8px;
  background:#071014;
}
#page-studio .knob label{font-size:11px;color:#d6dcdf}
#page-studio .knob label span{color:#ff4563}
#page-studio .knob small{color:#6f7e85;font-size:10px}
#page-studio .effekt-schalter.an{background:var(--studio-red)}

/* Sticky transport */
#page-studio .transport{
  left:50%;
  bottom:20px;
  width:min(520px,calc(100vw - 28px));
  transform:translateX(-50%);
  padding:8px 12px;
  border:1px solid #293b43;
  border-radius:13px;
  background:rgba(4,11,14,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px -28px #000,inset 0 1px rgba(255,255,255,.04);
}
#page-studio .transport-neben{color:#89979d;background:transparent}
#page-studio .transport-neben:hover{color:#fff;background:#0d181d}
#page-studio .transport-rec{
  width:54px;height:54px;
  border:3px solid #26373f;
  background:var(--studio-red);
  box-shadow:0 0 0 1px #69293a,0 0 26px rgba(255,18,61,.25);
}
#page-studio .transport-rec i{background:#fff}

@media(max-width:980px){
  #page-studio .studio-kopf{padding:20px;min-height:160px;background-position:right center;background-size:330px auto}
  #page-studio .studio-kopf .sk-titel{flex:1 1 100%}
  #page-studio .studio-kopf .modus{margin-left:0}
  #page-studio .booth-unten{grid-template-columns:1fr auto;gap:18px}
  #page-studio .booth-rechts{grid-column:1/-1;max-width:none;justify-self:stretch}
  #page-studio .studio-pane[data-pane="text"].on{grid-template-columns:1fr}
  #page-studio .studio-pane[data-pane="text"]>.lane:first-child{grid-row:auto}
  #page-studio .lyric{min-height:460px}
  #page-studio .fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  #page-studio{padding:10px 10px 108px}
  #page-studio .studio{gap:10px}
  #page-studio .studio-kopf{
    min-height:210px;
    padding:18px 15px;
    align-content:flex-start;
    background:
      linear-gradient(90deg,rgba(4,10,13,.98),rgba(4,10,13,.86)),
      url('/bilder/ref-studio-mic.png') right bottom/230px auto no-repeat,#061014;
  }
  #page-studio .studio-kopf h2{font-size:34px;max-width:300px}
  #page-studio .modus{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr}
  #page-studio .modus-knopf{padding:0 10px}
  #page-studio .sk-fertig{order:4;width:100%}
  #page-studio .booth{border-radius:10px}
  #page-studio .booth-oben{padding:0 13px;min-height:52px}
  #page-studio .booth-buehne{min-height:220px;margin:10px 10px 8px;padding:16px 12px}
  #page-studio canvas.wave{width:calc(100% - 20px)!important;margin:0 10px;height:76px!important}
  #page-studio .booth-unten{grid-template-columns:1fr;justify-items:center;padding:16px 13px 21px;gap:16px}
  #page-studio .booth-pegel,#page-studio .booth-rechts{max-width:none;width:100%;justify-self:stretch}
  #page-studio .booth-rechts{justify-items:center;text-align:center}
  #page-studio .booth-status{text-align:center}
  #page-studio .aufnahme-optionen{padding:0 10px 10px;gap:5px}
  #page-studio .opt-chip{min-height:32px;padding:0 8px;font-size:9px}
  #page-studio .klickzeile{margin:0 10px 10px}
  #page-studio .fxleiste{padding:11px 10px 14px}
  #page-studio .lane{padding:13px;border-radius:9px}
  #page-studio .lyric{min-height:390px;padding:15px;font-size:16px;line-height:2}
  #page-studio .fx-grid{grid-template-columns:1fr}
  #page-studio .schub-karte{width:100vw;max-height:92vh;margin:0;border-radius:14px 14px 0 0;border-left:0;border-right:0;border-bottom:0}
  #page-studio .schub-koerper{padding:10px}
  #page-studio .transport{bottom:82px}
}

/* V6.5 compact product header also applies inside the Studio. */
body[data-view="studio"] .topbar{
  height:58px!important;
  min-height:58px!important;
  padding:0 clamp(18px,2.6vw,34px)!important;
  gap:19px!important;
  background:rgba(4,9,12,.97)!important;
  border-bottom:1px solid #17242b!important;
  box-shadow:none!important;
}
body[data-view="studio"] .brand{
  width:112px;height:52px;min-width:112px;padding:0!important;display:block!important;overflow:hidden;
}
body[data-view="studio"] .brand-mark{
  display:block!important;width:112px!important;height:52px!important;border:0!important;border-radius:0!important;
  background:url('/bilder/ref-logo.png') center/contain no-repeat!important;color:transparent!important;box-shadow:none!important;
}
body[data-view="studio"] .brand-mark:after,body[data-view="studio"] .brand>span:last-child{display:none!important}
body[data-view="studio"] .nav-main{align-self:stretch!important;overflow:auto!important}
body[data-view="studio"] #navApp{height:100%;gap:0!important;flex-wrap:nowrap!important}
body[data-view="studio"] .nav-main button{
  height:58px!important;min-height:58px!important;padding:0 12px!important;font-size:10px!important;font-weight:600!important;color:#aeb7bb!important;
}
body[data-view="studio"] .nav-main button.on{color:#fff!important}
body[data-view="studio"] .nav-main button.on:after{left:12px!important;right:12px!important;bottom:7px!important;height:2px!important;background:#ff1536!important}
body[data-view="studio"] .v64-search-open{
  height:36px!important;flex-basis:200px!important;max-width:220px!important;border-radius:7px!important;
  background:#071014!important;border-color:#25343c!important;color:#6f7b82!important;font-size:9px!important;
}
body[data-view="studio"] .v64-search-open kbd{display:none}
body[data-view="studio"] .nav-right{min-width:126px}
#page-studio .modus-knopf.an{
  background:linear-gradient(180deg,#151c20,#0b1115)!important;
  color:#fff!important;
  box-shadow:inset 0 -2px var(--studio-red)!important;
}
#page-studio .modus-knopf.an svg{color:var(--studio-red)!important}
#page-studio .take-welle,#page-studio .spur-welle{filter:none!important}
@media(max-width:640px){#page-studio .sk-lang{display:inline!important}}

/* Studio sliders/checks — remove the last legacy lime accents. */
#page-studio input[type="range"]{
  appearance:none;
  -webkit-appearance:none;
  height:4px;
  border:0!important;
  border-radius:999px;
  background:linear-gradient(90deg,#26363e,#33464f)!important;
  box-shadow:none!important;
}
#page-studio input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:16px;height:16px;border-radius:50%;
  border:3px solid #fff;
  background:var(--studio-red);
  box-shadow:0 0 0 3px rgba(255,18,61,.13),0 3px 12px rgba(0,0,0,.4);
}
#page-studio input[type="range"]::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;
  border:3px solid #fff;
  background:var(--studio-red);
  box-shadow:0 0 0 3px rgba(255,18,61,.13),0 3px 12px rgba(0,0,0,.4);
}
#page-studio input[type="checkbox"]{accent-color:var(--studio-red)}
#page-studio .schalter input{accent-color:var(--studio-red)!important}