.sl-page,.sl-page-content,.sl-search-bar,.sl-list-toolbar,.sl-song-table-scroll{min-width:0}.sl-page{box-sizing:border-box;width:100%}.sl-page-content{width:100%;max-width:min(900px,calc(100vw - 48px))!important}.sl-theme-controls,.sl-list-toolbar,.sl-list-toolbar-actions,.sl-pagination{flex-wrap:wrap}.sl-list-toolbar-actions{min-width:0;max-width:100%}.sl-song-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sl-song-table{min-width:540px}.sl-song-table>div>div{min-width:0}.sl-random-overlay,.sl-random-modal{box-sizing:border-box}.sl-random-overlay{overflow-y:auto}.sl-random-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden}.sl-random-conditions,.sl-random-modal{overflow-wrap:anywhere}@media(max-width:768px){.sl-list-toolbar-spacer{flex-basis:100%}.sl-list-toolbar-actions{flex:1 1 auto}}@media(max-width:480px){.sl-page{padding:12px 12px 36px!important}.sl-page-content{max-width:calc(100vw - 40px)!important;gap:10px!important}.sl-theme-controls{gap:6px!important}.sl-theme-controls button,.sl-search-bar button,.sl-filters button,.sl-list-toolbar button,.sl-pagination button{min-height:36px;font-size:12px!important;line-height:1.2}.sl-theme-controls button,.sl-list-toolbar button{padding:5px 8px!important}.sl-list-toolbar button{padding-inline:5px!important;font-size:11.5px!important}.sl-search-bar{gap:6px!important}.sl-search-bar input,.sl-search-bar button{min-height:36px;padding:7px 9px!important;font-size:13px!important}.sl-filters{gap:4px!important}.sl-filters>div{gap:8px!important}.sl-filters>div>div:last-child{gap:4px!important}.sl-filters button{padding:3px 6px!important}.sl-song-meta{width:120px!important;font-size:11.5px!important}.sl-song-label{display:flex;align-items:baseline;font-size:15px!important;line-height:24px}.sl-song-artist,.sl-song-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-song-artist{flex:0 1 auto;max-width:40%}.sl-song-separator{flex:0 0 auto;white-space:pre}.sl-song-title{flex:1 1 60%}.sl-list-toolbar{gap:6px!important;margin-top:6px!important}.sl-list-toolbar-spacer{display:none}.sl-list-toolbar-actions{flex-basis:100%;gap:4px!important;order:2}.sl-list-toolbar>button{margin-left:auto;order:1}.sl-pagination{gap:4px!important}.sl-pagination button{padding:4px 7px!important}.sl-random-overlay{padding:12px!important}.sl-random-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}.theme-starlight__twinkle{transform-box:fill-box;transform-origin:center;animation-name:theme-starlight-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes theme-starlight-twinkle{0%,to{opacity:var(--starlight-min-opacity);transform:scale(var(--starlight-min-scale))}48%{opacity:var(--starlight-max-opacity);transform:scale(var(--starlight-max-scale))}}.theme-aviation-light{opacity:0;animation:theme-aviation-light-blink var(--aviation-light-period) linear var(--aviation-light-offset) infinite}@keyframes theme-aviation-light-blink{0%,1%{opacity:0}2%,5%{opacity:1}6%,to{opacity:0}}.layout-editor{position:fixed;inset:0;display:flex;flex-direction:column;min-width:720px;color:#e8eefc;background:#111827;overflow:hidden}.layout-editor button,.layout-editor input{font:inherit}.layout-editor__toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:8px 14px;border-bottom:1px solid #334155;background:#172033;box-sizing:border-box}.layout-editor__hint{margin-left:12px;color:#94a3b8;font-size:12px}.layout-editor__zoom-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.layout-editor__zoom-controls button{padding:6px 10px;border:1px solid #475569;color:#e8eefc;background:#263247}.layout-editor__zoom-controls output{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.layout-editor__body{display:grid;grid-template-columns:340px 7px minmax(0,1fr);min-height:0;flex:1}.layout-editor__sidebar{position:relative;z-index:5;padding:14px;border-right:1px solid #334155;background:#172033;overflow-y:auto}.layout-editor__sidebar-resizer{position:relative;z-index:6;cursor:col-resize;touch-action:none}.layout-editor__sidebar-resizer:after{position:absolute;inset:0 2px;background:#334155;content:"";transition:background-color .12s ease}.layout-editor__sidebar-resizer:hover:after,.layout-editor.is-resizing-sidebar .layout-editor__sidebar-resizer:after{background:#60a5fa}.layout-editor.is-resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.layout-editor__sidebar section+section{margin-top:24px}.layout-editor__sidebar h2{margin:0 0 10px;font-size:14px}.layout-editor__section-hint{margin:-4px 0 12px;color:#94a3b8;font-size:11px;line-height:1.45}.layout-editor__asset-category+.layout-editor__asset-category{margin-top:12px}.layout-editor__asset-category h3{margin:0 0 6px}.layout-editor__asset-category-toggle{display:flex;align-items:center;gap:5px;width:100%;padding:3px 1px;border:0;color:#cbd5e1;background:transparent;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase}.layout-editor__asset-category-toggle:hover,.layout-editor__asset-category-toggle:focus-visible{color:#fff}.layout-editor__asset-grid{display:grid;gap:5px}.layout-editor__asset-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;padding:5px;border:1px solid #334155;border-radius:7px;color:#dbeafe;background:#202b3e;text-align:left}.layout-editor__asset-card:hover,.layout-editor__asset-card:focus-visible{border-color:#60a5fa;background:#263750}.layout-editor__asset-card img,.layout-editor__asset-placeholder{width:48px;height:34px;border-radius:4px;background:#0f172a;object-fit:contain}.layout-editor__asset-placeholder{display:grid;place-items:center;color:#94a3b8;font-size:10px}.layout-editor__asset-details{display:grid;min-width:0;gap:2px}.layout-editor__asset-details strong{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.layout-editor__asset-details small,.layout-editor__empty-category{color:#94a3b8;font-size:10px}.layout-editor__empty-category{margin:0;padding:7px 8px;border:1px dashed #334155;border-radius:6px}.layout-editor__layer-list{display:grid;gap:5px}.layout-editor__layer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.layout-editor__layer-heading button{padding:4px 7px;border:1px solid #475569;border-radius:5px;color:#bfdbfe;background:#263247;font-size:10px}.layout-editor__layer-heading button:disabled{opacity:.45}.layout-editor__layer-order-hint{margin:-4px 0 10px;color:#94a3b8;font-size:12px}.layout-editor__layer-row{position:relative;display:grid;grid-template-columns:30px 32px minmax(0,1fr);align-items:stretch;border:1px solid #334155;border-radius:8px;background:#202b3e}.layout-editor__layer-row.is-hidden .layout-editor__layer-drag-handle,.layout-editor__layer-row.is-hidden .layout-editor__layer-select{opacity:.5}.layout-editor__layer-row.is-selected{border-color:#60a5fa;background:#1d4f86}.layout-editor__layer-row.is-dragging{opacity:.45}.layout-editor__layer-row.is-drop-before:before,.layout-editor__layer-row.is-drop-after:after{position:absolute;left:0;right:0;z-index:2;height:3px;border-radius:2px;background:#38bdf8;content:"";pointer-events:none}.layout-editor__layer-row.is-drop-before:before{top:-4px}.layout-editor__layer-row.is-drop-after:after{bottom:-4px}.layout-editor__layer-drag-handle{display:grid;place-items:center;border-right:1px solid #334155;color:#94a3b8;cursor:grab;-webkit-user-select:none;user-select:none}.layout-editor__layer-drag-handle:active{cursor:grabbing}.layout-editor__layer-select{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:8px 10px;border:0;color:#dbeafe;background:transparent;text-align:left}.layout-editor__layer-visibility{display:grid;place-items:center;padding:0;border:0;border-right:1px solid #334155;color:#bfdbfe;background:transparent}.layout-editor__layer-visibility:hover{color:#fff;background:#60a5fa1f}.layout-editor__layer-visibility svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.layout-editor__layer-row small{max-width:100%;overflow:hidden;color:#94a3b8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.layout-editor__layer-summary{display:flex;align-items:center;min-width:0;gap:6px}.layout-editor__layer-summary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-editor__output-badge{flex:none;padding:1px 5px;border:1px solid #64748b;border-radius:999px;color:#bfdbfe;font-size:9px;font-weight:700}.layout-editor__properties{padding-top:18px;border-top:1px solid #334155}.layout-editor__properties p{color:#94a3b8;font-size:13px}.layout-editor__properties dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.layout-editor__properties dl div{padding:7px 9px;border-radius:7px;background:#202b3e}.layout-editor__properties dt{color:#94a3b8;font-size:11px}.layout-editor__properties dd{margin:2px 0 0;font-variant-numeric:tabular-nums}.layout-editor__properties label{display:block;font-size:12px;font-weight:700}.layout-editor__properties input{width:100%;padding:8px 10px;border:1px solid #475569;border-radius:7px;color:#e8eefc;background:#111827;box-sizing:border-box}.layout-editor__properties input[readonly]{color:#94a3b8;background:#1e293b}.layout-editor__global-tone-section{display:grid;gap:10px}.layout-editor__global-tone-section h2{margin-bottom:0}.layout-editor__global-tone-section .layout-editor__toggle-field{display:flex;align-items:center;gap:8px}.layout-editor__global-tone-section input[type=color]{min-height:34px;padding:3px}.layout-editor__property-fields{display:grid;gap:9px}.layout-editor__property-fields label{display:grid;gap:5px}.layout-editor__coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-editor__visual-section,.layout-editor__effects-section,.layout-editor__starlight-section,.layout-editor__moon-section,.layout-editor__vehicle-section,.layout-editor__firefly-section,.layout-editor__aviation-light-section,.layout-editor__river-fx-section{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #334155}.layout-editor__starlight-section h3,.layout-editor__moon-section h3,.layout-editor__vehicle-section h3,.layout-editor__firefly-section h3,.layout-editor__aviation-light-section h3,.layout-editor__river-fx-section h3{margin:0;color:#dbeafe;font-size:13px}.layout-editor__starlight-section label,.layout-editor__moon-section label,.layout-editor__vehicle-section label,.layout-editor__firefly-section label,.layout-editor__aviation-light-section label,.layout-editor__river-fx-section label{display:grid;gap:5px}.layout-editor__aviation-light-toolbar{display:grid;gap:8px}.layout-editor__aviation-light-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-editor__starlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layout-editor__starlight-seed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px}.layout-editor__starlight-seed button{min-height:34px;padding:7px 9px;border:1px solid #475569;border-radius:7px;color:#dbeafe;background:#263247}.layout-editor__starlight-section .layout-editor__toggle-field,.layout-editor__moon-section .layout-editor__toggle-field,.layout-editor__vehicle-section .layout-editor__toggle-field,.layout-editor__firefly-section .layout-editor__toggle-field,.layout-editor__river-fx-section .layout-editor__toggle-field{display:flex;align-items:center;gap:8px}.layout-editor__properties .layout-editor__toggle-field input{width:auto;margin:0}.layout-editor__visual-section h3,.layout-editor__effects-section h3{margin:0;color:#dbeafe;font-size:13px}.layout-editor__effects-section label{display:grid;gap:5px}.layout-editor__effects-section .layout-editor__toggle-field{display:flex;align-items:center;gap:8px}.layout-editor__effects-section input[type=color]{min-height:34px;padding:3px}.layout-editor__visual-control{display:grid;gap:5px}.layout-editor__visual-inputs{display:grid;grid-template-columns:minmax(0,1fr) 68px 26px;align-items:center;gap:6px}.layout-editor__properties .layout-editor__visual-inputs input[type=range]{min-width:0;padding:0;border:0;background:transparent}.layout-editor__visual-inputs span{color:#94a3b8;font-size:10px}.layout-editor__visual-reset{padding:7px 10px;border:1px solid #475569;border-radius:7px;color:#dbeafe;background:#263247}.layout-editor__property-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.layout-editor__property-actions button{padding:7px 10px;border:1px solid #475569;border-radius:7px;color:#e8eefc;background:#263247}.layout-editor__property-actions button.is-danger{border-color:#9f3a4c;color:#fecdd3;background:#4c1d2a}.layout-editor__save-feedback{padding:10px;border:1px solid #2563eb;border-radius:8px;background:#172554}.layout-editor__save-feedback.is-error{border-color:#dc2626;background:#450a0a}.layout-editor__save-feedback h2{margin-bottom:6px}.layout-editor__save-feedback ul{margin:0;padding-left:18px;font-size:11px;line-height:1.5}.layout-editor__viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background-color:#293548;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;touch-action:none}.layout-editor__viewport.is-panning{cursor:grab}.layout-editor__viewport.is-panning:active{cursor:grabbing}.layout-editor__canvas{position:absolute;left:0;top:0;overflow:hidden;background:#061334;box-shadow:0 0 0 1px #94a3b8,0 12px 36px #00000059;transform-origin:top left;will-change:transform}.layout-editor__canvas img{position:absolute;display:block;transform-origin:top left;-webkit-user-select:none;user-select:none;pointer-events:none}.layout-editor__selection-guide{position:absolute;z-index:100001;outline:3px solid #38bdf8;outline-offset:-3px;transform-origin:top left;pointer-events:none}.layout-editor__firefly-area-guide{position:absolute;z-index:100000;overflow:hidden;transform-origin:top left;pointer-events:none}.layout-editor__firefly-area-region{position:absolute;right:0;bottom:0;left:0;background:#38bdf814}.layout-editor__firefly-area-line{position:absolute;right:0;left:0;height:2px;background:#38bdf8b3;box-shadow:0 0 5px #0ea5e959;transform:translateY(-50%)}.layout-editor__firefly-area-line.is-top{transform:none}.layout-editor__firefly-area-line.is-bottom{transform:translateY(-100%)}.layout-editor__firefly-area-label{position:absolute;left:8px;max-width:calc(100% - 16px);overflow:hidden;padding:3px 7px;border:1px solid rgb(56 189 248 / 65%);border-radius:4px;color:#e0f2fe;background:#082f49d1;box-shadow:0 2px 8px #02081759;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;transform:translateY(calc(-100% - 5px))}.layout-editor__firefly-area-label.is-top{transform:translateY(5px)}