.asset-library-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;border:1px solid #444;border-radius:16px;background:#191919;color:#eee;overflow:hidden}.asset-library-dialog[open]{display:flex;flex-direction:column;gap:14px}.asset-library-dialog::backdrop{background:#000a}.asset-library-dialog header,.asset-library-dialog footer,.asset-library-toolbar,.persona-heading{display:flex;align-items:center;gap:12px}.asset-library-dialog header h2,.persona-heading h2{margin:0;flex:1}.asset-library-dialog header button{min-width:36px;min-height:36px}.asset-library-toolbar{flex-wrap:wrap}.asset-library-toolbar input[type=search]{flex:1;min-width:140px}.asset-library-dialog input,.asset-library-dialog textarea,.asset-library-dialog select{color:inherit;background:#111;border:1px solid #444;border-radius:7px;padding:9px;min-width:0}.asset-library-dialog button,.asset-select-button{color:inherit;background:#262626;border:1px solid #444;border-radius:8px;padding:8px 12px;cursor:pointer}.asset-library-dialog button:focus-visible,.asset-select-button:focus-visible{outline:2px solid #ddd;outline-offset:2px}.asset-library-dialog button:disabled{opacity:.5;cursor:wait}.asset-library-dialog [role=status],.asset-library-dialog [role=alert]{margin:0;font-size:13px}.asset-image-grid,.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;overflow:auto;min-height:0;align-content:start}.asset-image-card{min-width:0;overflow:hidden;padding:0!important;display:flex;flex-direction:column;text-align:left}.asset-image-card[aria-pressed=true]{outline:2px solid #eee;outline-offset:-2px}.asset-image-card img{display:block;width:100%;aspect-ratio:10/7;object-fit:contain;background:#111;min-height:0}.asset-image-card span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;font-size:12px}.asset-select-button{display:flex;align-items:center;gap:10px;max-width:100%;text-align:left}.asset-select-button img{width:64px;height:48px;object-fit:contain}.asset-select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-body{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:16px}.persona-body label{display:flex;flex-direction:column;gap:6px}.persona-body h3{margin:8px 0}.persona-image{position:relative;min-width:0}.persona-image>button[data-remove]{position:absolute;right:4px;top:4px;background:#111d}.persona-add{min-height:140px;font-size:24px}.persona-add small{font-size:13px;display:block}.persona-card{background:#1c1c1c;border:1px solid #444;border-radius:12px;overflow:hidden}.persona-card img{width:100%;height:160px;object-fit:contain;background:#111}.persona-card>div{padding:12px}.persona-card h3{margin:0 0 6px}.persona-card p{color:#aaa;margin:6px 0}.persona-page,.uploaded-directories{display:flex;flex-direction:column;gap:16px}.music-directory-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0}.music-directory-card{display:flex;gap:14px;align-items:center;background:#202020;border:1px solid #444;padding:14px;border-radius:10px}.music-directory-card>div{flex:1;min-width:0}.music-directory-card strong{display:block;overflow-wrap:anywhere}.music-directory-card small{color:#aaa}.directory-song{padding:12px;border-bottom:1px solid #444}.directory-song audio{width:100%;height:34px;margin-top:8px}.directory-song pre{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:12px}.ms-font-field{display:flex;gap:8px;align-items:center;margin:8px 0}.ms-font-field select{min-width:0;flex:1}.asset-empty{padding:20px;color:#aaa}.asset-library-dialog footer{justify-content:flex-end}.ms-directory-actions{display:flex;gap:8px}.ms-directory-actions button{flex:1}@media(max-width:600px){.asset-library-dialog{padding:12px}.music-directory-card{flex-wrap:wrap}}

