:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}


/* Layout: Arbeitsfläche wie ein Notensatzprogramm. Obere Leiste, Noteneingabe-Leiste,
   links Paletten, Mitte Partitur auf Papier, rechts Eigenschaften, unten Statuszeile.
   Notenglyphen: Teilmenge der Schrift Leland (c) MuseScore BVBA, SIL Open Font License 1.1. */
@font-face{font-family:'SMuFL Notation';src:url(data:font/woff2;base64,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) format('woff2');font-display:block}
:root{
  --font-ui:'Fira Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-title:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --bg:#e2e6ec;
  --panel:#f6f8fa;
  --panel-2:#eaedf2;
  --line:#cbd2db;
  --fg:#1c2128;
  --fg-dim:#58636f;
  --accent:#1a6fe0;
  --accent-fg:#ffffff;
  --accent-soft:rgba(26,111,224,.13);
  --canvas:#c4cad3;
  --paper:#ffffff;
  --ink:#14171c;
  --sel:#1b7bf0;
  --play:#0c9468;
  --danger:#c23a2b;
  --shadow:0 1px 2px rgba(18,28,45,.14),0 10px 28px rgba(18,28,45,.16);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#15171b;--panel:#22252b;--panel-2:#2b2f36;--line:#393e47;--fg:#e6e9ee;--fg-dim:#97a1af;
    --accent:#52a0ff;--accent-fg:#06121f;--accent-soft:rgba(82,160,255,.18);--canvas:#2c3036;
    --danger:#ff7a6b;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#15171b;--panel:#22252b;--panel-2:#2b2f36;--line:#393e47;--fg:#e6e9ee;--fg-dim:#97a1af;
  --accent:#52a0ff;--accent-fg:#06121f;--accent-soft:rgba(82,160,255,.18);--canvas:#2c3036;
  --danger:#ff7a6b;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;padding-inline:16px;padding-block:12px;background:var(--bg);color:var(--fg);
  font:400 13px/1.35 var(--font-ui);overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
.app{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;min-width:0}
.app>*{min-width:0}

/* Leisten */
.bar{display:flex;align-items:center;gap:6px 10px;padding:6px 10px;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;min-width:0}
.topbar{flex-wrap:wrap}
.inputbar{overflow-x:auto;scrollbar-width:thin}
.inputbar>*{flex:none}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;letter-spacing:.01em;padding-right:4px}
.brand svg{width:26px;height:26px;color:var(--accent)}
.grp{display:flex;align-items:center;gap:2px}
.sep{width:1px;height:24px;background:var(--line);margin:0 4px}
.grow{flex:1 1 auto}
.btn{appearance:none;border:1px solid transparent;background:transparent;height:34px;min-width:34px;padding:0 9px;
  border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--panel-2)}
