@layer components {
 .upload-progress-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
 .upload-progress-dialog [hidden]{display:none}
 .upload-progress-name{font-weight:600;overflow-wrap:anywhere}
 .upload-progress-dialog [data-status]{min-height:3em;overflow-wrap:anywhere}
 .upload-progress-track{height:8px;border-radius:var(--ui-radius-pill);overflow:hidden;background:var(--ui-control);margin-block:var(--ui-space-4)}
 .upload-progress-track>span{display:block;height:100%;background:var(--ui-accent)}
 .upload-progress-dialog .upload-indeterminate .upload-progress-track>span{animation:upload-indeterminate 1.15s ease-in-out infinite}
 .upload-progress-dialog .upload-failed .upload-progress-track>span{background:var(--ui-danger-text)}
 .upload-progress-jobs{max-height:55dvh;overflow:auto;padding:var(--ui-space-1)}
 .upload-progress-jobs>section+section{border-top:1px solid var(--ui-border);padding-top:var(--ui-space-4);margin-top:var(--ui-space-4)}
 dialog:has(>.presentation-upload-review){width:min(800px,calc(100vw - 32px));overflow:hidden}
 .presentation-upload-review{display:flex;flex-direction:column;max-height:calc(100dvh - 82px)}
 .presentation-upload-review>h2,.presentation-upload-review>p,.presentation-upload-review>.footer{flex:none}
 .presentation-upload-review-body{min-height:0;overflow:auto;padding:var(--ui-space-1)}
 .presentation-upload-review-body section+section{margin-top:var(--ui-space-5)}
 .presentation-upload-documents,.presentation-upload-images{list-style:none;padding:0;margin:0;display:grid;gap:var(--ui-space-2)}
 .presentation-upload-documents li{display:flex;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3);background:var(--ui-surface-subtle);border-radius:var(--ui-radius-control);overflow-wrap:anywhere}
 .presentation-upload-images li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-2);border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
 .presentation-upload-images img{max-width:64px;max-height:48px;border-radius:var(--ui-radius-sm)}
 @media(max-width:599px){.presentation-upload-images li{grid-template-columns:48px minmax(0,1fr)}.presentation-upload-images img{max-width:48px}.presentation-upload-images .actions{grid-column:2}.presentation-upload-review>.footer{flex-wrap:wrap}}
 #background-uploads .upload-progress-open{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;z-index:1;cursor:pointer}
 #background-uploads .upload-progress-open:hover{background:color-mix(in srgb,var(--ui-accent) 6%,transparent)}
 #background-uploads .upload-progress-open:focus-visible{outline-offset:-3px}
 .background-upload:has(.upload-progress-open)>[data-upload-dismiss]{position:relative;z-index:2}
 @media(prefers-reduced-motion:reduce){.upload-indeterminate :is(.upload-progress-track,.background-upload-progress,.media-upload-progress)>span{animation:none}}
 .button-hint-anchor{position:relative;display:inline-flex}
 .button-hint{position:absolute;top:calc(100% + 8px);right:0;z-index:10;width:220px;max-width:70vw;padding:12px 16px;border:1px solid var(--ui-border-control);border-radius:var(--ui-radius-control);background:var(--ui-control);color:var(--ui-text);font-size:14px;font-weight:400;line-height:1.4;box-shadow:0 4px 12px #0004;pointer-events:none}
 .button-hint::before{content:'';position:absolute;right:12px;top:-5px;width:8px;height:8px;transform:rotate(45deg);background:var(--ui-control);border-top:1px solid var(--ui-border-control);border-left:1px solid var(--ui-border-control)}
 .theme-formatting{display:flex;align-items:end;flex-wrap:wrap;gap:var(--ui-space-4);margin-block:var(--ui-space-4)}
 .theme-stepper{display:flex;align-items:center;gap:var(--ui-space-2);width:max-content;max-width:100%}
 .theme-stepper input[type=number]{width:64px;min-width:0;text-align:center;appearance:textfield}
 .theme-stepper input::-webkit-inner-spin-button,.theme-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 .theme-stepper .icon-button{flex:none}
 .theme-formatting fieldset,.theme-colour{border:0;padding:0;margin:0;min-width:0}
 .theme-formatting legend,.theme-colour legend{font-weight:600;font-size:.875rem;margin-bottom:var(--ui-space-2)}
 .theme-formatting [aria-pressed=true]{background:var(--ui-selected-bg);border-color:var(--ui-accent);color:var(--ui-accent)}
 .theme-colour{margin-block:var(--ui-space-5)}
 .theme-swatches{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}
 .theme-swatch{width:44px;height:44px;padding:8px;background:var(--swatch);border:1px solid var(--ui-border-control)}
 .theme-swatch:hover{background:var(--swatch);outline:2px solid var(--ui-text-muted)}
 .theme-swatch[aria-pressed=true]{outline:2px solid var(--ui-accent);outline-offset:2px}
 .theme-swatch .ui-icon{color:var(--ui-text);background:var(--ui-bg);border-radius:var(--ui-radius-pill)}
 .theme-custom-colour{display:flex;align-items:center;gap:var(--ui-space-3);margin:0}
 .theme-custom-colour input[type=color]{width:44px;height:44px;min-width:44px;padding:4px;cursor:pointer}
 .theme-custom-colour output{font-variant-numeric:tabular-nums;color:var(--ui-text-muted)}
 .theme-image-setting{margin-top:var(--ui-space-5)}.theme-image-setting h3,.theme-option-label,.settings-card label:has(>.ui-icon){display:flex;align-items:center;gap:var(--ui-space-3)}
 .settings-card button{gap:var(--ui-space-3)}
 .media-library-row{position:relative;isolation:isolate}
 /* Shared media-row thumbnails: transparent slots, rounded uncropped artwork. */
 .schedule-thumbnail{width:var(--ui-thumbnail-width,64px);height:var(--ui-thumbnail-height,42px);border:0;background:transparent;border-radius:0}
 .schedule-thumbnail img,.schedule-thumbnail video{position:static;grid-area:1/1;width:auto;height:auto;max-width:var(--ui-thumbnail-width,64px);max-height:var(--ui-thumbnail-height,42px);object-fit:contain;border-radius:var(--ui-radius-sm);background:transparent}
 .schedule-thumbnail>.ui-icon{grid-area:1/1}
 .media-library-row .media-thumb{width:var(--ui-thumbnail-width,64px);height:var(--ui-thumbnail-height,42px);background:transparent;overflow:visible}
 .media-thumb>.schedule-thumbnail,.item-leading>.schedule-thumbnail{width:var(--ui-thumbnail-width,64px);height:var(--ui-thumbnail-height,42px)}
 .item-leading{width:var(--ui-thumbnail-width,64px);flex:none;min-height:44px;padding:0;border:0;background:transparent}
 .item-leading:hover{background:transparent}
 .media-library-row .media-card-preview{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;z-index:1}
 .media-library-row .media-card-preview:focus-visible{outline-offset:-3px}
 .media-library-row:has(.media-card-preview:hover){background:var(--ui-surface-hover)}
 .media-library-row>.actions,.media-library-row>button:not(.media-card-preview){position:relative;z-index:2}
 .drag-handle.dragging{background:var(--ui-selected-bg);color:var(--ui-accent)}
 .stage canvas.media-blur-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:scale(1.08);filter:blur(26px);opacity:.72}
 .editor-media-settings{margin-top:16px;display:grid;gap:16px;padding:16px;background:var(--ui-surface-subtle);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control)}
 .editor-sizing label{margin-top:0}.editor-sizing p{margin:8px 0 0}
 .editor-playback{min-width:0;border:0;border-top:1px solid var(--ui-border);padding:12px 0 0;margin:0}.editor-playback legend{font-size:.875rem;font-weight:600;padding:0 8px 0 0}.editor-playback label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0}.editor-playback input{flex:none}.editor-playback p{margin:8px 0 0}
 :root{font:16px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ui-text);background:var(--ui-bg);color-scheme:dark}
 *{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}
 [hidden]{display:none!important}
 h1{font-size:1.75rem;line-height:1.2;font-weight:700}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1rem}
 p{overflow-wrap:anywhere}a{color:var(--ui-accent)}
 button{min-height:44px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--ui-border-control);border-radius:var(--ui-radius-control);background:var(--ui-control);color:var(--ui-text);font-size:.875rem;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color .15s}
 button:hover{background:var(--ui-surface-hover)}button:disabled{opacity:.45;cursor:default}
 button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-ink)}button.primary:hover{background:var(--ui-accent-hover)}
 button.flat{background:transparent}button.danger{color:var(--ui-danger-text);background:var(--ui-danger-bg)}button.danger:hover{background:#4b2630}
 .small,.console .panel-toolbar button,.console .video-controls button,.console .section-row button,.library-list .actions>button,.member-row button{min-height:36px;padding:6px 12px;font-size:.875rem}
 .icon-button,.icon-close{width:44px;height:44px;min-height:44px;padding:10px;flex-shrink:0;background:transparent;border-color:transparent}
 .console .icon-button,.library-list .actions>.icon-button,.library-list .actions>.media-lock-indicator{width:36px;height:36px;min-height:36px;padding:8px}
 .ui-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;flex:0 0 20px;pointer-events:none}
 .small .ui-icon,.console .icon-button .ui-icon{width:18px;height:18px;flex-basis:18px}
 :is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}
 input,textarea,select{width:100%;min-width:0;min-height:44px;border:1px solid var(--ui-border-control);border-radius:var(--ui-radius-control);padding:10px 12px;background:var(--ui-surface-subtle);color:var(--ui-text);font-size:.875rem}
 input:is([type=checkbox],[type=radio],[type=range],[type=color]){width:auto;min-height:initial;accent-color:var(--ui-accent)}
 input[type=checkbox],input[type=radio]{width:18px;height:18px}textarea{resize:vertical;line-height:1.5}
 label,.field-label{color:var(--ui-text);font-size:.875rem;font-weight:600}[aria-invalid=true]{border-color:var(--ui-danger-text)}
 /* Stacked field labels: sibling and wrapping markup share one spacing contract.
    Inline checkboxes, switches, colour swatches and playback ranges are excluded. */
 label:has(+ :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=hidden]),select,textarea,.theme-stepper)){
  display:block;margin-bottom:var(--ui-field-label-gap);
 }
 label + :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=hidden]),select,textarea,.theme-stepper){margin-top:0}
 label:not([hidden]):has(> :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=hidden]),select,textarea)){
  display:flex;flex-direction:column;align-items:stretch;gap:var(--ui-field-label-gap);
 }
 label > :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=hidden]),select,textarea),label>.field-label{margin-block:0}
 .muted,.connection-label,.preview-hint,.settings-note{color:var(--ui-text-muted);font-size:.875rem;line-height:1.5}
 .eyebrow,.stage-title,.tag,.status-badge,.role-badge,.email-chip{font-size:.75rem;line-height:1.4}
 .panel,.console-panel,.workspace-surface,.settings-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel)}
 .panel{padding:24px}.console-panel{padding:12px}.actions{gap:8px}
 .empty,.empty-state,.error-state,.loading-rows{padding:32px 24px;line-height:1.5}.empty h2{margin-bottom:8px}
 .item.selected,.slide.selected,.song-preview-row.selected{background:var(--ui-selected-bg);border-color:var(--ui-accent)}
 .nav.active{background:var(--ui-selected-bg);color:var(--ui-accent)}
 .icon-button[aria-pressed=true]{background:var(--ui-selected-bg);border:1px solid var(--ui-accent);color:var(--ui-accent)}
 .nav-entry,.item .name{justify-content:flex-start;text-align:left}.item .name{background:transparent;border:0}.item .name:has(.item-title){display:flex;flex-direction:column;align-items:flex-start;gap:2px}.item .name>.item-title,.item .name>.muted{display:block;width:100%}
 .item:has(.item-title){position:relative;min-width:0;max-width:100%}.item .name:has(.item-title){padding:0;min-height:40px;justify-content:center}
 .item .name:not(:disabled):has(.item-title)::after{content:'';position:absolute;inset:0;cursor:pointer}
 .item>.actions,.item>.drag-handle,.item>.item-leading{position:relative;z-index:1}.item:has(.name:focus-visible){outline:3px solid var(--ui-accent);outline-offset:2px}
 .storage-summary{position:relative;width:180px;max-width:100%;margin-right:12px;color:var(--ui-text-muted);font-size:.75rem;flex-shrink:0}.storage-summary>.ui-icon{position:absolute;left:-24px;bottom:0;width:16px;height:16px}.storage-summary{margin-left:24px}.storage-summary-copy{display:block;margin-bottom:6px;white-space:nowrap}.storage-summary-track{height:5px;border-radius:99px;background:var(--ui-border);overflow:hidden}.storage-summary-track>span{display:block;height:100%;background:var(--ui-accent);border-radius:inherit}.storage-over-limit{color:var(--ui-danger-text)}
 .section-toggle{background:transparent;border:0;justify-content:flex-start;text-align:left}
 .section-chip{background:var(--chip-bg);color:var(--chip-fg);border:1px solid var(--chip-border);font-size:.875rem}.section-chip:hover{background:var(--chip-bg);filter:brightness(1.12)}
 .drag-handle{border:0;background:transparent;color:var(--ui-text-muted);padding:6px;min-width:36px;cursor:grab}
 .slide:not(.lyric-row){display:block;min-width:0;padding:5px}.slide:not(.lyric-row)>.stage{width:100%}
 .lyric-row,.song-preview-row{display:block;text-align:left;width:100%;min-width:0;max-width:100%;height:auto;justify-content:flex-start}
 .lyric-text,.song-preview-text{display:block;width:auto;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.4}
 .media-tabs{display:flex;gap:4px}.media-tabs button{border:0;border-radius:0;background:transparent;border-bottom:2px solid transparent}
 .media-tabs button[aria-selected=true]{border-bottom-color:var(--ui-accent);color:var(--ui-accent)}
 .statusbar,.ui-message{padding:12px 16px;border:1px solid var(--ui-border-control);border-radius:8px;color:var(--ui-text);background:var(--ui-surface-subtle);font-size:.875rem;line-height:1.5}
 .ui-message:empty{display:none}.ui-message.success,.statusbar.success{background:var(--ui-success-bg);color:var(--ui-success-text)}
 .ui-message.warning,.statusbar.warning,.output-start-bar,.network-offline-bar{background:var(--ui-warning-bg);color:var(--ui-warning-text);border-color:var(--ui-warning-text)}
 .ui-message.error,.error-state{background:var(--ui-danger-bg);color:var(--ui-danger-text)}
 .save[data-state=error]{color:var(--ui-danger-text)}.save[data-state=saving]{color:var(--ui-text-muted)}
 #toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:16px;align-items:center;max-width:min(560px,calc(100vw - 32px));width:max-content;opacity:1;pointer-events:auto;padding:12px 16px;border:1px solid var(--ui-border-control);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 12px 40px #0006;font-size:.875rem}
 #toast:empty{display:none}#toast.success{background:var(--ui-success-bg);color:var(--ui-success-text)}#toast.error{background:var(--ui-danger-bg);color:var(--ui-danger-text)}#toast.warning{background:var(--ui-warning-bg);color:var(--ui-warning-text)}#toast button{min-height:36px;padding:6px 10px}
 dialog{width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--ui-border-control);border-radius:12px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 24px 80px #0008;scroll-padding:24px}
 dialog::backdrop{background:var(--ui-backdrop)}dialog h2{overflow-wrap:anywhere}
 dialog .footer,dialog .dialog-footer{position:sticky;bottom:-24px;z-index:3;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:24px -24px -24px;padding:16px 24px;background:var(--ui-surface);border-top:1px solid var(--ui-border)}
 dialog .dialog-content{padding:0}dialog .dialog-heading{top:-24px;margin:-24px -24px 20px;padding:16px 24px;background:var(--ui-surface)}
 dialog.ui-confirm{width:min(480px,calc(100vw - 32px))}
 dialog:has(.add-to-presentation-dialog),dialog:has(.presentation-preview-dialog){width:min(960px,calc(100vw - 32px))}
 dialog:has(>.add-to-presentation-dialog){height:min(680px,calc(100dvh - 32px));overflow:hidden}
 .add-to-presentation-dialog{display:flex;height:100%;min-height:0;flex-direction:column}
 .add-to-presentation-dialog>.row{min-height:44px;flex:none}
 .add-to-presentation-dialog .add-library-groups{min-height:0;max-height:none;flex:1;overflow-y:auto}
 .add-to-presentation-dialog>.footer{position:static;flex:none;margin-top:14px}
 dialog:has(>.media-preview-dialog){overflow:hidden;padding:0}
 dialog:has(>.presentation-preview-dialog){width:min(960px,calc(100vw - 32px));height:min(620px,calc(100dvh - 32px))}
 dialog:has(>.single-preview-dialog){width:min(640px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px)}
 .media-preview-dialog{display:flex;flex-direction:column;height:100%;min-height:0;padding:0}
 .media-preview-loading{color:var(--ui-text-muted);font-size:.875rem;pointer-events:none}
 .media-preview-dialog>.dialog-heading{position:static;flex:none;margin:0;padding:16px 24px;gap:16px}
 .media-preview-dialog>.dialog-heading h2{margin:8px 0 0}
 .media-preview-dialog>.statusbar{flex:none;margin:12px 24px 0;max-height:100px;overflow:auto}
 .media-preview-dialog .media-preview-layout{min-height:0;flex:1;overflow:hidden;padding:16px 24px 24px;align-items:start}
 .media-preview-dialog .ppt-preview-slides{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;overflow:auto}.ppt-preview-slides>.slide{flex:0 0 auto}
 .media-preview-dialog #media-preview-stage{min-width:0;max-height:100%;overflow:hidden}
 .media-preview-dialog #media-preview-stage>.stage{width:100%;max-height:min(420px,calc(100dvh - 220px))}
 .single-preview-dialog{height:auto}.single-preview-dialog #media-preview-stage{max-height:none}.single-preview-dialog .media-preview-layout{overflow:visible}.single-preview-dialog .media-preview-layout{flex:none}
 .single-preview-dialog #media-preview-stage>.stage{aspect-ratio:var(--preview-ratio,16/9);max-height:none}
 dialog.song-editor-dialog{width:min(1500px,calc(100vw - 32px));padding:0;overflow:hidden}
 .song-editor-dialog .dialog-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
 .song-editor-dialog .dialog-frame>header{padding:20px 24px 0;flex:none}.song-editor-dialog .dialog-frame>header p{margin-bottom:16px}
 .song-editor-dialog .dialog-body{overflow:auto;min-height:0;padding:0 24px 24px;scroll-padding:16px}
 .song-editor-dialog .footer{position:static;flex:none;margin:0;padding:16px 24px}
 .song-editor-dialog .song-editor-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}
 .song-editor-dialog .song-preview-list{max-height:360px}.song-preview-list,.slides.lyric-list{padding-left:116px}
 .song-preview-label,.lyric-row .slide-label{right:calc(100% + 24px);width:auto;max-width:92px}.song-preview-row .section-chip,.lyric-row .section-chip{max-width:92px;white-space:nowrap;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
 dialog.detail-panel{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(660px,100vw);max-width:100vw;border-radius:0;padding:0}
 .detail-panel .detail-header{top:0;background:var(--ui-surface);padding:20px 24px}.detail-panel .detail-body{padding:24px}
 .login-screen{background:var(--ui-bg)}.login-card{background:var(--ui-surface);border-radius:12px;border:1px solid var(--ui-border);padding:24px}
 .login-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.login-actions>[data-again]{margin:0}
 .login-card [role=status]{color:var(--ui-text-muted)}.login-card [role=status][data-severity=error]{color:var(--ui-danger-text)}
 .workspace-choice{width:100%;display:flex;justify-content:space-between;text-align:left;gap:12px;margin-top:12px}.workspace-choice-name{flex:1;overflow-wrap:anywhere}.workspace-choice-role{font-size:.75rem;color:var(--ui-text-muted)}
 .content-download.status-loading>span{width:34%;min-width:0}
 .schedule-ready-progress.indeterminate>span{width:34%;animation:local-download 1.2s ease-in-out infinite}
 .schedule-ready-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}.schedule-ready-icon .ui-icon{display:block;width:14px;height:14px;flex:0 0 14px}
 .video-controls.video-player-controls{display:block;width:100%;margin-top:16px}
 .video-player-controls .icon-button{width:36px;height:36px;min-height:36px;padding:8px}.video-player-controls .icon-button .ui-icon{width:18px;height:18px;flex-basis:18px}
 .video-player-controls input[type=range]{padding:0;border:0;background:transparent;min-height:0;cursor:pointer}
 .video-player-controls input.video-timeline{display:block;width:100%;max-width:none;height:20px;margin:0 0 8px;appearance:none;border-radius:0}
 .video-timeline::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,transparent 6px,var(--ui-border-control) 6px,var(--ui-border-control) calc(100% - 6px),transparent calc(100% - 6px));border-radius:2px}
 .video-timeline::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--ui-accent)}
 .video-timeline::-moz-range-track{height:4px;background:linear-gradient(to right,transparent 6px,var(--ui-border-control) 6px,var(--ui-border-control) calc(100% - 6px),transparent calc(100% - 6px));border-radius:2px}
 .video-timeline::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ui-accent)}
 .video-player-controls .video-volume-controls input{width:72px;max-width:72px}
 .schedule-ready,.schedule-ready .small,.readiness{font-size:.875rem}.schedule-ready-text{line-height:1.4}
 .content-order-heading{margin:24px 0 16px}.content-order-heading h2{margin:0}.spaced-actions{margin-top:16px}
 .import-summary{margin-top:20px}.status-badge.active{color:var(--ui-success-text);background:var(--ui-success-bg)}.status-badge.invited{color:var(--ui-warning-text);background:var(--ui-warning-bg)}
 @media(max-width:699px){.panel{padding:16px}button.small,.console .panel-toolbar button,.console .icon-button,.library-list .actions>button{min-height:44px}.console .icon-button{width:44px;height:44px}.song-editor-dialog .song-editor-layout{grid-template-columns:1fr}.media-tabs{overflow-x:auto}.media-tabs button{flex-shrink:0}}
 .remote-upload-button{white-space:nowrap}
 .remote-upload-button.is-active{color:var(--ui-success-text);background:var(--ui-success-bg);border-color:var(--ui-success-text)}
 .remote-upload-button.is-active:hover{background:var(--ui-selected-bg)}
 .remote-upload-button [data-remote-countdown]{font-variant-numeric:tabular-nums;min-width:5ch;padding-left:var(--ui-space-2);border-left:1px solid currentColor}
 .guest-receive-dialog{width:640px}.guest-receive-dialog > [data-ui-status]{margin:var(--ui-space-4) 0 0}.guest-share{display:grid;grid-template-columns:minmax(0,256px) minmax(0,1fr);gap:var(--ui-space-6);align-items:start}
 .guest-qr{width:100%;height:auto;max-width:256px;justify-self:center;border-radius:var(--ui-radius-control)}
 .guest-qr-frame{width:100%;max-width:256px;aspect-ratio:1;justify-self:center;position:relative;border-radius:var(--ui-radius-control);overflow:hidden;background:var(--ui-surface-subtle)}
 .guest-qr-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-space-4);color:var(--ui-text-muted);border:1px dashed var(--ui-border-control);border-radius:inherit}
 .guest-qr-placeholder .ui-icon{width:96px;height:96px;flex:none}
 .guest-share-copy label{margin:0}.guest-share-copy [data-countdown]{min-height:3em;line-height:1.5}
 .guest-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-2)}.guest-share-actions button{min-width:0;padding-inline:var(--ui-space-2)}
 .guest-share-copy{display:grid;gap:var(--ui-space-3);min-width:0}.guest-share-copy p{margin:0}.guest-share-copy input{font-size:.875rem}
 .guest-email-form{display:grid;gap:var(--ui-space-3);min-width:0;padding:var(--ui-space-3);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control)}.guest-email-form[hidden]{display:none}
 .guest-receive-footer{align-items:center;gap:var(--ui-space-4)}.guest-receive-footer p{flex:1;margin:0;min-width:0}.guest-receive-footer button{flex:none}
 .guest-upload-page{max-width:720px;margin:0 auto;padding:var(--ui-space-7) var(--ui-space-6)}.guest-brand{width:200px;max-width:100%;margin-bottom:var(--ui-space-6)}
 .guest-upload-page h1{margin-top:0}.guest-upload-page #guest-picker{padding:var(--ui-space-4);border:1px dashed var(--ui-border-control);border-radius:var(--ui-radius-panel);margin-block:var(--ui-space-6)}
 .guest-upload-page input[type=file]{margin-top:var(--ui-space-3);max-width:100%}.guest-upload-page input::file-selector-button{min-height:44px;margin-right:var(--ui-space-3);padding:var(--ui-space-2) var(--ui-space-4);background:var(--ui-accent);color:var(--ui-accent-ink);border:0;border-radius:var(--ui-radius-control);font:inherit;cursor:pointer}
 .guest-upload-page .guest-drag-over{background:var(--ui-selected-bg)}.guest-file-list{display:grid;gap:var(--ui-space-4)}
 .guest-file{border-top:1px solid var(--ui-border);padding-top:var(--ui-space-4);min-width:0}.guest-file h2{font-size:1rem;overflow-wrap:anywhere;margin-block:0 var(--ui-space-2)}
 .guest-file p{overflow-wrap:anywhere}.guest-file progress{width:100%;height:var(--ui-space-3);accent-color:var(--ui-accent)}.guest-file-actions{display:flex;gap:var(--ui-space-3);flex-wrap:wrap;margin-top:var(--ui-space-3)}
 #guest-errors:not(:empty){color:var(--ui-danger-text);background:var(--ui-danger-bg);padding:var(--ui-space-4);border-radius:var(--ui-radius-control);margin-block:var(--ui-space-4);overflow-wrap:anywhere}
 @media(max-width:699px){.guest-share{grid-template-columns:minmax(0,1fr)}.guest-upload-page{padding:var(--ui-space-4)}.guest-file-actions button{min-height:44px}}
 /* Accessibility overrides intentionally outrank all component motion and display rules. */
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}