.cover-asset-thumbnail{width:100%;height:112px;object-fit:contain;border-radius:8px;background:#121212}

.asset-library-dialog>.uploaded-directories{min-height:0;overflow:hidden}

.directory-manager{height:min(760px,calc(100dvh - 32px))}.directory-manager>.music-directory-list{flex:1}.directory-manager>footer{font-size:13px;color:#bbb;justify-content:flex-start;overflow-wrap:anywhere}.directory-tabs{display:flex;gap:8px}.directory-tabs [aria-pressed=true]{background:#eee;color:#161616}.directory-file{display:flex;align-items:center;gap:12px;margin:6px 0;min-width:0}.directory-file>span{flex:1;min-width:0;overflow-wrap:anywhere}.directory-file>button{flex-shrink:0}.directory-song-heading{display:flex;gap:12px;justify-content:space-between}.directory-song-heading small{color:#aaa}.directory-manager [role=alert]{color:#ffb8b8}.directory-manager .asset-library-toolbar label{display:flex;gap:8px;align-items:center}.legacy-material-plans{margin-top:24px}.legacy-material-plans>summary{cursor:pointer;padding:12px}.directory-file input[type=checkbox]{width:18px;height:18px;flex-shrink:0}

/* Four categories share one material store; the content area owns its scrolling. */
.material-browser{padding:0!important;display:flex;flex-direction:column;height:max(420px,calc(100dvh - 240px));min-height:0;overflow:hidden}
.material-browser [hidden],.material-preview [hidden]{display:none!important}
.material-tabs{display:flex;flex-shrink:0;gap:4px;padding:8px 16px 0;border-bottom:1px solid #383838;overflow-x:auto}
.material-tabs [role=tab]{height:44px;flex-shrink:0;padding:0 18px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#aaa;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.material-tabs [role=tab][aria-selected=true]{color:#fff;border-bottom-color:#eee;background:#ffffff05}
.material-tabs [role=tab] span{font-size:11px;color:#aaa}.material-tabs [role=tab] span:empty{display:none}
.material-browser button:focus-visible,.material-browser a:focus-visible{outline:2px solid #ddd;outline-offset:-2px}
.material-assets{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.material-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
.material-toolbar input[type=search]{flex:1;min-width:140px;max-width:380px;height:36px;background:#171717;color:#eee;border:1px solid #444;border-radius:7px;padding:0 12px}
.material-toolbar [data-results]{font-size:12px;color:#aaa;margin-right:auto}
.material-status{margin:0;color:#bbb;font-size:12px;overflow-wrap:anywhere}.material-status:empty{display:none}
.material-visual-grid{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:12px;overflow:auto;min-height:0;align-content:start;padding:2px}
.material-asset-card{min-width:0;border:1px solid #3c3c3c;background:#1b1b1b;border-radius:10px;overflow:hidden}
.material-asset-preview{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;background:#101010;color:#aaa;cursor:pointer;overflow:hidden}
.material-asset-preview:disabled{cursor:default}
.material-asset-preview img,.material-asset-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background:#101010}
.material-asset-preview .media-card-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:12px}
.material-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0009;color:white}
.material-asset-info{padding:10px}.material-asset-info strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;color:#eee;font-weight:500}
.material-asset-info>div{display:flex;align-items:center;gap:6px;justify-content:space-between}.material-asset-info small{font-size:10px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-asset-info a{font-size:12px;color:#ddd;flex-shrink:0}
.material-audio-list{display:flex;flex-direction:column;overflow:auto;min-height:0;gap:8px;padding:2px}
.material-audio-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(260px,380px) auto;gap:16px;align-items:center;padding:12px;border:1px solid #3c3c3c;border-radius:8px;background:#1b1b1b}
.material-audio-row>div{min-width:0}.material-audio-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#eee;font-weight:500}.material-audio-row small{display:block;font-size:11px;color:#aaa;margin-top:6px}.material-audio-row audio{width:100%;height:36px;color-scheme:dark}
.material-directories{overflow:auto;min-height:0;flex:1;padding:16px}.material-directories>.uploaded-directories{border:0;padding:0}.material-directories .music-directory-list{overflow:visible}.material-directories .legacy-material-plans{border-top:1px solid #383838}
.material-preview{height:min(760px,calc(100dvh - 32px))}.material-preview header h2{font-size:16px;min-width:0;overflow-wrap:anywhere}.material-preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#101010;border-radius:8px}.material-preview-stage img,.material-preview-stage video{display:block;width:100%;height:100%;object-fit:contain}.material-preview footer{flex-wrap:wrap;justify-content:space-between;font-size:12px;color:#aaa}
@media(max-width:900px){.material-audio-row{grid-template-columns:minmax(0,1fr) auto}.material-audio-row audio{grid-row:2;grid-column:1/-1}.material-tabs [role=tab]{padding:0 12px}.material-toolbar{gap:8px}}
@media(max-width:600px){.material-assets,.material-directories{padding:12px}.material-tabs{padding-left:6px;padding-right:6px}.material-toolbar input[type=search]{max-width:none;flex-basis:100%}.material-visual-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}}

.material-asset-card{position:relative}.material-asset-card.is-selected{border-color:#ddd;box-shadow:inset 0 0 0 1px #ddd}.material-select{position:absolute;z-index:3;top:6px;right:6px;width:32px;height:32px;border-radius:6px;background:#111c;display:grid;place-items:center;cursor:pointer}.material-select input,.material-selection-bar input{width:18px;height:18px;accent-color:#ddd;cursor:pointer}.material-selection-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-height:36px;flex-shrink:0;font-size:12px;color:#ccc}.material-selection-bar label{display:flex;gap:8px;align-items:center;cursor:pointer}.material-selection-bar [data-selected-count]{margin-right:auto}.material-inline-action{border:0;background:transparent;color:#ddd;font:inherit;font-size:12px;padding:0;cursor:pointer;flex-shrink:0}.material-inline-action:hover{text-decoration:underline}.image-management-dialog{width:min(680px,calc(100vw - 32px))}.image-management-dialog [role=alert]{color:#ffb8b8}.image-management-list{min-height:0;overflow:auto;max-height:50dvh;border-top:1px solid #444}.image-management-list article{padding:12px 0;border-bottom:1px solid #383838;overflow-wrap:anywhere}.image-management-list strong{font-size:14px;display:block}.image-management-list small{display:block;color:#aaa;margin-top:4px}.image-management-list ul{margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.7;color:#ccc}.image-management-dialog [data-confirm]:not(:disabled){background:#eee;color:#171717}

.material-audio-select input{width:18px;height:18px;accent-color:#ddd}.material-audio-row.is-selected{outline:1px solid #aaa;background:#303030}.material-audio-row{grid-template-columns:24px minmax(120px,1fr) minmax(180px,2fr) auto auto}@media(max-width:900px){.material-audio-row{grid-template-columns:24px minmax(0,1fr) auto auto}.material-audio-row audio{grid-column:2/-1;width:100%}}


.material-pages{margin:0;flex-shrink:0}