:root{--st-grund: #070d18;--st-feld: #0d1626;--st-feld-hoch: #132033;--st-rand: #35506f;--st-rand-feld: #436c9f;--st-rand-hell: #6189ba;--st-text: #dcecfa;--st-text-leise: #7d95b0;--st-akzent: #8deaff;--st-akzent-tief: #1d6b85;--st-gold: #ffcf6b;--st-warn: #ff7a6b;--st-gruen: #7ee0a6;--st-schrift-xs: 11px;--st-schrift-s: 13px;--st-schrift-m: 15px;--st-schrift-l: 20px;--st-kopf-hoehe: 46px;--st-werkzeug-breite: 62px;--st-inspektor-breite: 306px;--st-zeit-hoehe: 196px;--st-status-hoehe: 24px}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--st-akzent);outline-offset:2px;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--st-rand-hell) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--st-rand);border:2px solid transparent;background-clip:content-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--st-rand-hell);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--st-grund);color:var(--st-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--st-schrift-s);-webkit-font-smoothing:antialiased}#studio{display:grid;grid-template-columns:var(--st-werkzeug-breite) 1fr var(--st-inspektor-breite);grid-template-rows:var(--st-kopf-hoehe) 1fr var(--st-zeit-hoehe) var(--st-status-hoehe);grid-template-areas:"kopf     kopf    kopf" "werkzeug buehne  inspektor" "zeit     zeit    zeit" "status   status  status";height:100vh;width:100vw}.st-kopf{grid-area:kopf;display:flex;align-items:center;gap:10px;padding:0 12px;background:linear-gradient(180deg,#101c2e,#0a1322);border-bottom:1px solid var(--st-rand)}.st-marke{font-size:var(--st-schrift-m);font-weight:700;letter-spacing:.16em;color:var(--st-text-leise);white-space:nowrap}.st-marke b{color:var(--st-akzent)}.st-version{margin-left:8px;font-size:var(--st-schrift-xs);font-weight:600;letter-spacing:.04em;color:var(--st-rand-hell);font-variant-numeric:tabular-nums}.st-name{width:260px;padding:6px 10px;background:var(--st-feld);border:1px solid var(--st-rand);border-radius:6px;color:var(--st-text);font:inherit}.st-name:focus{outline:none;border-color:var(--st-akzent-tief);box-shadow:0 0 0 2px #8deaff1f}.st-kopf-gruppe{display:flex;gap:6px;align-items:center}.st-rechts{margin-left:auto}.st-sprachwahl{padding:5px 6px;min-height:30px;background:transparent;border:1px solid var(--st-rand);border-radius:6px;color:var(--st-text-leise);font:inherit;font-size:var(--st-schrift-s);cursor:pointer}.st-sprachwahl:hover{color:var(--st-text)}.st-sprachwahl option{background:var(--st-feld);color:var(--st-text)}.st-knopf{padding:6px 12px;min-height:30px;background:var(--st-feld-hoch);border:1px solid var(--st-rand-feld);border-radius:6px;color:var(--st-text);font:inherit;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.st-knopf:hover:not(:disabled){background:#1a2c44;border-color:var(--st-rand-hell)}.st-knopf:active:not(:disabled){transform:translateY(1px)}.st-knopf:disabled{opacity:.35;cursor:default}.st-knopf.st-an{background:var(--st-akzent-tief);border-color:var(--st-akzent);color:#eafaff}.st-knopf.st-gold{background:#4a3616;border-color:#8a6626;color:var(--st-gold)}.st-knopf.st-gold:hover:not(:disabled){background:#5c4319}.st-knopf.st-blau{background:#14425a;border-color:#1f6584;color:var(--st-akzent)}.st-knopf.st-blau:hover:not(:disabled){background:#1a5473}.st-knopf.st-warnknopf{background:#4a1a14;border-color:#8a3226;color:#ffb4a6}.st-knopf.st-warnknopf:hover:not(:disabled){background:#5e221a;border-color:var(--st-warn)}.st-werkzeuge{grid-area:werkzeug;display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:#0a1220;border-right:1px solid var(--st-rand);overflow-y:auto}.st-werkzeug{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--st-text-leise);font-size:var(--st-schrift-xs);letter-spacing:.04em;cursor:pointer;transition:background .12s,color .12s}.st-werkzeug:hover{background:var(--st-feld);color:var(--st-text)}.st-werkzeug.st-an{background:var(--st-akzent-tief);border-color:var(--st-akzent);color:#eafaff}.st-werkzeug .st-zeichen{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.st-symbol{display:block}.st-werkzeug-trenner{height:1px;background:var(--st-rand);margin:5px 4px}.st-buehne{grid-area:buehne;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#101f38,#08111f 60%,#050a13)}#st-leinwand{display:block;width:100%;height:100%;cursor:crosshair}.st-buehne-info{position:absolute;left:12px;top:10px;padding:5px 10px;background:#08101cd1;border:1px solid var(--st-rand);border-radius:6px;color:var(--st-text-leise);font-size:var(--st-schrift-xs);font-variant-numeric:tabular-nums;pointer-events:none;white-space:pre}.st-minimap{position:absolute;right:12px;top:10px;width:178px;height:108px;background:#08101cdb;border:1px solid var(--st-rand);border-radius:7px;overflow:hidden;cursor:pointer}.st-minimap canvas{display:block;width:100%;height:100%}.st-inspektor{grid-area:inspektor;background:#0a1220;border-left:1px solid var(--st-rand);overflow-y:auto;padding:10px}.st-gruppe{margin-bottom:14px}.st-gruppe-titel{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--st-akzent);font-size:var(--st-schrift-xs);font-weight:700;letter-spacing:.14em}.st-gruppe-titel:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--st-rand),transparent)}.st-zeile{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-height:28px}.st-etikett{flex:0 0 84px;color:var(--st-text-leise);font-size:var(--st-schrift-xs)}.st-wert{flex:1;display:flex;gap:5px;align-items:center}.st-eingabe{flex:1;min-width:0;padding:5px 8px;background:var(--st-feld);border:1px solid var(--st-rand-feld);border-radius:5px;color:var(--st-text);font:inherit;font-variant-numeric:tabular-nums}.st-eingabe:focus{outline:none;border-color:var(--st-akzent-tief);box-shadow:0 0 0 2px #8deaff1f}select.st-eingabe{cursor:pointer}.st-schalter{display:flex;align-items:center;gap:7px;padding:5px 8px;background:var(--st-feld);border:1px solid var(--st-rand);border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.st-schalter:hover{border-color:var(--st-rand-hell)}.st-schalter input{accent-color:var(--st-akzent);margin:0;cursor:pointer}.st-schalter.st-an{background:var(--st-akzent-tief);border-color:var(--st-akzent)}.st-hinweis{padding:8px 10px;background:#8deaff0d;border-left:2px solid var(--st-akzent-tief);border-radius:0 5px 5px 0;color:var(--st-text-leise);font-size:var(--st-schrift-xs);line-height:1.5}.st-hinweis.st-warn{background:#ff7a6b12;border-left-color:var(--st-warn);color:#f0b6ad}.st-hinweis.st-gut{background:#7ee0a612;border-left-color:var(--st-gruen);color:#a9e6c3}.st-knopfreihe{display:flex;gap:5px;flex-wrap:wrap}.st-knopfreihe .st-knopf{flex:1;min-width:62px;padding:5px 7px;font-size:var(--st-schrift-xs)}.st-zeitleiste{grid-area:zeit;display:flex;flex-direction:column;background:#0a1220;border-top:1px solid var(--st-rand)}.st-transport{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--st-rand);flex:0 0 auto;flex-wrap:wrap;row-gap:4px}.st-uhr{font-variant-numeric:tabular-nums;font-size:var(--st-schrift-l);color:var(--st-akzent);letter-spacing:.04em;min-width:132px}.st-tempo-feld{width:74px;padding:4px 7px;background:var(--st-feld);border:1px solid var(--st-rand);border-radius:5px;color:var(--st-text);font:inherit;font-variant-numeric:tabular-nums}.st-spuren{position:relative;flex:1;min-height:0;overflow:hidden;cursor:pointer}#st-welle{display:block;width:100%;height:100%}.st-abspielkopf{position:absolute;top:0;bottom:0;width:1px;background:var(--st-gold);box-shadow:0 0 7px #ffcf6bbf;pointer-events:none;will-change:transform}.st-melder{position:fixed;left:50%;bottom:calc(var(--st-zeit-hoehe) + 22px);transform:translate(-50%);padding:9px 17px;background:#0e1a2bf5;border:1px solid var(--st-rand-hell);border-radius:8px;box-shadow:0 8px 26px #00000080;font-size:var(--st-schrift-s);z-index:50;max-width:60vw}.st-melder.st-warn{border-color:var(--st-warn);color:#ffc4bb}.st-melder.st-gut{border-color:var(--st-gruen);color:#b6ecce}.st-melder[hidden]{display:none}.st-statuszeile{grid-area:status;display:flex;align-items:center;gap:16px;padding:0 12px;background:#080f1c;border-top:1px solid var(--st-rand);color:var(--st-text-leise);font-size:var(--st-schrift-xs);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.st-status-feld.st-gut{color:var(--st-gruen)}.st-status-feld.st-warn{color:var(--st-warn)}.st-status-fueller{flex:1}.st-takt{font-size:var(--st-schrift-s);color:var(--st-text-leise);font-variant-numeric:tabular-nums;min-width:78px}.st-taktwahl{width:62px;padding:4px 6px}@media(max-width:1180px){:root{--st-inspektor-breite: 250px;--st-zeit-hoehe: 168px}.st-name{width:170px}}.st-schleier{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#03070eb8;z-index:100}.st-dialog{width:min(560px,90vw);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#101c2e,#0a1322);border:1px solid var(--st-rand-hell);border-radius:10px;box-shadow:0 18px 54px #0009}.st-dialog-titel{padding:13px 16px;border-bottom:1px solid var(--st-rand);color:var(--st-akzent);font-size:var(--st-schrift-m);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.st-dialog-koerper{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.st-dialog-fuss{display:flex;gap:7px;justify-content:flex-end;padding:11px 16px;border-top:1px solid var(--st-rand)}.st-codefeld{width:100%;padding:9px 11px;background:var(--st-grund);border:1px solid var(--st-rand);border-radius:6px;color:var(--st-akzent);font-family:Cascadia Mono,Consolas,monospace;font-size:var(--st-schrift-xs);line-height:1.5;resize:vertical;word-break:break-all}.st-codefeld:focus{outline:none;border-color:var(--st-akzent-tief)}.st-qr-feld{display:flex;flex-direction:column;align-items:center;gap:10px}.st-qr{display:block;background:#fff;border-radius:6px;image-rendering:pixelated}.st-qr-feld .st-hinweis{align-self:stretch}.st-liste{display:flex;flex-direction:column;gap:5px}.st-listenzeile{display:flex;gap:5px;align-items:stretch}.st-listeneintrag{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;background:var(--st-feld);border:1px solid var(--st-rand);border-radius:6px;color:var(--st-text);font:inherit;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.st-listeneintrag:hover{background:var(--st-feld-hoch);border-color:var(--st-rand-hell)}.st-listenname{font-weight:600}.st-listeninfo{color:var(--st-text-leise);font-size:var(--st-schrift-xs)}.st-knopf.st-klein{padding:5px 10px;min-height:0}.st-knopf.st-aus{opacity:.45}.st-hilfe-liste{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.st-hilfe-zeile{display:flex;gap:10px;align-items:baseline;padding:3px 0}.st-hilfe-taste{flex:0 0 210px;color:var(--st-akzent);font-size:var(--st-schrift-xs);font-weight:600}.st-hilfe-was{flex:1;color:var(--st-text-leise);font-size:var(--st-schrift-s)}@media(max-width:620px){.st-hilfe-zeile{flex-direction:column;gap:1px}.st-hilfe-taste{flex:none}}.st-passung{font-size:var(--st-schrift-s);color:var(--st-text-leise);font-variant-numeric:tabular-nums;white-space:nowrap}.st-passung.st-gut{color:var(--st-gruen)}.st-passung.st-schwach{color:var(--st-warn)}.st-haerte{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px}.st-haerte-zeile{display:flex;align-items:center;gap:8px}.st-haerte-mass{flex:0 0 58px;color:var(--st-text-leise);font-size:var(--st-schrift-xs);font-variant-numeric:tabular-nums;text-align:right}.st-haerte-bahn{flex:1;height:10px;background:var(--st-feld);border:1px solid var(--st-rand);border-radius:3px;overflow:hidden}.st-haerte-fuellung{display:block;height:100%;background:linear-gradient(90deg,var(--st-akzent-tief),var(--st-gruen));transition:width .2s}.st-haerte-fuellung.st-schwach{background:linear-gradient(90deg,#6b2f28,var(--st-warn))}.st-haerte-wert{flex:0 0 38px;color:var(--st-text-leise);font-size:var(--st-schrift-s);font-variant-numeric:tabular-nums}.st-hakenzeile{display:flex;align-items:flex-start;gap:10px;margin:10px 0;padding:10px;border:1px solid var(--st-rand);border-radius:8px;line-height:1.45;cursor:pointer}.st-hakenzeile.st-fehlt{border-color:var(--st-warn);background:#ff7a6b14}.st-haken{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--st-akzent)}.st-hinweis.st-klein{font-size:var(--st-schrift-xs);color:var(--st-text-leise)}