:root{--leaf-bg:#111b19;--leaf-panel:#17241e;--leaf-surface:#22332c;--leaf-border:#3d5042;--leaf-text:#eef5ec;--leaf-muted:#b5c5b4;--leaf-accent:#c6e797;color-scheme:dark}
.leaf-shell{display:flex;align-items:center;gap:28px;min-height:72px;padding:14px 26px;background:var(--leaf-bg);border-bottom:1px solid var(--leaf-border);font:15px/1.4 system-ui;color:var(--leaf-text)}
.leaf-brand{display:flex;flex-direction:column;gap:2px;margin-right:auto}.leaf-brand strong{font-size:19px;letter-spacing:.2px}.leaf-brand small{font-size:12px;color:var(--leaf-muted)}
.leaf-shell nav{display:flex;gap:6px;flex-wrap:wrap}.leaf-shell a{color:var(--leaf-muted);text-decoration:none;padding:10px 16px;border:1px solid transparent;border-radius:9px;font-weight:650}.leaf-shell a:hover{background:var(--leaf-surface);color:var(--leaf-text)}.leaf-shell a[aria-current=page]{background:#344532;border-color:#6f8858;color:#e0f6c3}.leaf-local{font-size:11px;letter-spacing:1px;border:1px solid var(--leaf-border);border-radius:20px;padding:5px 9px;color:var(--leaf-muted)}
.level-editor{font:14px/1.45 system-ui;color:var(--leaf-text);background:var(--leaf-bg)}
.level-editor header,.level-editor aside{background:var(--leaf-panel);border-color:var(--leaf-border)}.level-editor header{padding:14px 22px;gap:10px}.level-editor header h1{font-size:19px;flex-basis:200px}.level-editor #eventLabLink{font-size:13px;color:var(--leaf-accent)}.level-editor #save{background:var(--leaf-accent);color:#14200f;border-color:var(--leaf-accent)}
.level-editor button,.level-editor input,.level-editor select{font-family:inherit;color:var(--leaf-text);border-color:#506054;border-radius:8px;background:var(--leaf-surface)}.level-editor button:hover{background:#384d39}.level-editor input{padding:7px;max-width:100%}.level-editor h2{color:#d3e6c8;font-size:13px;letter-spacing:.3px}.level-editor label,.level-editor .info,.level-editor .small,.level-editor .mirror,.level-editor .view-options,.level-editor .grid-title span,.level-editor .status{color:var(--leaf-muted)}
.level-editor .palette-button small{color:#b8cdab}.level-editor .palette-button.active{outline-color:var(--leaf-accent);background:#344532}.level-editor .palette-button img{border-radius:5px;background:repeating-conic-gradient(#24352b 0 25%,#17241e 0 50%) 50%/14px 14px}.level-editor .palette-group{border-color:var(--leaf-border)}.level-editor .modes button[aria-pressed=true]{outline-color:var(--leaf-accent);background:#344532}.level-editor .eraser{background:#442c2e;border-color:#845356}.level-editor .eraser.active{outline-color:#e8a29b}.level-editor .current{border-color:var(--leaf-border);background:#223026;color:var(--leaf-text);border-radius:8px}.level-editor .canvas-panel{background:#0c1512}.level-editor .scroll{border-color:var(--leaf-border);border-radius:9px}.level-editor input[type=checkbox]{accent-color:var(--leaf-accent)}
.lab-heading{border:0;padding-bottom:4px}.music-track{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,300px) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--leaf-border)}.music-track strong{overflow-wrap:anywhere;font-size:14px}.music-track audio{width:100%;height:42px}.level select{max-width:260px;font-size:14px}.level>span{flex:1;min-width:120px}.level .button{flex-shrink:0}.level{flex-wrap:wrap}#eventList{margin-top:24px}
@media(max-width:780px){.leaf-shell{gap:10px;flex-wrap:wrap;padding:14px 18px}.leaf-local{display:none}.leaf-brand{min-width:180px}.leaf-shell nav{width:100%}.leaf-shell a{padding:8px 12px}.music-track{grid-template-columns:1fr}.music-track audio{max-width:400px}.level select{max-width:100%}.level-editor header{padding:10px}}

.track-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:205px}.track-actions button{font-size:13px;padding:8px 10px}.track-actions button:disabled{cursor:default}

.overlay-support{display:flex;gap:12px;align-items:end;margin:12px 0}.overlay-support label{flex:1;margin:0}.overlay-support input{max-width:140px;display:block;margin-top:6px}.overlay-support button{flex-shrink:0}