.btn:focus-visible,.tile:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.btn[aria-pressed="true"],.btn.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-fg)}
.btn.primary:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.4;cursor:default}
.btn kbd{font:500 10px var(--font-ui);padding:1px 5px;border-radius:4px;background:var(--panel-2);color:var(--fg-dim);border:1px solid var(--line)}
.btn[aria-pressed="true"] kbd{background:transparent;color:inherit;border-color:currentColor}
.ico{display:block;width:26px;height:26px;overflow:visible}
.ico text{fill:currentColor;font-family:'SMuFL Notation',serif}
.ico path.st,.ico line.st,.ico circle.st{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tempo-ctl{display:flex;align-items:center;gap:2px;color:var(--fg-dim)}
.tempo-ctl input{width:58px;height:30px;border:1px solid var(--line);background:var(--panel-2);border-radius:7px;padding:0 6px;text-align:right;font-variant-numeric:tabular-nums}
.pos{min-width:96px;text-align:center;color:var(--fg-dim);font-variant-numeric:tabular-nums}
.zoomlbl{min-width:46px;font-variant-numeric:tabular-nums}
.hint{color:var(--fg-dim);padding-left:6px;white-space:nowrap}
.tg-left,.tg-right{display:none}

/* Klaviatur */
.tools{display:grid;gap:8px;min-width:0}
.piano{overflow-x:auto;padding:8px 10px 10px;display:block;scrollbar-width:thin}
.kb{position:relative;height:96px;margin-inline:auto}
.wk,.bk{position:absolute;top:0;padding:0;cursor:pointer;touch-action:manipulation}
.wk{width:30px;height:96px;border:1px solid #8f99a6;background:#fff;color:#14171c;border-radius:0 0 6px 6px;font-size:10px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}
.bk{width:18px;height:60px;background:#1b1f25;border:1px solid #000;border-radius:0 0 4px 4px;z-index:2}
.wk:hover{background:#e9f1ff}.wk:active{background:#c4dcff}
.bk:hover{background:#2c3440}.bk:active{background:#40526f}

/* Arbeitsbereich */
.main{display:grid;grid-template-columns:214px minmax(0,1fr) 272px;gap:10px;min-height:0;min-width:0;position:relative}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:auto;min-height:0;min-width:0}
.panel h2{margin:0;padding:13px 14px 6px;font:600 10.5px/1 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-dim)}
.pal{border-bottom:1px solid var(--line)}
.pal:last-child{border-bottom:0}
.pal summary{list-style:none;cursor:pointer;padding:10px 14px;font-weight:500;display:flex;align-items:center;justify-content:space-between}
.pal summary::-webkit-details-marker{display:none}
.pal summary::after{content:"";width:7px;height:7px;border-right:1.6px solid var(--fg-dim);border-bottom:1.6px solid var(--fg-dim);transform:rotate(-45deg);transition:transform .15s}
.pal[open] summary::after{transform:rotate(45deg)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;padding:2px 12px 12px}
.grid.wide{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.tile{appearance:none;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;min-height:50px;padding:4px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--fg);font-size:11.5px}
.tile:hover{border-color:var(--accent)}
.tile.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.tile .ico{width:auto;height:auto;max-width:100%}
.tile.txt{font-weight:500;min-height:38px}
.tile .k2{color:var(--fg-dim);font-size:10.5px}
.canvas{overflow:auto;background:var(--canvas);border:1px solid var(--line);border-radius:12px;min-width:0;min-height:0;position:relative}
.sheet{width:max-content;margin:0 auto;padding:22px 24px 64px}
.sheet svg{display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.24));touch-action:pan-x pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.field{display:grid;gap:4px;padding:0 14px 10px}
.field label{font-size:11.5px;color:var(--fg-dim)}
.field input,.field select,.dlg input,.dlg select,.dlg textarea{height:32px;border:1px solid var(--line);background:var(--panel-2);border-radius:7px;padding:0 8px;width:100%;min-width:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.row3{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
.staffcard{margin:0 14px 10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);display:grid;gap:8px}
.staffcard .hd{display:flex;justify-content:space-between;align-items:center;font-weight:500}
.staffcard input,.staffcard select{background:var(--panel)}
.staffcard .btn{height:28px;font-size:12px}
.seltext{padding:0 14px 14px;color:var(--fg);line-height:1.5}
.seltext small{color:var(--fg-dim)}
.btnrow{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.btnrow .btn{border-color:var(--line);background:var(--panel-2);height:30px;font-size:12px}
.pal .btnrow{padding:2px 12px 12px}
.status{display:flex;flex-wrap:wrap;gap:4px 18px;padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--fg-dim);font-size:12px}
.status b{color:var(--fg);font-weight:500}
.badge{display:inline-block;padding:0 8px;border-radius:99px;background:var(--accent);color:var(--accent-fg);font-weight:500;font-size:11px;line-height:18px}

/* Partitur (SVG) */
.paper{fill:var(--paper);stroke:var(--line);stroke-width:1}
.backdrop{fill:var(--canvas)}
.welcome-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:24px;background:var(--bg)}
.welcome-gate[hidden],.welcome-auth[hidden]{display:none}
#btnLogout[hidden]{display:none}
.library-gate{position:fixed;inset:0;z-index:101;overflow:auto;background:var(--bg)}
.library-gate[hidden]{display:none}
.library-wrap{width:min(1060px,100%);min-height:100%;margin:0 auto;padding:24px 32px 56px}
.library-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.library-account{display:flex;align-items:center;gap:12px;color:var(--fg-dim);font-size:12px}
.library-content{padding-top:42px}
.library-content .welcome-kicker{margin:0 0 8px}
.library-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.library-title-row h1{margin:0;font-family:'Libre Baskerville',Georgia,serif;font-size:30px;line-height:1.25}
.library-title-row p{margin:9px 0 0;color:var(--fg-dim)}
.library-title-row>.btn{flex:none;min-height:42px}
.library-status{min-height:20px;margin:22px 0 8px;color:var(--fg-dim);font-size:13px}
.score-list{display:grid;gap:10px}
.score-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.score-open{display:grid;flex:1;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer}
.score-open strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.score-open span{color:var(--fg-dim);font-size:12px}
.score-delete{flex:none}
.library-empty{margin-top:20px;padding:48px 24px;background:var(--panel);border:1px dashed var(--line);border-radius:16px;text-align:center}
.library-empty[hidden]{display:none}
.empty-music{display:block;color:var(--accent);font-size:32px}
.library-empty h2{margin:12px 0 6px;font-size:17px}
.library-empty p{margin:0 0 20px;color:var(--fg-dim);font-size:13px}
#btnLibrary[hidden],#btnAccount[hidden]{display:none}
.welcome-card{width:min(440px,100%);padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.welcome-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}
.welcome-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-size:23px;line-height:1}
.welcome-kicker{margin:32px 0 8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em}
.welcome-card h1{margin:0;font-family:'Libre Baskerville',Georgia,serif;font-size:30px;line-height:1.22;letter-spacing:-.03em}
.welcome-copy{margin:14px 0 24px;color:var(--fg-dim);line-height:1.6}
.welcome-action{width:100%;min-height:44px;justify-content:center;font-weight:600}
.welcome-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--fg-dim);font-size:12px}
.welcome-divider:before,.welcome-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.welcome-guest{background:var(--panel-2)}
.welcome-note{min-height:18px;margin:18px 0 0;color:var(--fg-dim);font-size:12px;line-height:1.5;text-align:center}
.welcome-note.is-error{color:#b42318}
.welcome-auth{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.welcome-auth h2{margin:0 0 16px;font-size:17px}
.welcome-auth form{display:grid;gap:9px}
.welcome-auth label{margin-top:4px;font-size:12px;font-weight:600}
.welcome-auth input{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--fg);font:inherit}
.welcome-auth form .welcome-action{margin-top:9px}
.welcome-switch{margin:17px 0 0;color:var(--fg-dim);font-size:12px;text-align:center}
.link-button{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}
.link-button:hover{text-decoration:underline}
.welcome-back{display:block;margin:15px auto 0;font-size:12px}
@media(max-width:480px){.welcome-card{padding:28px 22px}.welcome-card h1{font-size:25px}}
@media(max-width:620px){.library-wrap{padding:16px 16px 36px}.library-content{padding-top:28px}.library-title-row{align-items:flex-start;flex-direction:column}.library-title-row h1{font-size:25px}.library-account{gap:8px}.score-item{padding:12px}}
.g{font-family:'SMuFL Notation',serif;font-size:40px;fill:currentColor}
.ev{color:var(--ink)}
.ev.sel{color:var(--sel)}
.ev.play{color:var(--play)}
.sl{stroke:var(--ink);stroke-width:1.1}
.bar-l{stroke:var(--ink);stroke-width:1.8}
.bar-t{stroke:var(--ink);stroke-width:5.5}
.stem{stroke:currentColor;stroke-width:1;stroke-linecap:butt}
.led{stroke:currentColor;stroke-width:1.6}
.tie{fill:currentColor}
.bms{fill:var(--ink)}
.hdr{color:var(--ink)}
.ttl{font:700 26px var(--font-title);fill:var(--ink);text-anchor:middle}
.cmp{font:400 italic 12.5px var(--font-title);fill:var(--ink);text-anchor:end}
.nm{font:400 11px var(--font-ui);fill:var(--ink);text-anchor:end}
.mnum{font:italic 500 10.5px var(--font-ui);fill:var(--ink)}
.tmp{font:600 12.5px var(--font-ui);fill:var(--ink)}
.curbar{fill:var(--sel)}
.ghost{fill:var(--sel);opacity:.5;pointer-events:none}
.playhead{stroke:var(--play);stroke-width:2.2;opacity:.85;pointer-events:none}

/* Dialoge */
.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,14,22,.55)}
.dlg{width:min(620px,100%);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 18px 16px;display:grid;gap:12px;min-width:0}
.dlg h3{margin:0;font-size:17px;font-weight:600}
.dlg p{margin:0;color:var(--fg-dim)}
.dlg textarea{height:150px;padding:8px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;resize:vertical;white-space:pre}
.dlg .acts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dlg .btn{border-color:var(--line)}
.dlg .btn.primary{border-color:transparent}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.keys{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:12.5px}
.keys kbd{font:500 11px var(--font-ui);padding:1px 7px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);justify-self:start}
.keys h4{grid-column:1/-1;margin:8px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;background:var(--fg);color:var(--bg);
  padding:8px 14px;border-radius:9px;font-weight:500;box-shadow:var(--shadow);max-width:calc(100% - 32px)}