@layer components {

 .song-import-dialog .dialog-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 82px)}
 .song-import-dialog header{padding:0 0 var(--ui-space-4);flex:none;margin:0}
 .song-import-dialog .footer{flex:none}
 .song-import-dialog .dialog-body{padding:0;overflow:auto;min-height:0}
 .import-comparison{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--import-columns,2) - 1)*var(--ui-space-4))/var(--import-columns,2));gap:var(--ui-space-4);overflow:auto;max-height:400px;min-width:0;scrollbar-gutter:stable;align-items:stretch}
 .import-comparison section{min-width:0}.import-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:none;overflow:visible;background:var(--ui-surface-subtle);padding:var(--ui-space-3)}

}

@layer components {

 .song-import-dialog.import-review-dialog{width:min(1200px,calc(100vw - 32px))}
 .song-import-dialog.import-review-dialog.import-overview-dialog{width:min(960px,calc(100vw - 32px))}
 .import-review-dialog .dialog-frame{height:min(850px,calc(100dvh - 82px))}
 .import-review-dialog header h2{margin:0}
 .import-review-dialog .dialog-body{display:flex;flex-direction:column;overflow:hidden;gap:var(--ui-space-3)}
 .import-review-dialog .dialog-body>p{margin:0;flex:none}
 .import-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--ui-space-4);flex:none}
 .import-toolbar label{margin-top:0}
 .import-toolbar input,.import-toolbar select,.import-workbench select{width:100%;max-width:100%}
 .import-workbench{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:var(--ui-space-5);min-height:0;flex:1}
 .import-group-browser{display:flex;flex-direction:column;min-height:0;min-width:0}
 .import-workbench [data-groups]{overflow:auto;display:flex;flex-direction:column;gap:var(--ui-space-2);padding:var(--ui-space-1);min-height:0;flex:1}
 .import-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%;height:auto;min-height:88px;flex:0 0 auto;gap:var(--ui-space-1);white-space:normal;overflow-wrap:anywhere}
 .import-group>*{flex:none}.import-group span{font-size:.875rem;color:var(--ui-text-muted)}
 .import-group[aria-pressed=true]{background:var(--ui-selected-bg);border-color:var(--ui-accent)}
 .import-group .import-choice-note{color:var(--ui-text)}
 .import-pages{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);padding-top:var(--ui-space-3);flex:none;font-size:.875rem}
 .import-workbench [data-detail]{display:flex;flex-direction:column;min-width:0;overflow:auto;border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);padding:var(--ui-space-4);overflow-wrap:anywhere}
 .import-workbench [data-comparison]{display:flex;flex-direction:column;min-height:120px;flex:1}
 .import-workbench [data-comparison]>.import-comparison{flex:1;min-height:0}
 .import-workbench [data-decision],.import-detail-heading{flex:none}
 .import-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-3)}
 .import-detail-heading h3{margin:0}
 .import-decision{margin-block:var(--ui-space-3);font-size:.875rem;color:var(--ui-text-muted)}
 .import-lyrics h4{margin-block:var(--ui-space-3)}
 .import-workbench pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;padding:var(--ui-space-4);background:var(--ui-surface-subtle);border-radius:var(--ui-radius-control)}
 .import-compare{margin-top:var(--ui-space-4)}
 .import-errors{flex:none;max-height:120px;overflow:auto}
 .song-import-dialog [data-counts]{margin:0;margin-right:auto;font-size:.875rem}
 @media(max-width:699px){
  .import-review-dialog .dialog-body{display:block;overflow:auto}.import-review-dialog .dialog-body>p{margin-bottom:var(--ui-space-3)}
  .import-workbench{display:block}.import-group-browser{margin-block:var(--ui-space-4)}
  .import-workbench [data-groups]{max-height:210px;flex:none}.import-workbench [data-detail]{overflow:visible}
  .import-toolbar{grid-template-columns:minmax(0,1fr)}.song-import-dialog .footer{flex-wrap:wrap}.song-import-dialog [data-counts]{flex-basis:100%}
 }
}

