.zl-editor[data-editor=music-comb]{--zl-accent:#a57048;--zl-accent-soft:#f1ddc6;--zl-ink:#65452f;--zl-paper:#fbf6ea}.zl-editor[data-editor=music-comb] .zl-inspector{background:#fffaf3}.zl-editor[data-editor=music-comb] .zl-title,.zl-editor[data-editor=music-comb] .zl-panel-title{color:#805333}.stack{display:block}textarea{width:100%;font:16px/1.7 'Yuanti SC','PingFang SC',sans-serif;color:#65452f;background:#fffdf9;border:1px solid #d9c5af;border-radius:12px;resize:vertical;padding:12px;margin-top:8px}#score{font-size:22px;letter-spacing:2px}#score-panel>button,#settings-panel>button{width:100%}.family-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.family-nav a{color:#805333;text-decoration:none;font-size:13px;padding:7px 12px;border-radius:10px}.family-nav a[aria-current]{background:#f1ddc6}.face-choice{display:flex;gap:6px}.face-choice button{flex:1}.face-choice button[aria-pressed=true]{background:#e8c8a5;border-color:#bd946b}.canvas-face{align-self:center;width:160px;margin:12px}#stage{min-height:280px}#drawing{cursor:default}#score-info{font-size:13px;line-height:1.6}#model-view canvas{outline-offset:-3px}@media(max-width:760px){.family-nav{gap:0}.family-nav a{padding:6px 10px}.canvas-face{margin:5px}#stage{min-height:200px}#score{font-size:18px}}

html body .zl-editor[data-editor=music-comb].ze-standard-surface .zl-tool[aria-selected=true]{background:#f1ddc6!important}html body .zl-editor[data-editor=music-comb] .ze-view-modes button{color:#805333}html body .zl-editor[data-editor=music-comb] .ze-view-modes button[aria-pressed=true]{background:#805333;color:#fffaf3}#text-panel>label:not(.stack){display:block}#text-panel>label:not(.stack)>select,#text-panel>label:not(.stack)>.zf-trigger{margin-top:8px}#text-panel .zf-trigger{width:100%}

@media(max-width:760px){html body .zl-editor[data-editor=music-comb] #canvas-area{padding-bottom:66px}#text-panel .zf-trigger{width:100%}}
html body .zl-editor[data-editor=music-comb] #flat-tab[aria-pressed=true],html body .zl-editor[data-editor=music-comb] #model-tab[aria-pressed=true]{background:#805333!important;color:#fffaf3!important;border-color:#805333!important}
html body .zl-editor[data-editor=music-comb] #download{background:#e8c8a5!important;color:#51341f!important;border-color:#d2aa80!important}html body .zl-editor[data-editor=music-comb] #download *{color:inherit!important}
#text-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#text-list button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#text-list [aria-pressed=true]{background:#e8c8a5}#add-text{width:100%}#canvas-area{position:relative}#canvas-listen{position:absolute;right:24px;top:78px;z-index:5;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:6px}#canvas-listen[aria-pressed=true]{background:#e8c8a5}#text-actions{display:flex;gap:8px;justify-content:center}#drawing [data-text-id]{cursor:grab}#text-panel input[type=range]{width:100%}@media(max-width:760px){#canvas-listen{right:10px;top:54px}#text-actions button{font-size:12px;padding:6px}}

/* Same shared Frame/Click action dock; only the approved latte color differs. */
html body .zl-editor[data-editor=music-comb] .ze-canvas-dock{flex-shrink:0;background:#fffaf3;border-color:#80533318;padding:3px 12px}
html body .zl-editor[data-editor=music-comb] .ze-selection-actions button{color:#805333}
html body .zl-editor[data-editor=music-comb] .ze-selection-actions button[aria-pressed=true]{background:#f1ddc6}
#drawing{touch-action:none}#drawing [data-transform-handle]{cursor:nwse-resize}#drawing [data-transform-handle=rotate]{cursor:grab}#drawing [data-transform-handle=move]{cursor:move}

#handle-settings{border-bottom:1px solid #ead8c4;padding:12px 0;margin-bottom:12px}#handle-settings button{width:100%;margin:5px 0}#handle-image{display:block;max-width:110px;max-height:100px;border-radius:12px;margin:10px auto}#handle-image[hidden]{display:none}#handle-status{font-size:12px;line-height:1.6;color:#865535}

#art-target{width:100%;margin:8px 0 12px}#accessory-panel>button{width:100%;margin-bottom:8px}#accessory-list,#art-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}#art-list button,#accessory-list button{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}#art-list [aria-pressed=true],#accessory-list [aria-pressed=true]{background:#e8c8a5}

#art-panel>label{display:flex;align-items:center;gap:12px;white-space:nowrap}#art-target{flex:1;min-width:0;width:auto}