@media (max-width:1080px){
  .main{grid-template-columns:214px minmax(0,1fr)}
  .panel-right{display:none}
  .show-right .panel-right{display:block;position:absolute;right:0;top:0;bottom:0;width:min(300px,100%);z-index:6;box-shadow:var(--shadow)}
  .tg-right{display:inline-flex}
}
@media (max-width:760px){
  .main{grid-template-columns:minmax(0,1fr)}
  .panel-left{display:none}
  .show-left .panel-left{display:block;position:absolute;left:0;top:0;bottom:0;width:min(300px,100%);z-index:6;box-shadow:var(--shadow)}
  .tg-left{display:inline-flex}
  .lbl{display:none}
  .brand span{display:none}
  .sheet{padding:14px 12px 48px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}


@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:url('../fonts/fira-sans-400.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:url('../fonts/fira-sans-500.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;src:url('../fonts/fira-sans-600.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;src:url('../fonts/libre-baskerville-700.ttf') format('truetype');font-display:swap}
.field.compact-field{padding:0}.import-heading{font-size:15px;margin-top:6px}.file-button{cursor:pointer}.g.tempo-glyph{font-size:26px}.status-meta{margin-left:auto}
.chord-symbol{font:600 14px 'Fira Sans',sans-serif;fill:var(--ink);cursor:pointer;user-select:none}
.chord-hit{cursor:pointer}
.chord-hit-area{fill:transparent;stroke:transparent;pointer-events:all}
.chord-hit.play .chord-symbol{fill:var(--play)}
.chord-add{color:var(--accent);cursor:pointer}
.chord-add-icon{fill:var(--panel);stroke:currentColor;stroke-width:1.5}
.chord-add-hit{fill:transparent;stroke:transparent;pointer-events:all}
.chord-add path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;pointer-events:none}
.chord-add:focus .chord-add-icon{stroke-width:2.5}
.chord-editor{overflow:visible}
.chord-editor input{width:100%;height:25px;padding:2px 5px;border:1px solid var(--accent);border-radius:5px;background:var(--panel);text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.2);outline:0}
.lyric-text{font:12px 'Fira Sans',sans-serif;fill:var(--ink);user-select:none}
.lyric-text[data-lyric-edit]{cursor:text}
.lyric-editor{overflow:visible}
.lyric-editor input{width:100%;height:25px;padding:2px 5px;border:1px solid var(--accent);border-radius:5px;background:var(--panel);text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.2);outline:0;font:12px 'Fira Sans',sans-serif}
.guitar-diagram-card{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}
.guitar-diagram{display:block;width:130px;height:120px;margin:5px auto 0;overflow:visible;stroke:var(--ink);stroke-width:1.2;fill:none}
.guitar-diagram text{fill:var(--ink);stroke:none;font:600 12px 'Fira Sans',sans-serif}
.guitar-diagram .fret.nut{stroke-width:2.6}
.guitar-diagram .finger{fill:var(--ink)}
.guitar-diagram .open{stroke-width:1.4}
.guitar-diagram .muted{stroke-width:1.6}
.guitar-diagram-card small,.guitar-diagram-note{color:var(--fg-dim);font-size:11px}
.midi-check{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}
.midi-check input{accent-color:var(--accent)}

