:root{--mz-bg:#071522;--mz-panel:#10263a;--mz-card:#18334c;--mz-line:#294b67;--mz-gold:#f0b52d;--mz-blue:#2f8bc7;--mz-text:#eef7ff;--mz-muted:#9eb7c9;--mz-green:#229b68;--mz-red:#c84b4b}
.midi-nav-link{color:#ffd15a!important}.mz-app{max-width:1680px;margin:26px auto 50px;background:var(--mz-bg);color:var(--mz-text);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0715223d;font-family:Inter,Segoe UI,Arial,sans-serif}.mz-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 14px}.mz-kicker{color:var(--mz-gold);font-size:.78rem;font-weight:900;letter-spacing:.13em}.mz-head h1{margin:5px 0 0;font-size:2rem}.mz-head h1 b{color:var(--mz-gold)}.mz-file-state{max-width:42%;padding:11px 15px;background:#0d2031;border:1px solid var(--mz-line);border-radius:9px;color:var(--mz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mz-toolbar,.mz-settings{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 24px;background:var(--mz-panel);border-top:1px solid #1b3850}.mz-button{appearance:none;border:0;border-radius:7px;padding:12px 17px;background:#435c70;color:white;font-weight:800;cursor:pointer;font-size:.88rem}.mz-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.mz-button:disabled{opacity:.35;cursor:not-allowed}.mz-button.primary{background:var(--mz-blue)}.mz-button.play{background:var(--mz-green)}.mz-button.stop{background:#65717d}.mz-button.save{background:var(--mz-gold);color:#17202a}.mz-button.compact{padding:10px 13px}.mz-settings{border-top:1px solid #29465c;padding-top:12px;padding-bottom:12px}.mz-settings>label{display:flex;align-items:center;gap:10px;color:var(--mz-gold);font-weight:800}.mz-settings input[type=range]{accent-color:var(--mz-blue);width:190px}.mz-settings output{min-width:68px;color:white}.mz-settings select,.mz-channel select{background:white;color:#24313c;border:0;border-radius:5px;padding:8px;max-width:205px}.mz-output-label{margin-left:auto}.mz-status{padding:9px 25px;color:var(--mz-muted);background:var(--mz-panel);border-top:1px solid #29465c}.mz-view-tabs{display:flex;justify-content:flex-end;gap:6px;padding:12px 24px 6px}.mz-view-tabs button{border:1px solid var(--mz-line);background:#122b40;color:#d8e8f5;padding:9px 24px;border-radius:5px;font-weight:800}.mz-view-tabs button.active{background:var(--mz-blue);border-color:var(--mz-blue)}.mz-mixer{display:grid;grid-template-columns:repeat(16,minmax(102px,1fr));gap:4px;padding:8px 20px 22px;overflow-x:auto}.mz-channel{min-height:490px;background:var(--mz-card);border:1px solid #0b1f30;padding:12px 8px;display:flex;align-items:center;flex-direction:column;gap:9px}.mz-channel.active{box-shadow:inset 0 4px 0 #33c68b}.mz-channel h3{margin:0;font-size:1rem}.mz-channel small{height:31px;color:var(--mz-muted);text-align:center;line-height:1.25;overflow:hidden}.mz-channel select{width:100%;padding:6px;font-size:.76rem}.mz-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.mz-mini-actions button{border:0;border-radius:4px;background:#536579;color:#fff;padding:8px 4px;font-weight:800;font-size:.7rem}.mz-mini-actions button.on{background:var(--mz-gold);color:#14202a}.mz-channel input[type=range]{writing-mode:vertical-lr;direction:rtl;accent-color:var(--mz-blue);height:235px;width:24px}.mz-vol{color:#bed0dc;font-size:.72rem}.mz-visual{margin:8px 20px 22px;height:510px;background:#0b1d2c;border:1px solid var(--mz-line);border-radius:9px}.mz-visual canvas{width:100%;height:100%;display:block}.mz-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px;background:#0b1d2c;color:var(--mz-muted)}.mz-suggestion{color:#17202a;background:var(--mz-gold);padding:10px 15px;border-radius:7px;font-weight:900;text-decoration:none}.mz-welcome{width:min(610px,calc(100% - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px #0008}.mz-welcome::backdrop{background:#06111bca;backdrop-filter:blur(4px)}.mz-welcome form{padding:30px;color:#172735}.mz-welcome h2{font-size:2rem;margin:6px 0 15px}.mz-welcome p{line-height:1.6}.mz-dialog-actions{display:flex;gap:15px;align-items:center;margin-top:23px}.mz-dialog-actions a{font-weight:800;color:#176ca4}.mz-channel.drums h3{color:var(--mz-gold)}
@media(max-width:900px){.mz-app{margin:0;border-radius:0}.mz-head{align-items:flex-start;gap:12px}.mz-file-state{max-width:50%}.mz-output-label{margin-left:0}.mz-mixer{grid-template-columns:repeat(16,118px)}.mz-toolbar .mz-button,.mz-toolbar .mz-button.primary{flex:1 1 130px}.mz-bottom-actions{align-items:flex-start;flex-direction:column}.mz-visual{height:430px}}

/* Live-Spielanzeige: belegt bleibt ruhig gruen, aktuell klingend leuchtet gold. */
.mz-channel{transition:background-color .08s ease,border-color .08s ease,box-shadow .08s ease}
.mz-live-indicator{display:block;width:18px;height:5px;border-radius:999px;background:#237855;box-shadow:0 0 0 transparent;transition:width .08s ease,height .08s ease,background-color .08s ease,box-shadow .08s ease}
.mz-channel:not(.active) .mz-live-indicator{background:#415362}
.mz-channel.is-playing{background:#173a43;border-color:#f0b52d;box-shadow:inset 0 4px 0 #f0b52d,0 0 18px #f0b52d55}
.mz-channel.is-playing .mz-live-indicator{width:30px;height:9px;background:#ffd15a;box-shadow:0 0 14px #ffd15a}
.mz-live-legend{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0 24px 4px;color:var(--mz-muted);font-size:.82rem;font-weight:700}
.mz-legend-dot{display:inline-block;width:18px;height:6px;border-radius:999px;background:#237855}
.mz-legend-dot.playing{width:25px;height:8px;background:#ffd15a;box-shadow:0 0 10px #ffd15a}
@media(max-width:900px){.mz-live-legend{justify-content:flex-start;flex-wrap:wrap}}