@layer components {
 .import-source-list{display:flex;flex-direction:column;gap:var(--ui-space-3);max-height:min(360px,50dvh);overflow-y:auto;padding:var(--ui-space-1);scroll-padding:var(--ui-space-2)}
 .import-source-option{flex:none;width:100%;justify-content:flex-start;min-height:76px;gap:var(--ui-space-4);text-align:left;white-space:normal}
 .import-source-option img,.import-source-icon{width:48px;height:48px;object-fit:contain;flex:none}
 .import-source-icon{display:grid;place-items:center;background:var(--ui-surface-subtle);border-radius:var(--ui-radius-control)}
 .import-source-icon .ui-icon{width:28px;height:28px}
}

@layer components {
 [data-reload-state="updating"] .ui-icon{animation:ui-refresh-spin 1s linear infinite}
 @keyframes ui-refresh-spin{to{transform:rotate(360deg)}}
 @media(prefers-reduced-motion:reduce){[data-reload-state="updating"] .ui-icon{animation:none}}
}
@layer components {
 .image-preview-host{position:relative}
 .preview-load-status{position:absolute;bottom:8px;left:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font-size:.875rem}
 .preview-load-status button{min-height:36px;padding:6px 12px}
}

@layer components {
 [data-editor-scroll=content]{position:relative}
 .editor-drop-line{position:absolute;left:16px;right:16px;height:4px;border-radius:2px;background:var(--ui-accent);pointer-events:none;z-index:4}
 .editor-scroll .reorder-selected{outline:2px solid var(--ui-accent);outline-offset:-2px}
 .editor-scroll [data-schedule-row]{user-select:none;-webkit-user-select:none}
 .editor-scroll .item .name:focus-visible{outline:none}
 .editor-pointer-focus .editor-scroll [data-schedule-row] :focus-visible{outline:none}
 .editor-pointer-focus .editor-scroll .item:not(.reorder-selected):has(.name:focus-visible){outline:none}
 .editor-drag-count{position:fixed;top:8px;left:50%;z-index:1000;padding:8px 16px;border-radius:var(--ui-radius-control);background:var(--ui-accent);color:var(--ui-accent-ink);pointer-events:none;font-weight:600}
}
@layer components {
 .storage-summary-button{display:block;width:calc(180px + 2 * var(--ui-space-2) + 2px);text-align:left;border:1px solid transparent;padding:var(--ui-space-2);height:auto;min-height:44px;background:transparent;white-space:normal}
 .storage-summary-button:hover{background:var(--ui-surface-hover);border-color:var(--ui-border-control)}
 .storage-summary-button .storage-summary-copy{white-space:normal}
 .storage-summary-button small,.storage-meter small{display:block;margin-top:var(--ui-space-2)}
 .storage-summary-track,.storage-meter-track{display:block}
 .storage-low .storage-summary-track>span,.storage-low .storage-meter-track>span{background:var(--ui-warning-text)}
 .storage-warning-copy{color:var(--ui-warning-text)}
 .storage-cleanup-dialog{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
 .storage-cleanup-dialog[open]{display:flex;flex-direction:column}
 .storage-cleanup-header,.storage-cleanup-dialog>.footer{padding:var(--ui-space-5);flex-shrink:0;background:var(--ui-surface)}
 .storage-cleanup-header{border-bottom:1px solid var(--ui-border)}
 .storage-cleanup-header [data-summary]{font-size:.875rem;color:var(--ui-text-muted)}
 .storage-cleanup-content{padding:var(--ui-space-5);overflow:auto;min-height:0}
 .storage-cleanup-dialog>.footer{margin:0;border-top:1px solid var(--ui-border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2)}
 .storage-cleanup-dialog>.footer>span{margin-right:auto;font-size:.875rem}
 .storage-cleanup-dialog>[data-ui-status]{margin:var(--ui-space-2) var(--ui-space-5);max-height:100px;overflow:auto;flex-shrink:0}
 .storage-cleanup-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--ui-space-3);align-items:end}
 .storage-cleanup-filters label{margin:0}.storage-cleanup-filters label:last-child{grid-column:1/-1}
 .storage-cleanup-filters input:not([type=checkbox]),.storage-cleanup-filters select{width:100%;min-width:0}
 .storage-cleanup-page{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2);margin:var(--ui-space-4) 0;font-size:.875rem}
 .storage-cleanup-page>span{margin-right:auto}
 .storage-cleanup-row{display:grid;grid-template-columns:24px 64px minmax(0,1fr);gap:var(--ui-space-3);align-items:center;padding:var(--ui-space-3) 0;border-top:1px solid var(--ui-border)}
 .storage-cleanup-name{min-width:0;overflow-wrap:anywhere}.storage-cleanup-name>*{display:block}.storage-cleanup-name>span,.storage-cleanup-name>small{color:var(--ui-text-muted);margin-top:var(--ui-space-1);font-size:.875rem}
 .ui-switch{display:flex;align-items:center;gap:var(--ui-space-2);min-height:44px;cursor:pointer}
 .ui-switch input[role=switch]{appearance:none;flex:none;position:relative;width:40px;height:24px;min-height:0;margin:0;padding:2px;border:1px solid var(--ui-border-control);border-radius:var(--ui-radius-pill);background:var(--ui-control);cursor:pointer}
 .ui-switch input[role=switch]::before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--ui-text)}
 .ui-switch input[role=switch]:checked{background:var(--ui-accent);border-color:var(--ui-accent)}
 .ui-switch input[role=switch]:checked::before{transform:translateX(16px);background:var(--ui-accent-ink)}
 .ui-switch input[role=switch]:disabled{cursor:not-allowed;opacity:.5}
 .ui-switch>.icon{flex:none}
 .storage-cleanup-thumbnail{height:48px;display:grid;place-items:center;background:transparent}
 .storage-cleanup-thumbnail img{width:auto;height:auto;max-width:100%;max-height:48px;border-radius:var(--ui-radius-sm);object-fit:contain}
 @media(max-width:700px){.storage-cleanup-filters{grid-template-columns:1fr 1fr}.storage-cleanup-filters label:first-child{grid-column:1/-1}.storage-cleanup-row{grid-template-columns:24px minmax(0,1fr)}.storage-cleanup-thumbnail{display:none}.storage-cleanup-dialog>.footer>span{flex-basis:100%}.storage-cleanup-header,.storage-cleanup-content,.storage-cleanup-dialog>.footer{padding:var(--ui-space-4)}}
}

