body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--page-bg);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;scrollbar-color:var(--control-active-bg) color-mix(in srgb,var(--panel-muted) 88%,#0000);scrollbar-width:thin}code{font-family:Courier New,Courier,monospace}html{scrollbar-color:var(--control-active-bg) color-mix(in srgb,var(--panel-muted) 88%,#0000);scrollbar-width:thin}body::-webkit-scrollbar,html::-webkit-scrollbar{height:12px;width:12px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-muted) 88%,#0000)}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-active-bg) 78%,var(--panel-bg));border:2px solid color-mix(in srgb,var(--page-bg) 92%,#0000);border-radius:999px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:var(--control-active-bg)}#root{overflow-x:hidden}:root,:root[data-palette=solarized]{--page-bg:#f3ebd7;--panel-bg:#fdf6e3eb;--panel-strong:#fdf6e3;--panel-muted:#eee8d5;--panel-hover:#e7dfc8;--border-color:#586e7529;--shadow-soft:0 18px 44px #586e7514;--text-primary:#657b83;--text-muted:#657b83;--accent:#268bd2;--accent-strong:#2aa198;--accent-contrast:#fdf6e3;--control-active-bg:#1f6ea7;--control-active-fg:#fdf6e3;--control-active-border:#1f6ea7;--overlay:#07364285}:root[data-palette=warm-cozy]{--page-bg:#f8eadc;--panel-bg:#fff6ecf0;--panel-strong:#fff5ea;--panel-muted:#f2dac2;--panel-hover:#e8c6a6;--border-color:#8b5d312e;--shadow-soft:0 18px 44px #99623021;--text-primary:#6a4330;--text-muted:#8d6046;--accent:#c06b3e;--accent-strong:#f0b24f;--accent-contrast:#fff8f0;--control-active-bg:#a55632;--control-active-fg:#fff8f0;--control-active-border:#a55632;--overlay:#5e351c73}:root[data-palette=dreamy-calming]{--page-bg:#f8f2fb;--panel-bg:#fffbfff0;--panel-strong:#fffaff;--panel-muted:#f0e4f6;--panel-hover:#e6d4ef;--border-color:#9b77b229;--shadow-soft:0 18px 44px #ba8bcf24;--text-primary:#6d5478;--text-muted:#8d7397;--accent:#d79adf;--accent-strong:#9dc5ff;--accent-contrast:#fffaff;--control-active-bg:#a46dbe;--control-active-fg:#fffaff;--control-active-border:#a46dbe;--overlay:#70558057}:root[data-palette=fresh-productive]{--page-bg:#eef7ee;--panel-bg:#f6fdf6f0;--panel-strong:#f8fff8;--panel-muted:#dcebdc;--panel-hover:#c8ddc8;--border-color:#496c4d29;--shadow-soft:0 18px 44px #467e581f;--text-primary:#36533c;--text-muted:#55715b;--accent:#4f9c68;--accent-strong:#7bbd8c;--accent-contrast:#f8fff8;--control-active-bg:#2f6f43;--control-active-fg:#f8fff8;--control-active-border:#2f6f43;--overlay:#23432a70}:root[data-palette=minimalist-vintage]{--page-bg:#f3ede6;--panel-bg:#f7f1eaf0;--panel-strong:#faf5ee;--panel-muted:#e6ddd3;--panel-hover:#d8ccc0;--border-color:#6c5e4f29;--shadow-soft:0 18px 44px #6052431f;--text-primary:#5a4d42;--text-muted:#7a6b5e;--accent:#8d6e63;--accent-strong:#b39b7b;--accent-contrast:#fbf6f0;--control-active-bg:#6f5a4c;--control-active-fg:#fbf6f0;--control-active-border:#6f5a4c;--overlay:#3a2f2670}:root[data-palette=bright-energetic]{--page-bg:#fff;--panel-bg:#fffffffa;--panel-strong:#fff;--panel-muted:#e7e7e7;--panel-hover:#dcdcdc;--border-color:#0000002e;--shadow-soft:0 18px 44px #00000014;--text-primary:#111;--text-muted:#3b3b3b;--accent:#000;--accent-strong:#0a66ff;--accent-contrast:#fff;--control-active-bg:#111;--control-active-fg:#fff;--control-active-border:#111;--overlay:#0000005c}:root[data-palette=church-logo]{--page-bg:#fafcff;--panel-bg:#fffffff7;--panel-strong:#fff;--panel-muted:#eef3ff;--panel-hover:#e5ecff;--border-color:#29359224;--shadow-soft:0 18px 44px #29359214;--text-primary:#1f2e78;--text-muted:#4e5fa4;--accent:#293592;--accent-strong:#60a5fa;--accent-contrast:#fff;--control-active-bg:#293592;--control-active-fg:#fff;--control-active-border:#293592;--overlay:#141f5c66}.app-shell{background:#f3ebd7;background:var(--page-bg);color:#657b83;color:var(--text-primary);min-height:100vh}:root.dark-mode[data-palette=solarized]{--page-bg:#062f39;--panel-bg:#073642e6;--panel-strong:#073642;--panel-muted:#0f4451;--panel-hover:#144b59;--border-color:#93a1a129;--shadow-soft:0 20px 50px #00121861;--text-primary:#eee8d5;--text-muted:#93a1a1;--accent:#2aa198;--accent-strong:#268bd2;--accent-contrast:#002b36;--control-active-bg:#2aa198;--control-active-fg:#062f39;--control-active-border:#2aa198;--overlay:#00181fc7}:root.dark-mode[data-palette=warm-cozy]{--page-bg:#2f1d15;--panel-bg:#3c2318eb;--panel-strong:#3b2418;--panel-muted:#533426;--panel-hover:#67412e;--border-color:#f8dbbd1f;--shadow-soft:0 20px 50px #0f08056b;--text-primary:#f9dfc8;--text-muted:#e5b996;--accent:#ea9a57;--accent-strong:#ffd06c;--accent-contrast:#24150f;--control-active-bg:#d27a45;--control-active-fg:#fff3e4;--control-active-border:#d27a45;--overlay:#140a06c7}:root.dark-mode[data-palette=dreamy-calming]{--page-bg:#2f2133;--panel-bg:#37263ceb;--panel-strong:#3d2841;--panel-muted:#52355b;--panel-hover:#674772;--border-color:#f1dff71f;--shadow-soft:0 20px 50px #140a1875;--text-primary:#f8eefe;--text-muted:#dfc7ea;--accent:#dea2ea;--accent-strong:#abd0ff;--accent-contrast:#241728;--control-active-bg:#bb7fd5;--control-active-fg:#fff6ff;--control-active-border:#bb7fd5;--overlay:#120a14cc}:root.dark-mode[data-palette=fresh-productive]{--page-bg:#132b20;--panel-bg:#143326eb;--panel-strong:#163a2b;--panel-muted:#21503a;--panel-hover:#2b6549;--border-color:#d6f1db1c;--shadow-soft:0 20px 50px #060d0a70;--text-primary:#e8fff0;--text-muted:#bdd8c3;--accent:#67d08c;--accent-strong:#9bedb0;--accent-contrast:#0d2118;--control-active-bg:#4ab56f;--control-active-fg:#f2fff6;--control-active-border:#4ab56f;--overlay:#07110ccc}:root.dark-mode[data-palette=minimalist-vintage]{--page-bg:#2b231d;--panel-bg:#322821eb;--panel-strong:#342921;--panel-muted:#46372d;--panel-hover:#58463a;--border-color:#f0e4d61c;--shadow-soft:0 20px 50px #0b080770;--text-primary:#f5ede3;--text-muted:#d4c4b3;--accent:#b48b68;--accent-strong:#d2b18c;--accent-contrast:#211913;--control-active-bg:#8c6c53;--control-active-fg:#fff7f0;--control-active-border:#8c6c53;--overlay:#100c0acc}:root.dark-mode[data-palette=bright-energetic]{--page-bg:#060606;--panel-bg:#121212f5;--panel-strong:#111;--panel-muted:#232323;--panel-hover:#303030;--border-color:#ffffff29;--shadow-soft:0 20px 50px #00000080;--text-primary:#fff;--text-muted:#d7d7d7;--accent:#fff;--accent-strong:#5aa2ff;--accent-contrast:#000;--control-active-bg:#fff;--control-active-fg:#000;--control-active-border:#fff;--overlay:#000000d1}:root.dark-mode[data-palette=church-logo]{--page-bg:#171f52;--panel-bg:#1e296eeb;--panel-strong:#1e296e;--panel-muted:#2c3887;--panel-hover:#374597;--border-color:#dbe5ff24;--shadow-soft:0 20px 50px #090d226b;--text-primary:#f4f7ff;--text-muted:#c6d0f6;--accent:#6f84ff;--accent-strong:#60a5fa;--accent-contrast:#111744;--control-active-bg:#60a5fa;--control-active-fg:#fff;--control-active-border:#60a5fa;--overlay:#080c20c7}.container{box-sizing:border-box;margin:0 auto;max-width:1080px;min-height:100vh;padding:32px 20px 56px}.header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.header-brand{align-items:center;display:flex;gap:18px;min-width:0}.header-logo-wrap{align-items:center;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-soft);display:flex;flex:0 0 auto;height:clamp(72px,9vw,112px);justify-content:center;padding:10px;width:clamp(72px,9vw,112px)}.header-logo{height:100%;object-fit:contain;width:100%}.header-copy{min-width:0}.header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0}.app-version{color:var(--text-muted);font-size:.9rem;margin:10px 0 0}.header-controls{gap:12px;position:relative}.header-controls,.header-guide-button{align-items:center;display:inline-flex}.header-guide-button{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-soft);color:var(--text-primary);cursor:pointer;gap:8px;height:52px;padding:0 14px;transition:transform .2s ease,background-color .2s ease,color .2s ease}.header-guide-button:hover{background:var(--panel-hover);color:var(--control-active-bg);transform:translateY(-1px)}.header-guide-button svg{font-size:1.05rem}.header-guide-button span{font-size:.9rem;font-weight:700;white-space:nowrap}.theme-toggle{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow-soft);cursor:pointer;display:inline-grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:6px}.theme-toggle,.theme-toggle-option{align-items:center;position:relative}.theme-toggle-option{color:var(--text-muted);display:inline-flex;font-size:.92rem;font-weight:700;gap:8px;justify-content:center;min-width:88px;padding:10px 14px;transition:color .25s ease;z-index:1}.theme-toggle-text{display:inline}.theme-toggle-option.active{color:var(--accent-contrast)}.theme-toggle-thumb{background:var(--control-active-bg);border-radius:999px;box-shadow:0 10px 20px #482a1238;height:calc(100% - 12px);left:6px;position:absolute;top:6px;transition:transform .25s ease;width:calc(50% - 6px)}.theme-toggle-thumb.is-dark{transform:translateX(100%)}.palette-picker{position:relative}.palette-picker-trigger{align-items:center;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-soft);color:var(--accent);cursor:pointer;display:inline-flex;height:52px;justify-content:center;overflow:hidden;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease;width:52px}.palette-picker-trigger:hover{background:var(--panel-hover);box-shadow:0 12px 28px #00000014,var(--shadow-soft);transform:translateY(-2px) scale(1.03)}.palette-picker-trigger:active{transform:translateY(0) scale(.97)}.palette-picker-trigger.is-open{background:var(--control-active-bg);border-color:var(--control-active-border);box-shadow:0 14px 30px #0000001f,var(--shadow-soft);color:var(--control-active-fg);transform:translateY(-1px) scale(1.04)}.palette-picker-trigger:after{background:radial-gradient(circle,#ffffff42 0,#0000 58%);content:"";inset:-30%;opacity:0;pointer-events:none;position:absolute;transform:scale(.7);transition:opacity .24s ease,transform .24s ease}.palette-picker-trigger.is-open:after,.palette-picker-trigger:hover:after{opacity:1;transform:scale(1)}.palette-picker-trigger svg{font-size:1.15rem;transition:transform .28s ease,filter .28s ease}.palette-picker-trigger.is-open svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));transform:rotate(-18deg) scale(1.1)}.palette-picker-menu{animation:palette-menu-in .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--panel-strong);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);left:0;padding:10px;position:fixed;top:0;width:min(360px,calc(100vw - 28px));z-index:30}.palette-picker-options{grid-gap:6px;display:grid;gap:6px}.palette-picker-option{--palette-label:var(--text-primary);grid-gap:10px;align-items:center;background:#0000;border:none;border-radius:16px;color:var(--text-primary);cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;padding:10px 12px;text-align:left;transition:background-color .18s ease,transform .18s ease;width:100%}.palette-picker-option:hover{transform:translateX(2px)}.palette-picker-option.active,.palette-picker-option:hover{background:var(--panel-hover)}.palette-picker-option-copy{min-width:0}.palette-picker-option-copy strong{align-items:center;color:var(--palette-label);display:inline-flex;font-size:.9rem;gap:8px;line-height:1.2}.palette-picker-check{color:var(--accent);flex:0 0 auto;font-size:.9rem}.palette-picker-option-preview{align-items:center;display:inline-flex;gap:6px}.palette-picker-option-swatch{--preview-bg:var(--panel-strong);--preview-panel:var(--panel-bg);--preview-accent:var(--accent);--preview-text:var(--text-primary);align-items:stretch;background:var(--preview-bg);border-radius:10px;box-shadow:inset 0 0 0 1px #0000000f;display:inline-flex;height:30px;justify-content:stretch;padding:4px;width:42px}.palette-picker-option-swatch-panel{grid-gap:4px;background:var(--preview-panel);border-radius:7px;box-shadow:inset 0 0 0 1px #0000000d;display:grid;gap:4px;padding:4px;width:100%}.palette-picker-option-swatch-accent{background:var(--preview-accent);border-radius:999px;height:4px;width:14px}.palette-picker-option-swatch-line{background:var(--preview-text);border-radius:999px;height:4px;opacity:.65;width:100%}@keyframes palette-menu-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-to-top{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000;border:1px solid var(--border-color);border-radius:100%;bottom:24px;box-shadow:0 10px 24px #00000014,var(--shadow-soft);color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;height:50px;justify-content:center;min-width:0;opacity:0;padding:0 14px;pointer-events:none;position:fixed;right:20px;transform:translateY(12px) scale(.96);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;z-index:20}.scroll-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-to-top:hover{background:var(--panel-strong);border-color:color-mix(in srgb,var(--control-active-bg) 24%,var(--border-color));color:var(--control-active-bg);transform:translateY(-2px) scale(1.02)}.scroll-to-top svg{stroke-width:2.6;font-size:1.5rem}.scroll-to-top span{font-size:.84rem;font-weight:700;letter-spacing:.01em}.usage-guide-shell{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:30px;box-shadow:var(--shadow-soft);box-sizing:border-box;color:var(--text-primary);height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:min(920px,calc(100vh - 32px));max-height:min(920px,calc(100dvh - 32px));overflow:hidden;padding:2rem;position:relative;width:min(96vw,1080px)}.usage-guide-scroll{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;overflow:auto;overscroll-behavior:contain;padding:42px 10px 10px;scrollbar-color:var(--control-active-bg) color-mix(in srgb,var(--panel-muted) 88%,#0000);scrollbar-width:thin;width:100%}.usage-guide-scroll::-webkit-scrollbar{width:12px}.usage-guide-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel-muted) 88%,#0000);border-radius:999px}.usage-guide-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-active-bg) 78%,var(--panel-bg));border:2px solid color-mix(in srgb,var(--panel-strong) 92%,#0000);border-radius:999px}.usage-guide-scroll::-webkit-scrollbar-thumb:hover{background:var(--control-active-bg)}.usage-guide-hero{grid-gap:10px;display:grid;gap:10px;margin-bottom:22px}.usage-guide-kicker{background:var(--panel-bg);border-radius:999px;color:var(--control-active-bg);display:inline-flex;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:6px 10px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usage-guide-hero h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0}.usage-guide-hero p,.usage-guide-shot-copy p,.usage-guide-step p{color:var(--text-muted);line-height:1.6;margin:0}.usage-guide-steps{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.usage-guide-step{grid-gap:12px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:22px;display:grid;gap:12px;padding:18px}.usage-guide-step-number{color:var(--control-active-bg);font-size:.78rem;font-weight:800;letter-spacing:.06em}.usage-guide-step-header{align-items:center;display:flex;gap:10px}.usage-guide-shot-copy h3,.usage-guide-step-header h3{font-size:1rem;margin:0}.usage-guide-step-icon{align-items:center;background:var(--control-active-bg);border-radius:12px;color:var(--control-active-fg);display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.usage-guide-gallery{grid-gap:16px;display:grid;gap:16px}.usage-guide-shot{grid-gap:18px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:24px;display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);padding:18px}.usage-guide-shot-copy{grid-gap:10px;align-content:center;display:grid;gap:10px}.usage-guide-shot-frame{grid-gap:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 96%,#0000) 0,var(--panel-bg) 100%);border:1px solid var(--border-color);border-radius:22px;box-shadow:inset 0 1px 0 #fff3;display:grid;gap:14px;min-height:210px;padding:16px}.usage-guide-mini-header{align-items:center;display:inline-flex;gap:8px}.usage-guide-mini-dot{background:var(--panel-muted);border-radius:999px;height:9px;width:9px}.usage-guide-mini-dot.active{background:var(--control-active-bg)}.usage-guide-theme-row{display:inline-flex;gap:10px}.usage-guide-theme-pill{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:14px;height:42px;width:48px}.usage-guide-theme-pill.solid{background:var(--control-active-bg)}.usage-guide-theme-pill.ghost{background:color-mix(in srgb,var(--panel-bg) 82%,#0000)}.usage-guide-theme-list{grid-gap:12px;display:grid;gap:12px}.usage-guide-theme-item{align-items:center;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;display:flex;font-weight:700;gap:14px;justify-content:space-between;padding:12px 14px}.usage-guide-theme-item.active{background:color-mix(in srgb,var(--control-active-bg) 14%,var(--panel-strong))}.usage-guide-theme-swatches{display:inline-flex;gap:8px}.usage-guide-theme-swatches span{background:var(--panel-muted);border-radius:10px;height:26px;width:36px}.usage-guide-theme-swatches span:last-child{background:var(--control-active-bg)}.usage-guide-search-bar{align-items:center;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;display:flex;gap:12px;height:52px;padding:0 14px}.usage-guide-search-bar span:first-child{background:var(--control-active-bg);border-radius:999px;height:18px;width:18px}.usage-guide-search-bar span:last-child{background:var(--panel-muted);border-radius:999px;flex:1 1;height:8px}.usage-guide-filter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.usage-guide-filter-grid span{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;height:68px}.usage-guide-filter-grid .wide{grid-column:1/-1}.usage-guide-pagination{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:88px 1fr 88px}.usage-guide-pagination span{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:16px;height:46px}.usage-guide-pagination .current{background:#0000;border:none;height:18px;position:relative}.usage-guide-pagination .current:before{align-items:center;color:var(--text-primary);content:"1 / 22";display:flex;font-weight:700;inset:0;justify-content:center;position:absolute}.usage-guide-song-card{grid-gap:14px;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:22px;display:grid;gap:14px;padding:16px}.usage-guide-song-card strong{font-size:1.05rem}.usage-guide-song-card-view{align-content:start}.usage-guide-song-view-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.usage-guide-song-view-chip{align-items:center;background:color-mix(in srgb,var(--control-active-bg) 14%,var(--panel-strong));border-radius:999px;color:var(--control-active-bg);display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;padding:6px 10px;white-space:nowrap}.usage-guide-song-meta{display:flex;gap:12px}.usage-guide-song-meta span{background:var(--panel-muted);border-radius:999px;height:12px;width:78px}.usage-guide-song-actions{display:flex;gap:10px;justify-content:flex-end}.usage-guide-song-actions span{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:14px;height:40px;width:40px}.usage-guide-song-actions .primary{background:color-mix(in srgb,var(--control-active-bg) 18%,var(--panel-strong))}.usage-guide-song-audio{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:16px;height:44px}.usage-guide-song-lines{grid-gap:10px;display:grid;gap:10px}.usage-guide-song-lines span{background:var(--panel-muted);border-radius:999px;height:10px;width:100%}.usage-guide-song-lines .short{width:64%}.usage-guide-folder-card{grid-gap:14px;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:22px;display:grid;gap:14px;padding:16px}.usage-guide-folder-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.usage-guide-folder-header strong{font-size:1.05rem}.usage-guide-folder-list{grid-gap:10px;display:grid;gap:10px}.usage-guide-folder-item{grid-gap:12px;align-items:center;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.usage-guide-folder-title{background:var(--panel-muted);border-radius:999px;height:10px;width:100%}.usage-guide-folder-title.short{width:68%}.usage-guide-folder-actions{align-items:center;display:inline-flex;gap:8px}.usage-guide-folder-actions span{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:10px;height:28px;width:28px}.usage-guide-folder-actions .primary{background:color-mix(in srgb,var(--control-active-bg) 18%,var(--panel-strong))}.palette-picker-option-swatch[data-preview-palette=solarized][data-preview-mode=light]{--preview-bg:#f3ebd7;--preview-panel:#fdf6e3;--preview-accent:#268bd2;--preview-text:#657b83}.palette-picker-option-swatch[data-preview-palette=solarized][data-preview-mode=dark]{--preview-bg:#062f39;--preview-panel:#073642;--preview-accent:#2aa198;--preview-text:#eee8d5}.palette-picker-option-swatch[data-preview-palette=warm-cozy][data-preview-mode=light]{--preview-bg:#f8eadc;--preview-panel:#fff5ea;--preview-accent:#c06b3e;--preview-text:#6a4330}.palette-picker-option-swatch[data-preview-palette=warm-cozy][data-preview-mode=dark]{--preview-bg:#2f1d15;--preview-panel:#3b2418;--preview-accent:#ea9a57;--preview-text:#f9dfc8}.palette-picker-option-swatch[data-preview-palette=dreamy-calming][data-preview-mode=light]{--preview-bg:#f8f2fb;--preview-panel:#fffaff;--preview-accent:#d79adf;--preview-text:#6d5478}.palette-picker-option-swatch[data-preview-palette=dreamy-calming][data-preview-mode=dark]{--preview-bg:#2f2133;--preview-panel:#3d2841;--preview-accent:#dea2ea;--preview-text:#f8eefe}.palette-picker-option-swatch[data-preview-palette=fresh-productive][data-preview-mode=light]{--preview-bg:#eef7ee;--preview-panel:#f8fff8;--preview-accent:#4f9c68;--preview-text:#36533c}.palette-picker-option-swatch[data-preview-palette=fresh-productive][data-preview-mode=dark]{--preview-bg:#132b20;--preview-panel:#163a2b;--preview-accent:#67d08c;--preview-text:#e8fff0}.palette-picker-option-swatch[data-preview-palette=minimalist-vintage][data-preview-mode=light]{--preview-bg:#f3ede6;--preview-panel:#faf5ee;--preview-accent:#8d6e63;--preview-text:#5a4d42}.palette-picker-option-swatch[data-preview-palette=minimalist-vintage][data-preview-mode=dark]{--preview-bg:#2b231d;--preview-panel:#342921;--preview-accent:#b48b68;--preview-text:#f5ede3}.palette-picker-option-swatch[data-preview-palette=bright-energetic][data-preview-mode=light]{--preview-bg:#fff;--preview-panel:#f3f3f3;--preview-accent:#111;--preview-text:#111}.palette-picker-option-swatch[data-preview-palette=bright-energetic][data-preview-mode=dark]{--preview-bg:#060606;--preview-panel:#171717;--preview-accent:#fff;--preview-text:#fff}.palette-picker-option-swatch[data-preview-palette=church-logo][data-preview-mode=light]{--preview-bg:#fafcff;--preview-panel:#fff;--preview-accent:#293592;--preview-text:#1f2e78}.palette-picker-option-swatch[data-preview-palette=church-logo][data-preview-mode=dark]{--preview-bg:#171f52;--preview-panel:#1e296e;--preview-accent:#ed1c24;--preview-text:#f4f7ff}.palette-picker-option[data-palette=solarized]{--palette-label:#268bd2}.palette-picker-option[data-palette=warm-cozy]{--palette-label:#c06b3e}.palette-picker-option[data-palette=dreamy-calming]{--palette-label:#bb7fd5}.palette-picker-option[data-palette=fresh-productive]{--palette-label:#2f8f57}.palette-picker-option[data-palette=minimalist-vintage]{--palette-label:#8d6e63}.palette-picker-option[data-palette=bright-energetic]{--palette-label:#111}.palette-picker-option[data-palette=church-logo]{--palette-label:#293592}:root.dark-mode .palette-picker-option[data-palette=solarized]{--palette-label:#4fb4ff}:root.dark-mode .palette-picker-option[data-palette=warm-cozy]{--palette-label:#ffb27a}:root.dark-mode .palette-picker-option[data-palette=dreamy-calming]{--palette-label:#f0b3ff}:root.dark-mode .palette-picker-option[data-palette=fresh-productive]{--palette-label:#7fe0a0}:root.dark-mode .palette-picker-option[data-palette=minimalist-vintage]{--palette-label:#d6a98a}:root.dark-mode .palette-picker-option[data-palette=bright-energetic]{--palette-label:#f5f5f5}:root.dark-mode .palette-picker-option[data-palette=church-logo]{--palette-label:#7f8fff}.collection-menu{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;width:100%}.collection-menu-wrapper{display:none;margin-bottom:24px}.collection-menu-mobile-label{color:var(--text-muted);display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}.collection-menu-mobile{-webkit-appearance:auto;appearance:auto;background:var(--accent-contrast);border:1px solid #0000;border-radius:20px;box-shadow:0 14px 28px #268bd21f,var(--shadow-soft);color:var(--text-primary);font-weight:700;margin:0;padding-right:40px;text-align:center;width:100%}.collection-menu-mobile option{background:var(--panel-strong);color:var(--text-primary)}.collection-menu-mobile:focus{box-shadow:0 0 0 3px #2aa1983d,0 14px 28px #268bd229,var(--shadow-soft);outline:none}.slideshow-builder{grid-gap:18px;border:1px solid var(--border-color);border-radius:22px;display:grid;gap:18px;margin-bottom:24px;padding:18px}.data-source-banner,.slideshow-builder{background:var(--panel-bg);box-shadow:var(--shadow-soft)}.data-source-banner{border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);margin-bottom:18px;padding:12px 14px}.data-source-banner-warning{border-color:#dc322f3d;color:#dc322f}.app-footer{background:var(--panel-strong);border-top:1px solid var(--border-color);margin-top:36px;padding:18px 0 20px;width:100%}.app-footer-inner{align-items:center;box-sizing:border-box;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1080px;padding:0 20px}.app-footer-bottom,.app-footer-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.app-footer-top{color:var(--text-primary);font-size:.96rem}.app-footer-top strong{font-size:1rem}.app-footer-bottom{color:var(--text-muted);font-size:.92rem;justify-content:flex-end;line-height:1.6}.app-footer-bottom a,.app-footer-source-inline a{color:var(--accent);text-decoration:none}.app-footer-bottom a:hover,.app-footer-source-inline a:hover{text-decoration:underline}.app-footer-source-warning{color:#dc322f}.slideshow-builder-header,.slideshow-builder-toggle{align-items:center;display:flex;gap:16px;justify-content:space-between}.slideshow-builder-toggle{background:#0000;border:none;color:inherit;cursor:pointer;flex:1 1 auto;min-width:0;padding:0;text-align:left}.slideshow-create-button{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px}.slideshow-builder-copy h2{font-size:1.15rem;margin:0 0 8px}.slideshow-builder-copy p,.slideshow-error{color:var(--text-muted);margin:0}.slideshow-builder-chevron{flex:0 0 auto;font-size:1.25rem;transition:transform .2s ease}.slideshow-builder-chevron.open{transform:rotate(180deg)}.slideshow-list-grid{grid-gap:14px;display:grid;gap:14px}.slideshow-list-card{grid-gap:16px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:16px}.slideshow-list-summary{background:#0000;border:none;color:inherit;cursor:pointer;min-width:0;padding:0;text-align:left}.slideshow-list-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.slideshow-list-title-row h3{font-size:1rem;margin:0}.slideshow-list-summary p{color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slideshow-list-actions{grid-gap:10px;align-self:center;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.slideshow-list-action-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-width:0;white-space:nowrap}.slideshow-list-action-icon{display:none}.popup-list-editor-textarea,.slideshow-input{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box;color:var(--text-primary);padding:12px 14px;width:100%}.popup-list-editor-textarea:focus,.slideshow-input:focus{border-color:var(--accent);outline:none}.popup-list-editor{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:28px;box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;gap:18px;margin:0 auto;padding:56px 28px 28px;position:relative;width:min(92vw,760px)}.popup-list-editor-header h2{margin:0 0 6px}.popup-list-editor-header p{color:var(--text-muted);margin:0}.popup-list-editor-form{grid-gap:14px;display:grid;gap:14px}.popup-list-editor-field{grid-gap:8px;display:grid;gap:8px}.popup-list-editor-field span{font-weight:700}.popup-list-editor-textarea{min-height:220px;resize:vertical}.popup-list-editor-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.slideshow-list-editor-delete{background:var(--panel-strong);border-color:#dc322f38;color:#dc322f}.slideshow-error{color:#dc322f;margin:0}.menu-item{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-soft);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:700;padding:16px 18px;text-align:center;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.menu-item:hover{background:var(--panel-hover);transform:translateY(-2px)}.menu-item.active{background:var(--control-active-bg);border-color:var(--control-active-border);color:var(--control-active-fg)}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-bottom:18px}.filter-column1,.filter-column2{min-width:0}.filter-column1 p,.filter-column2 p{color:var(--text-muted);font-size:.95rem;font-weight:700;margin:0 0 8px}.dropdown,.popup-lyric,.search,.song{box-shadow:var(--shadow-soft)}.button-mode,.dropdown,.menu-item,.popup-close-button,.search-input,.sheet-dot,.sheet-nav-button{font:inherit}.dropdown{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;padding:12px 14px;width:100%}.song-page-size-select,select.dropdown{padding-right:40px}.song-list{grid-gap:16px;display:grid;gap:16px;width:100%}.song{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:22px;box-sizing:border-box;padding:18px}.song-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.song-header b,.song-header small{line-height:1.3}.song-footer small,.song-header small{color:var(--text-muted)}.song-footer{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto auto}.song-footer-col1{display:flex;flex-direction:column;gap:6px}.song-footer-col2{display:flex;flex-wrap:wrap;gap:10px}.song-button-icon{display:none;font-size:1rem}.song-footer-col3{display:flex;justify-content:center;justify-self:end}.search{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:18px;box-sizing:border-box;gap:10px;padding:12px 14px}.search,.song-pagination{align-items:center;display:flex;margin-bottom:18px}.song-pagination{gap:16px;justify-content:flex-end}.song-pagination-current{color:var(--text-muted);margin:0}.song-pagination-controls{align-items:center;display:flex;gap:10px}.song-page-size-bar{display:flex;justify-content:center;margin-top:18px}.song-pagination-bottom{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:18px}.song-pagination-bottom .song-pagination{margin-bottom:0}.song-page-size{align-items:center;color:var(--text-muted);display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}.song-page-size-select{margin:0;min-width:40px;padding:8px 40px 8px 10px;width:auto}.pagination-button:disabled{cursor:not-allowed;opacity:.45}.pagination-button{align-items:center;display:inline-flex;height:46px;justify-content:center;min-width:46px;padding:0;width:46px}.search-icon{color:var(--text-muted)}.search-input{background:#0000;border:none;color:var(--text-primary);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none}.button-mode{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;padding:10px 14px;transition:transform .2s ease,background-color .2s ease}.button-mode:hover{background:var(--panel-hover);transform:translateY(-1px)}.slideshow-action-button{justify-content:center;width:100%}.slideshow-action-button-primary{font-weight:700;min-height:48px}.slideshow-action-button-secondary{color:var(--text-muted);min-height:42px}.audio-button{min-width:160px}.audio-player{min-width:220px;width:min(320px,100%)}.audio-control{display:block;max-width:320px;min-width:220px;width:100%}.popup-youtube{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:28px;box-shadow:var(--shadow-soft);box-sizing:border-box;padding:56px 20px 20px;position:relative;width:min(92vw,960px)}.popup-youtube-frame{background:#000;border-radius:20px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.popup-youtube-frame iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.popup-youtube-link{align-items:center;display:inline-flex;gap:8px;margin-top:16px;text-decoration:none}.popup{align-items:center;background:var(--overlay);box-sizing:border-box;display:flex;height:100vh;height:100dvh;inset:0;justify-content:center;min-height:100svh;overflow:auto;overscroll-behavior:none;padding:0;position:fixed;width:100vw;z-index:9999}.popup-sheet-overlay{overflow:hidden;padding:0;touch-action:none}.popup.usage-guide-overlay{align-items:center;overflow:hidden;padding:16px}.popup-sheet{background:var(--panel-strong);border:none;border-radius:0;box-shadow:var(--shadow-soft);box-sizing:border-box;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:100svh;overflow:hidden;padding:0;position:relative;width:min(100vw,1480px)}.popup-slideshow-sheet{display:grid;grid-template-rows:1fr}.popup-lyrics-queue{box-shadow:var(--shadow-soft);max-height:min(88vh,980px);padding:56px 24px 24px;width:94vw}.popup-lyric,.popup-lyrics-queue{background:var(--panel-strong);border:1px solid var(--border-color);border-radius:28px;box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;position:relative}.popup-lyric{margin:0 auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);min-height:min(78vh,860px);padding:56px 28px 28px;width:min(92vw,760px)}.popup-empty-state{color:var(--text-primary)}.popup-lyric-line{margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.popup-lyric-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.popup-lyric-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain}.popup-lyric-actions .button-mode{align-items:center;display:inline-flex;gap:8px}.popup-lyric-helper{color:var(--text-muted);margin:0 0 10px}.popup-lyric-editor{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:18px;box-sizing:border-box;color:var(--text-primary);font:inherit;line-height:1.55;min-height:320px;padding:14px;resize:vertical;width:100%}.popup-lyric-editor:focus{border-color:var(--accent);outline:none}.popup-lyrics-queue-header{margin-bottom:16px}.popup-lyrics-queue-header h2{font-size:1.2rem;margin:0 0 6px}.popup-lyrics-queue-header p{color:var(--text-muted);margin:0}.popup-lyrics-queue-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;overflow:auto;padding-right:6px}.lyrics-queue-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:22px;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.lyrics-queue-card-header{display:flex;flex-direction:column;gap:4px}.lyrics-queue-card-header span{color:var(--text-muted)}.lyrics-queue-card-body{display:flex;flex-direction:column;gap:10px}.lyrics-queue-line{margin:0;white-space:pre-wrap;word-break:break-word}.popup-close-button{align-items:center;background:#fdf6e3c7;border:none;border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:2.2rem;justify-content:center;position:absolute;right:8px;top:4px;z-index:2}.popup-close-button-themed{background:var(--panel-strong);box-shadow:var(--shadow-soft);color:var(--text-muted)}.usage-guide-shell .popup-close-button{border:1px solid var(--border-color);font-size:1.55rem;height:42px;right:14px;top:14px;width:42px}.slideshow-meta-bar{align-items:center;display:flex;gap:16px;justify-content:space-between;left:12px;pointer-events:none;position:absolute;right:64px;top:8px;z-index:2}.slideshow-meta{align-items:baseline;background:#fdf6e3d6;border-radius:999px;color:#586e75;display:flex;gap:10px;min-width:0;padding:6px 10px}.slideshow-meta strong,.slideshow-position{font-weight:700}.slideshow-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slideshow-position{background:#fdf6e3d6;border-radius:999px;color:#586e75;padding:6px 10px}.sheet-carousel{border-radius:0;overflow:hidden;touch-action:pan-x}.sheet-carousel,.sheet-desktop-grid{height:100vh;height:100dvh;min-height:100svh}.sheet-desktop-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-desktop-grid.single-song-view{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-desktop-page{height:100%;min-width:0}.sheet-carousel-mobile-only{display:none}.sheet-track{display:flex;height:100%;transition:transform .25s ease;will-change:transform}.sheet-slide{flex:0 0 100%;height:100%}.image-box{background:#fff;border:none;border-radius:0;display:block;height:100%;object-fit:contain;width:100%}.sheet-controls{align-items:center;gap:12px;justify-content:space-between;margin-top:0}.sheet-nav-button{align-items:center;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1.2rem;height:46px;justify-content:center;width:46px}.sheet-nav-button:disabled{cursor:not-allowed;opacity:.45}.sheet-pagination{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:center}.sheet-dot{background:var(--panel-muted);border:none;border-radius:999px;cursor:pointer;height:10px;padding:0;width:10px}.sheet-dot.active{background:var(--accent);width:28px}.sheet-hint{color:var(--text-muted);font-size:.92rem;margin:0;text-align:center}.slideshow-nav-bar{align-items:center;bottom:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:16px;justify-content:space-between;left:12px;pointer-events:none;position:absolute;right:12px;z-index:2}.slideshow-nav-bar .sheet-hint,.slideshow-nav-bar .sheet-nav-button{pointer-events:auto}.slideshow-nav-bar .sheet-hint{background:#fdf6e3d6;border-radius:999px;color:#586e75;flex:1 1;padding:8px 12px}@media only screen and (max-width:850px){.container{padding:24px 16px 48px}.header{align-items:stretch;flex-direction:column}.header-brand{justify-content:center;width:100%}.header-controls{align-self:center}.header-guide-button span{display:none}.collection-menu,.slideshow-builder{grid-template-columns:1fr}.slideshow-builder-header{align-items:flex-start}.song{padding:14px 16px}.song-header{flex-direction:column;gap:8px;margin-bottom:10px}.song-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-footer{align-items:center;gap:10px 12px;grid-template-areas:"meta actions" "audio audio";grid-template-columns:minmax(0,1fr) auto}.song-footer-col1{align-items:center;flex-direction:row;gap:12px;grid-area:meta}.song-footer-col2{flex-direction:row;grid-area:actions;justify-content:flex-end;width:auto}.song-footer-col3{grid-area:audio;width:100%}.song-footer small{white-space:nowrap}.audio-button,.audio-control,.audio-player{max-width:none;width:100%}.collection-menu{display:none}.collection-menu-wrapper{display:block}.song-button{align-items:center;display:inline-flex;height:42px;justify-content:center;min-width:46px;padding:0;width:46px}.song-button-label{display:none}.song-button-icon{display:inline-flex}.popup{align-items:center;padding:12px 0}.popup.popup-sheet-overlay{align-items:stretch;padding:0}.sheet-desktop-grid{display:none}.sheet-carousel-mobile-only{display:block}.popup-sheet-carousel .sheet-controls,.popup-sheet-carousel .sheet-hint,.popup-sheet-dual .sheet-controls,.popup-sheet-dual .sheet-hint{display:flex}.popup-lyrics-queue-grid{grid-template-columns:1fr}.app-footer-inner{grid-gap:8px;display:grid;gap:8px;justify-content:stretch}.app-footer-bottom,.app-footer-top{justify-content:center;text-align:center}}@media only screen and (max-width:560px){.popup-lyric-actions .button-mode{gap:0;height:44px;justify-content:center;min-width:44px;padding:0;width:44px}.popup-lyric-actions .button-mode span{display:none}.slideshow-list-card{align-items:center;grid-template-columns:minmax(0,1fr) auto}.slideshow-list-actions{gap:8px;grid-template-columns:repeat(3,42px)}.container{padding:14px 14px 40px}.header{align-items:center;gap:14px;margin-bottom:18px;text-align:center}.header-brand{flex-direction:column;gap:12px}.header-copy{width:100%}.header-controls{align-self:center}.header-logo-wrap{border-radius:22px;height:88px;width:88px}.header h1{font-size:1.9rem;line-height:.96}.app-footer{margin-top:28px;padding:18px 0 20px}.app-footer-inner{padding:0 14px}.app-footer-bottom,.app-footer-top{gap:8px}.app-version{margin-top:6px}.theme-toggle-option{gap:0;min-width:52px;padding:10px 0}.header-guide-button{justify-content:center;padding:0}.header-guide-button,.palette-picker-trigger{border-radius:16px;height:46px;width:46px}.palette-picker-menu{width:min(320px,calc(100vw - 32px))}.palette-picker-option{grid-template-columns:minmax(0,1fr) auto;padding:10px}.palette-picker-check{display:none}.palette-picker-option-preview{gap:4px}.palette-picker-option-swatch{height:28px;width:36px}.scroll-to-top{bottom:18px;height:50px;right:16px;width:50px}.usage-guide-shell{border-radius:24px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px;width:min(94vw,760px)}.usage-guide-scroll{padding:40px 4px calc(6px + env(safe-area-inset-bottom))}.usage-guide-shot,.usage-guide-steps{grid-template-columns:1fr}.usage-guide-shot-frame{min-height:180px}.usage-guide-pagination{grid-template-columns:72px 1fr 72px}.theme-toggle-option svg{font-size:1.05rem}.theme-toggle-text{display:none}.dropdown,.search-input,.slideshow-input,.song-page-size-select{font-size:16px}.song{padding:14px 16px}.song-header{flex-direction:column;gap:8px;margin-bottom:10px}.song-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-row{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-column1{grid-column:1/-1}.filter-column2{min-width:0}.song-pagination{align-items:stretch;flex-direction:column;gap:10px}.song-pagination-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-areas:"prev current next";grid-template-columns:repeat(3,minmax(0,1fr))}.pagination-button{min-width:0;width:100%}.pagination-button:first-of-type{grid-area:prev}.song-pagination-current{grid-area:current;text-align:center;white-space:nowrap}.pagination-button:last-of-type{grid-area:next}.song-page-size-bar{justify-content:stretch}.song-pagination-bottom{flex-direction:row;flex-wrap:wrap;gap:12px}.song-page-size,.song-pagination-bottom{align-items:center;justify-content:center}.song-page-size{gap:10px;width:auto}.song-page-size-select{width:88px}.song-pagination-bottom .song-pagination{margin:0;width:auto}.song-pagination-bottom .song-pagination-controls{gap:12px;grid-template-columns:44px auto 44px;min-width:180px;width:auto}.song-pagination-bottom .song-pagination-current{min-width:0}.song-footer-col2{flex-direction:row;justify-content:flex-end;width:auto}.song-footer{align-items:center;gap:10px 12px;grid-template-areas:"meta actions" "audio audio";grid-template-columns:minmax(0,1fr) auto}.song-footer-col1{align-items:center;flex-direction:row;gap:12px;grid-area:meta}.song-footer-col2{grid-area:actions}.song-footer-col3{grid-area:audio;width:100%}.song-footer small{white-space:nowrap}.audio-button,.audio-control{max-width:none;width:100%}.song-button{align-items:center;display:inline-flex;height:42px;justify-content:center;min-width:46px;padding:0;width:46px}.song-button-label{display:none}.song-button-icon{display:inline-flex}.slideshow-list-action-button{height:42px;min-width:0;padding:0 12px}.slideshow-list-action-label{display:none}.slideshow-list-action-icon{display:inline-flex}.slideshow-create-button span{display:none}.popup{align-items:center;padding:12px 0 0}.popup.popup-sheet-overlay{align-items:stretch;padding:0}.popup-sheet{border-radius:0;max-height:none;min-height:100vh;min-height:100dvh;padding-top:0;width:100%}.popup-lyric{border-radius:28px;margin-bottom:0;margin-top:0;max-height:calc(100svh - 12px);max-height:calc(100dvh - 12px);min-height:auto;overflow:hidden;padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-top:56px;width:min(92vw,760px)}.popup-youtube{border-radius:24px;padding:56px 14px calc(14px + env(safe-area-inset-bottom));width:min(94vw,760px)}.popup-list-editor{overflow:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.popup-list-editor,.popup-lyrics-queue{margin-bottom:0;margin-top:0;max-height:calc(100svh - 12px);max-height:calc(100dvh - 12px);width:min(92vw,760px)}.popup-lyrics-queue{border-radius:28px;padding:56px 18px calc(18px + env(safe-area-inset-bottom))}.popup-lyrics-queue-grid{min-height:0}.popup-sheet{border:none;padding-bottom:0;padding-left:0;padding-right:0}.slideshow-meta-bar{gap:8px;left:8px;right:56px;top:8px}.slideshow-meta{font-size:.85rem;max-width:calc(100vw - 132px)}.slideshow-position{display:none}.sheet-carousel{border-radius:0;height:100vh;height:100dvh;min-height:100svh}.image-box{border-radius:0}.sheet-controls{background:var(--panel-strong);bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.slideshow-nav-bar{bottom:8px;gap:8px;left:8px;right:8px}.slideshow-nav-bar .sheet-hint{font-size:.8rem;padding:8px 10px}}@media only screen and (max-width:420px){.song-pagination-bottom{align-items:stretch;flex-direction:column;gap:10px}.song-page-size,.song-pagination-bottom .song-pagination{width:100%}.song-pagination-bottom .song-pagination-controls{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%}}@media only screen and (min-width:561px){.popup-sheet-dual .sheet-carousel-mobile-only,.popup-sheet-dual .sheet-controls,.popup-sheet-dual .sheet-hint{display:none}}
/*# sourceMappingURL=main.c0c4456e.css.map*/