/* LYRIC ROOM v3.3 — UI Refinement: ONLY the new menu view is changed.
   Classic v3.1 is intentionally untouched. No audio/data/auth operations. */
body.lr32-mode-modern {--lr33-surface:#191b23;--lr33-line:#36343e;--lr33-muted:#aaa4b2}
body.lr32-mode-modern .page-intro{display:none}
body.lr32-mode-modern .page-shell{max-width:1560px;padding:0 clamp(12px,2.4vw,34px)}
body.lr32-mode-modern .topbar{height:62px;padding-inline:clamp(12px,2.4vw,34px)}
/* A current-song context bar, not another dashboard/card. */
body.lr32-mode-modern .lr31-toolbar{margin:14px 0 12px;padding:9px 14px;border-radius:10px;border-color:#393540;background:#1b1c24}
body.lr32-mode-modern .lr31-current{gap:1px}
body.lr32-mode-modern .lr31-current .lr31-caption,
body.lr32-mode-modern .lr31-current #lr31-current-storage{display:none}
body.lr32-mode-modern .lr31-current::before{content:'선택된 노래';font-size:10px;color:#a9a3b1}
body.lr32-mode-modern .lr31-current strong{font-size:14px;line-height:1.4}
body.lr32-mode-modern .lr31-toolbar-actions{gap:8px}
body.lr32-mode-modern .lr31-button{padding:8px 11px;border-radius:8px}
/* Navigation and workspace selector: fewer bordered cards. */
body.lr32-mode-modern #lr32-switcher{margin:0 0 17px;background:transparent;border:0;border-radius:0;padding:0}
body.lr32-mode-modern .lr32-mode-row{gap:8px}
body.lr32-mode-modern .lr32-mode-caption{font-size:11px;color:#a6a4ae}
body.lr32-mode-modern .lr32-mode-btn{border:1px solid #3a3942;background:#1b1d25;color:#b9b2bd;border-radius:7px;padding:7px 10px;font-size:11px}
body.lr32-mode-modern .lr32-mode-btn.active{border-color:#995968;background:#51313c;color:#ffe0e8}
body.lr32-mode-modern .lr32-mode-explain{display:none}
body.lr32-mode-modern .lr32-menu-nav{border-top:0;margin-top:11px;padding-top:0;gap:4px;background:#171920;border:1px solid #35353f;border-radius:11px;padding:5px}
body.lr32-mode-modern .lr32-menu-btn{background:transparent;border:1px solid transparent;color:#aeadb9;font-size:12px;font-weight:650;padding:10px 5px;border-radius:7px}
body.lr32-mode-modern .lr32-menu-btn:hover{background:#262731;color:#e5dde6}
body.lr32-mode-modern .lr32-menu-btn.active{background:#3d303f;border-color:#7a5060;color:#ffe3eb}
/* One compact playback controller; other player controls are not duplicated. */
body.lr32-mode-modern .lr32-modern-transport{position:relative;display:flex!important;flex-wrap:nowrap;gap:9px;margin-top:10px;padding:10px 12px;border:1px solid #35343e;background:#1d1e27;border-radius:11px;min-width:0}
body.lr32-mode-modern .lr32-modern-label,
body.lr32-mode-modern #lr32-help-toggle{display:none!important}
body.lr32-mode-modern .lr32-transport-btn{height:35px;min-width:35px;border-radius:8px;background:#272731;border:1px solid #47414b}
body.lr32-mode-modern #lr32-quick-play{border-radius:9px;min-width:41px}
body.lr32-mode-modern #lr32-quick-time{min-width:80px;font-size:11px;color:#d5ced5;white-space:nowrap}
body.lr32-mode-modern #lr32-progress{flex:1 1 120px;width:auto;max-width:none;min-width:42px}
body.lr32-mode-modern .lr33-mixer-toggle{min-width:82px;height:34px;padding:0 9px;flex:0 0 auto;border:1px solid #534752;border-radius:8px;background:#292630;color:#eee0e6;font-size:12px;font-weight:700;cursor:pointer}
body.lr32-mode-modern .lr33-mixer-toggle[aria-expanded="true"]{border-color:#cc8094;background:#3a2b39}
body.lr32-mode-modern .lr33-mixer-toggle:focus-visible,
body.lr32-mode-modern .lr33-editor-tools:focus-visible{outline:2px solid #ef9aac;outline-offset:3px}
/* Sliders already use the existing #mr-volume and #midi-volume controls: reveal on demand. */
body.lr32-mode-modern .lr32-modern-transport .lr32-volume-controls{display:none!important;position:absolute;z-index:155;top:calc(100% + 7px);right:0;width:min(410px,calc(100vw - 28px));max-width:410px;margin:0;padding:13px;border:1px solid #6c5264;border-radius:11px;background:#24222dfb;box-shadow:0 14px 32px #0009;grid-template-columns:1fr;gap:11px;min-width:0}
body.lr32-mode-modern.lr33-mixer-open .lr32-modern-transport .lr32-volume-controls{display:grid!important}
body.lr32-mode-modern.lr32-tab-studio.lr32-scroll-dock .lr32-modern-transport .lr32-volume-controls{top:auto;bottom:calc(100% + 8px)}
body.lr32-mode-modern.lr32-tab-studio.lr32-scroll-dock .lr32-modern-transport{width:min(650px,calc(100vw - 22px));flex-wrap:nowrap;row-gap:0;padding:9px 12px}
/* Clear, single-purpose studio heading. Batch tools remain available via a button. */
body.lr32-mode-modern.lr32-tab-studio .editor-heading{margin-bottom:10px;gap:9px;align-items:center}
body.lr32-mode-modern.lr32-tab-studio .editor-heading .section-kicker,
body.lr32-mode-modern.lr32-tab-studio .editor-heading p{display:none}
body.lr32-mode-modern.lr32-tab-studio .editor-heading h2{font-size:21px;letter-spacing:-.4px;margin:0}
body.lr32-mode-modern.lr32-tab-studio .editor-heading #download-button{font-size:11px;border-color:#48414b;padding:8px 10px}
body.lr32-mode-modern.lr32-tab-studio .lr33-editor-topline{display:flex;justify-content:flex-end;margin:0 0 10px;gap:7px}
body.lr32-mode-modern.lr32-tab-studio .lr33-editor-tools{background:#292731;color:#e8d5df;border:1px solid #574654;padding:7px 12px;border-radius:8px;font-size:11px;cursor:pointer}
.lr33-editor-topline{display:none}
body.lr32-mode-modern.lr32-tab-studio .lr33-editor-topline{display:flex}
body.lr32-mode-modern.lr32-tab-studio .batch-tools{display:none!important}
body.lr32-mode-modern.lr32-tab-studio.lr33-tools-open .batch-tools{display:flex!important;flex-wrap:wrap;gap:8px;padding:12px;margin:0 0 12px;border-radius:10px;border:1px solid #39343f;background:#1d1c25}
body.lr32-mode-modern.lr32-tab-studio .batch-help{display:none!important}
body.lr32-mode-modern.lr32-tab-studio .toolbar{margin:0 0 12px;gap:9px;flex-wrap:wrap}
body.lr32-mode-modern.lr32-tab-studio .save-status{font-size:11px}
body.lr32-mode-modern.lr32-tab-studio .sections{gap:11px}
body.lr32-mode-modern.lr32-tab-studio .section-card{background:#1a1b23;border-color:#35333c;border-radius:10px}
body.lr32-mode-modern.lr32-tab-studio .section-head{padding:12px 14px;border-color:#2d2c36}
body.lr32-mode-modern.lr32-tab-studio .line-list{padding:4px 12px 6px}
body.lr32-mode-modern.lr32-tab-studio .lyric-row{border-color:#292a34}
body.lr32-mode-modern.lr32-tab-studio .lyric-entry{border-color:#38343e;background:#22232c}
body.lr32-mode-modern.lr32-tab-studio .lyric-entry:focus{border-color:#c47b8c;background:#292632}
body.lr32-mode-modern.lr32-tab-studio .footer-note{display:none}
/* A clean pitch/lyric monitor; preserve all pitch and mic controls. */
body.lr32-mode-modern.lr32-tab-studio .guide-column{border-color:#39343e;background:#191a22}
body.lr32-mode-modern .guide-heading p,
body.lr32-mode-modern .guide-heading .section-kicker,
body.lr32-mode-modern .guide-draft-chip{display:none}
body.lr32-mode-modern .guide-heading h2{font-size:17px;margin:0}
body.lr32-mode-modern .guide-heading{padding:12px 15px;min-height:52px}
body.lr32-mode-modern .guide-heading .guide-transport{display:none}
body.lr32-mode-modern .guide-body{gap:10px}
body.lr32-mode-modern .guide-column .pitch-guide-panel{border-color:#36343d;background:#1a1b23}
body.lr32-mode-modern .guide-column .pitch-note{display:none}
body.lr32-mode-modern .guide-column .subtitle-panel{background:#1a1b23;border-color:#37343e}
body.lr32-mode-modern .guide-column .subtitle-display{min-height:115px;padding:13px 6px;gap:8px}
body.lr32-mode-modern .guide-column .current-line{font-size:clamp(15px,1.4vw,20px)}
body.lr32-mode-modern.lr32-tab-score .lr32-score-headline{display:none}
/* Presets and settings: retain the same functions with quieter chrome. */
body.lr32-mode-modern .lr32-page-head h2{font-size:22px}
body.lr32-mode-modern .lr32-presets-note{font-size:11px;opacity:.8}
body.lr32-mode-modern .lr32-preset-card{border-color:#37343f;background:#1c1d26;padding:15px;border-radius:10px}
body.lr32-mode-modern .lr32-preset-card.is-current{border-color:#b26c7e;background:#302530}
body.lr32-mode-modern.lr32-tab-settings .player-column>.sidebar-fixed{display:none!important}
body.lr32-mode-modern.lr32-tab-settings .player-column>.sidebar-scroll{border:1px solid #443945!important;border-radius:11px!important}
/* v3.3.2 FIX: #sidebar-player-main wraps BOTH MR and MIDI <details>.
   Hiding the parent hid the actual settings, even after JS opened them. */
body.lr32-mode-modern.lr32-tab-settings #sidebar-progress{display:none!important}
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main{
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  overflow:visible!important;
}
/* Hide only decorative/duplicate playback UI, not the settings themselves. */
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .artwork,
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .track-meta,
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .waveform-wrap,
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .playbar,
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .controls{display:none!important}
body.lr32-mode-modern.lr32-tab-settings #sidebar-player-main > .sidebar-fold{
  display:block!important;
  margin:8px 0!important;
  padding:0!important;
  border:0!important;
}
body.lr32-mode-modern.lr32-tab-settings .lr32-setting-shortcuts .lr32-action[aria-expanded="true"]{
  background:#563241;border-color:#de8da6;color:#ffe9ef;
}
.lr33-settings-note{display:none}
body.lr32-mode-modern.lr32-tab-settings .lr33-settings-note{display:block;margin:0 0 12px;color:#b4abb8;font-size:12px}
@media(max-width:650px){
 body.lr32-mode-modern .topbar{height:auto;min-height:56px}
 body.lr32-mode-modern .lr32-mode-caption{display:none}
 body.lr32-mode-modern .lr32-modern-transport{gap:5px;padding:8px;flex-wrap:wrap}
 body.lr32-mode-modern #lr32-progress{order:3;flex-basis:100%;min-width:70px;height:14px}
 body.lr32-mode-modern .lr33-mixer-toggle{margin-left:auto;min-width:65px}
 body.lr32-mode-modern .lr32-menu-btn{font-size:11px;padding:9px 2px}
 body.lr32-mode-modern .lr31-toolbar{padding:8px 10px}
 body.lr32-mode-modern .lr31-current strong{font-size:12px}
 body.lr32-mode-modern.lr32-tab-studio.lr32-scroll-dock .lr32-modern-transport{flex-wrap:wrap}
 body.lr32-mode-modern.lr32-tab-studio.lr32-scroll-dock #lr32-progress{order:3;flex-basis:100%}
 body.lr32-mode-modern.lr32-tab-studio .editor-heading h2{font-size:19px}
}