/* Song-import steps and accessible line comparison. */
@layer components {
 .import-steps{display:flex;flex-wrap:wrap;gap:var(--ui-space-3);list-style:none;padding:0;margin:0;flex:none;font-size:.875rem;color:var(--ui-text-muted)}
 .import-steps [aria-current=step]{color:var(--ui-accent);font-weight:700}
 .import-review-dialog [data-step-title]{margin:0;flex:none}
 .import-review-dialog .dialog-body{flex:1}
 .import-review-dialog [data-difference]{margin-block:var(--ui-space-3);font-size:.875rem;color:var(--ui-text-muted)}
 .import-review-dialog [hidden]{display:none}
 .import-diff-line{display:block;min-height:1.5em}
 .import-diff-line mark{border-radius:2px}
 .import-diff-left{background:var(--ui-danger-bg);color:var(--ui-danger-text)}
 .import-diff-right{background:var(--ui-success-bg);color:var(--ui-success-text)}
 .import-comparison pre{padding:var(--ui-space-2)}
}

/* Import and cleanup use the same bounded-dialog rhythm and quiet list surfaces. */
@layer components {

 .song-import-dialog header h2,.storage-cleanup-header h2{margin:0 0 var(--ui-space-2)}

 .song-import-dialog .footer{border-top:1px solid var(--ui-border);gap:var(--ui-space-2);flex-wrap:wrap}
 .import-file-panel{padding:var(--ui-space-5);background:var(--ui-surface-subtle);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel)}
 .import-file-panel label{font-weight:700}.import-file-panel p{color:var(--ui-text-muted)}
 .import-file-panel input{width:100%;min-width:0;max-width:100%}
 .import-file-icon{display:block;color:var(--ui-accent);margin-bottom:var(--ui-space-3)}
 .import-complete{padding-block:var(--ui-space-5);text-align:center}.import-complete>.ui-icon{color:var(--ui-accent)}
 .import-steps{gap:var(--ui-space-2)}
 .import-steps li{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-control);background:var(--ui-surface-subtle)}
 .import-steps [aria-current=step]{background:var(--ui-selected-bg);box-shadow:inset 0 -2px var(--ui-accent)}
 .import-detail-heading{flex-wrap:wrap}.import-detail-heading h3{flex:1;min-width:0}
 .import-detail-heading button{flex:none}
 .import-workbench [data-decision]{padding-block:var(--ui-space-3);border-bottom:1px solid var(--ui-border);margin-bottom:var(--ui-space-3)}
 .storage-cleanup-dialog{height:min(820px,calc(100dvh - 32px))}
 .storage-cleanup-content{flex:1}
 .storage-cleanup-filters{margin-bottom:var(--ui-space-4)}
 .storage-cleanup-filters label{min-width:0}
 .storage-cleanup-row{grid-template-columns:32px 64px minmax(0,1fr) auto;padding:var(--ui-space-3);border-radius:var(--ui-radius-control)}
 .storage-cleanup-row:has(input:not(:disabled)):hover{background:var(--ui-surface-subtle)}
 .storage-cleanup-row.is-selected{background:var(--ui-selected-bg)}
 .storage-cleanup-row input{margin:0;justify-self:center}
 .storage-cleanup-size{font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:start;padding-top:var(--ui-space-1)}
 .storage-cleanup-name>.storage-cleanup-reason{display:flex;align-items:center;gap:var(--ui-space-2)}
 .storage-cleanup-reason .ui-icon{width:16px;height:16px;flex:none}
 @media(max-width:700px){
  .storage-cleanup-row{grid-template-columns:24px minmax(0,1fr);gap:var(--ui-space-2);padding-inline:var(--ui-space-2)}
  .storage-cleanup-size{grid-column:2;padding:0}
  .song-import-dialog [data-counts]{flex-basis:100%}
 }
}

