:root{--accent:#8b4df0;--accent-dunkel:#6f36cc;--bg:#14121a;--flaeche:#1e1b26;--linie:#322d3f;--text:#e8e5f0;--text-schwach:#a29ab8;--fehler:#e5484d;--ok:#46a758}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}.topbar{background:var(--flaeche);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex}.brand{color:var(--text);font-size:1.15rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.statusline{color:var(--text-schwach);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.dot{background:var(--text-schwach);border-radius:50%;width:10px;height:10px}.dot.verbunden{background:var(--ok)}.dot.getrennt{background:var(--fehler)}.dot.verbindet{background:#f0b429}main{max-width:860px;margin:0 auto;padding:1.5rem}h1{margin:.5rem 0 1rem;font-size:1.6rem}a{color:var(--accent)}.hinweis{color:var(--text-schwach)}.fehler{color:var(--fehler)}.ok{color:var(--ok)}input,select,textarea{background:var(--bg);border:1px solid var(--linie);color:var(--text);font:inherit;border-radius:6px;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1.1rem;font-weight:600}button:hover{background:var(--accent-dunkel)}button.gefahr{color:var(--fehler);border:1px solid var(--fehler);background:0 0}.neu-form{gap:.6rem;margin-bottom:1.2rem;display:flex}.neu-form input{flex:1}.projektliste{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.projektliste a{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);border-radius:8px;flex-direction:column;gap:.25rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}.projektliste a:hover{border-color:var(--accent)}.projektliste .meta{color:var(--text-schwach);font-size:.85rem}.projekt-form{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;gap:.9rem;padding:1.2rem;display:grid}.projekt-form label{color:var(--text-schwach);gap:.3rem;font-size:.9rem;display:grid}.reihe{flex-wrap:wrap;gap:1rem;display:flex}.taktart{align-items:center;gap:.3rem;display:flex}.taktart input{width:4.5rem}.aktionen{gap:.8rem;display:flex}h2{margin-top:2rem}.upload-zeile{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.transport{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.transport button:disabled{opacity:.4;cursor:default}.transport .klangziel{padding:.35rem .5rem;font-size:.85rem}.transport-anzeige{color:var(--text-schwach);margin-left:.5rem;font-size:.9rem}.vorhoeren{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.vorhoeren audio{height:36px}.aktuelle-note,.aktuelle-note *{fill:#8b4df0!important}.aktiv-umschalter{border:1px solid var(--accent);color:var(--accent);background:0 0;margin-left:auto}.vst-umschalter{border:1px solid var(--linie);color:var(--text-schwach);background:0 0;margin-left:auto}.vst-umschalter.an{border-color:var(--accent);color:var(--accent)}.vst-umschalter+.aktiv-umschalter{margin-left:0}.vst-leiste{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.vst-leiste button{padding:.35rem .8rem;font-size:.85rem}.aktiv-umschalter.an{background:var(--accent);color:#fff}.editor{background:var(--flaeche);border:1px solid var(--accent);border-radius:8px;gap:.6rem;margin-bottom:1rem;padding:.8rem 1rem;display:grid}.editor-zeile{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-zeile button{padding:.35rem .7rem;font-size:.85rem}.editor-zeile select,.editor-zeile input{padding:.3rem .5rem;font-size:.85rem}.editor-label{min-width:6.5rem;color:var(--text-schwach);font-size:.85rem;font-weight:600}.editor .inline{color:var(--text-schwach);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.schmal{width:4.2rem}.instrument-wahl{color:var(--text-schwach);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.notenblatt.bearbeitbar [id^=sk-p]{cursor:pointer}.login{text-align:center;justify-items:center;gap:1rem;margin-top:15vh;display:grid}.login span{color:var(--accent)}.studio-import{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.studio-import ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.studio-import li{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.import-aktionen{flex-wrap:wrap;gap:.4rem;display:flex}.import-aktionen button{padding:.3rem .7rem;font-size:.8rem}.anhangliste{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.anhangliste li{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.anhangliste audio{height:32px}.anhangliste .anhang-name{flex:1}.preset-knopf{border:1px solid var(--linie);color:var(--text-schwach);background:0 0;padding:.3rem .6rem;font-size:.75rem}.preset-knopf.an{border-color:var(--accent);color:var(--accent)}.regler-panel{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;gap:.6rem;margin-bottom:1rem;padding:.8rem 1rem;display:grid}.regler-liste{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.4rem 1.2rem;max-height:320px;display:grid;overflow-y:auto}.regler-eintrag{color:var(--text-schwach);grid-template-columns:110px 1fr 70px;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.regler-eintrag .regler-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.regler-eintrag input[type=range]{accent-color:var(--accent);padding:0}.regler-eintrag .regler-text{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transport .koppel{color:var(--fehler);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.versionen-liste{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.comp-bereich{border-top:1px dashed var(--linie);flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;padding-top:.6rem;display:flex}.video-sync{margin-bottom:1rem}.video-sync video{border:1px solid var(--linie);background:#000;border-radius:8px;max-width:min(640px,100%)}.timecode{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.datei-knopf{cursor:pointer;border:1px dashed var(--linie);border-radius:8px;padding:.4rem .8rem;display:inline-block}.datei-knopf:hover{border-color:var(--accent)}.anhang-video{border-radius:6px;max-width:320px}.version-eintrag{align-items:center;gap:.4rem;display:flex}.version-eintrag button{padding:.2rem .5rem;font-size:.75rem}.ki-anweisung{flex:1;min-width:260px}.ki-antwort{background:var(--flaeche);border:1px solid var(--linie);border-left:3px solid var(--accent);white-space:pre-wrap;border-radius:8px;max-height:420px;margin-bottom:1rem;padding:1rem 1.2rem;font-size:.9rem;line-height:1.5;overflow-y:auto}.roll-hinweis{align-items:center;gap:.8rem;display:flex}.roll-hinweis button{padding:.3rem .7rem;font-size:.8rem}.pianoroll{border:1px solid var(--linie);background:#14121a;border-radius:8px;margin-bottom:1rem;padding:.5rem;overflow-x:auto}.mixer-regler{color:var(--text-schwach);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.mixer-regler input[type=range]{width:4.5rem;accent-color:var(--accent);padding:0}.aufnahme-zeile{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.aufnahme-knopf{border:1px solid var(--fehler);color:var(--fehler);background:0 0}.aufnahme-knopf:hover{background:var(--fehler);color:#fff}.aufnahme-info{color:var(--fehler);font-weight:600}.ausgewaehlt,.ausgewaehlt *{fill:#1ba5d4!important}.notenblatt{background:#fdfcf8;border-radius:8px;margin-bottom:1rem;padding:.5rem;overflow-x:auto}.notenblatt svg{max-width:100%;height:auto}