.kb{display:grid;grid-template-columns:repeat(21,30px);grid-template-rows:60px 36px;height:96px;width:max-content;margin-inline:auto}.wk{position:relative;grid-row:1 / 3;justify-self:stretch}.bk{position:relative;grid-row:1;justify-self:start;margin-left:21px}.wk.k1,.bk.k1{grid-column:1}.wk.k2,.bk.k2{grid-column:2}.wk.k3,.bk.k3{grid-column:3}.wk.k4,.bk.k4{grid-column:4}.wk.k5,.bk.k5{grid-column:5}.wk.k6,.bk.k6{grid-column:6}.wk.k7,.bk.k7{grid-column:7}.wk.k8,.bk.k8{grid-column:8}.wk.k9,.bk.k9{grid-column:9}.wk.k10,.bk.k10{grid-column:10}.wk.k11,.bk.k11{grid-column:11}.wk.k12,.bk.k12{grid-column:12}.wk.k13,.bk.k13{grid-column:13}.wk.k14,.bk.k14{grid-column:14}.wk.k15,.bk.k15{grid-column:15}.wk.k16,.bk.k16{grid-column:16}.wk.k17,.bk.k17{grid-column:17}.wk.k18,.bk.k18{grid-column:18}.wk.k19,.bk.k19{grid-column:19}.wk.k20,.bk.k20{grid-column:20}.wk.k21,.bk.k21{grid-column:21}