@layer components {
 .ui-action-menu{position:fixed;inset:auto;margin:0;width:220px;max-width:calc(100vw - 16px);padding:var(--ui-space-1);border:1px solid var(--ui-border-control);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);box-shadow:0 8px 24px var(--ui-backdrop)}
 .ui-action-menu:popover-open{display:grid;gap:var(--ui-space-1)}
 .ui-action-menu>button{display:flex;align-items:center;justify-content:flex-start;gap:var(--ui-space-2);width:100%;text-align:left;background:transparent;border-color:transparent}
 .ui-action-menu>button:hover{background:var(--ui-surface-hover)}
 .media-lock-indicator{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-accent);border-radius:var(--ui-radius-control);color:var(--ui-accent);background:var(--ui-selected-bg);flex:none}
}
@layer components {

 .import-overview-dialog .dialog-frame{height:auto}
 .import-overview-dialog .dialog-body{overflow:auto}
 .import-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4);margin:var(--ui-space-3) 0}
 .import-overview>div{padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:var(--ui-surface-subtle)}
 .import-overview dt{font-size:.875rem;font-weight:600}
 .import-overview dd{margin:var(--ui-space-2) 0;font-size:1.75rem;font-weight:700}
 .import-overview p{margin:0;color:var(--ui-text-muted);font-size:.875rem}
 @media(max-width:699px){.import-overview{grid-template-columns:minmax(0,1fr)}}
}
@layer components {
 .import-sequential-dialog [data-detail]{display:flex;flex-direction:column;min-height:0;flex:1}
 .import-sequential-dialog [data-detail]>h3,.import-sequential-dialog [data-detail]>p{margin:0 0 var(--ui-space-2);flex:none}
 .import-sequential-dialog [data-comparison]{display:flex;flex-direction:column;min-height:0;flex:1}
 .import-sequential-dialog .import-comparison{flex:1 1 auto;min-height:0;max-height:none}
 .import-sequential-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
 .import-keep-version{margin-bottom:var(--ui-space-3);width:100%;position:sticky;top:0;z-index:1}
 .import-keep-version[aria-pressed=true]{background:var(--ui-selected-bg);border-color:var(--ui-accent);color:var(--ui-accent)}
 .import-summary-songs{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto;flex:none}
 .import-summary-songs li{display:flex;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-3);border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
 .import-summary-songs span{color:var(--ui-text-muted);font-size:.875rem}
 @media(max-width:699px){.import-sequential-dialog:not(.import-overview-dialog) .dialog-body{display:flex;overflow:hidden}.import-summary-songs li{flex-direction:column}.import-sequential-dialog .import-comparison{min-height:100px}}
}
@layer components {
 .import-overview>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-2);padding:var(--ui-space-4);text-align:left;white-space:normal;border-radius:var(--ui-radius-panel)}
 .import-overview>button strong{font-size:1.75rem}
 .import-overview>button[aria-pressed=true]{background:var(--ui-selected-bg);border-color:var(--ui-accent)}
}
@layer components {
 .import-review-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);flex:none}
 .import-review-top .import-steps{flex:1;min-width:0}
 .import-review-top [data-progress]{margin:0;white-space:nowrap;text-align:right;font-size:.875rem}
 .import-comparison-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ui-space-3);flex:none}
 .import-comparison-toolbar .ui-switch{margin:0}
 .import-comparison-toolbar>span{color:var(--ui-text-muted);font-size:.875rem}
 .import-comparison-more{grid-auto-columns:calc((100% - 2 * var(--ui-space-4))/2.2)}
 .import-lyrics pre{display:grid}
 .import-lyrics-original,.import-lyrics-diff{grid-area:1 / 1;min-width:0}
 .import-lyrics-original{visibility:hidden}
 .import-diff-off .import-lyrics-original{visibility:visible}
 .import-diff-off .import-lyrics-diff,.import-diff-off .import-missing{visibility:hidden}
 .import-missing{margin-top:var(--ui-space-3);padding:var(--ui-space-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);color:var(--ui-text-muted);font-size:.875rem}
 .import-missing pre{margin-top:var(--ui-space-2);background:transparent}
 .import-lyrics [data-reference]{margin:0 0 var(--ui-space-2);font-size:.875rem}
 .import-footer-status{flex:1;min-width:0}
 .import-footer-status [data-decision]{margin:var(--ui-space-1) 0 0;font-size:.875rem;color:var(--ui-text-muted)}
 @media(max-width:699px){.import-review-top{align-items:flex-start}.import-footer-status{flex-basis:100%}}
}
@layer components {
 .import-sequential-dialog header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);flex-wrap:wrap}
 .import-header-total{margin:0 0 0 auto;font-size:.875rem;white-space:nowrap;text-align:right}
}
@layer components {
 .import-overview .import-total-card{grid-column:1 / -1}
 .import-overview-dialog .import-summary-songs{flex:1 1 260px;min-height:100px}
}