.mega-dialog{width:min(1100px,calc(100vw - 40px));padding:28px;overflow:auto}
.mega-dialog h3{margin:0;font-size:14px;font-weight:600}
.mega-dialog .dialog-heading{margin-bottom:24px}
.mega-dialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mega-share-form>label{display:block;font-size:12px;color:#b8c0cd;margin-bottom:10px}
.mega-share-input,.mega-search-input,.mega-category-select,.mega-source-category{font:inherit;font-size:12px;color:#e2e4ea;background:#101217;border:1px solid #363b47;border-radius:7px;padding:11px 12px}
.mega-share-input{width:100%;padding:13px 14px}
.mega-share-input::placeholder,.mega-search-input::placeholder{color:#657083}
.mega-share-input:focus,.mega-search-input:focus,.mega-category-select:focus,.mega-source-category:focus{outline:1px solid #c5896c;border-color:#c5896c}
.mega-help,.mega-error,.mega-success,.mega-empty{font-size:11px;line-height:1.8;margin:10px 0 0;color:#929aaa}
.mega-error{color:#efa58e}
.mega-success{color:#91c1a9}
.mega-empty{padding:18px 12px;text-align:center;border:1px dashed #363b47;border-radius:8px}
.mega-connection-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.mega-connect-category-label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9aa2b0}
.mega-connect-category-label select{min-width:145px}
.mega-sources-section{margin-top:26px;padding-top:22px;border-top:1px solid #30333b}
.mega-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.mega-section-heading>.text-button{margin-left:auto;font-size:11px}
.mega-section-actions{display:flex;align-items:center;gap:15px;margin-left:auto}
.mega-section-actions>.text-button{font-size:11px;white-space:nowrap}
.mega-view-switch{display:flex;gap:2px;padding:3px;border:1px solid #363b47;border-radius:7px;background:#15191d}
.mega-view-button{display:flex;align-items:center;justify-content:center;width:32px;height:29px;border:0;border-radius:4px;background:transparent;color:#929aaa;cursor:pointer}
.mega-view-button[aria-pressed=true]{background:#493329;color:#f0ad91}
.mega-view-button:hover{color:#f0ad91}
.mega-view-button:focus-visible,.mega-page-button:focus-visible,.mega-page-select:focus-visible{outline:2px solid #ee9879;outline-offset:2px}
.mega-count{font-size:10px;color:#9aa2b0;background:#282c34;padding:2px 7px;border-radius:5px;white-space:nowrap}
.mega-source-filters{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:14px}
.mega-missing-cover-filter{display:flex;align-items:center;gap:7px;min-height:38px;font-size:11px;color:#b8c0cd;white-space:nowrap;cursor:pointer}
.mega-missing-cover-filter input{margin:0;width:15px;height:15px;accent-color:#ed9c7d;cursor:pointer}
.mega-missing-cover-filter:has(input:disabled){opacity:.55;cursor:default}
.mega-search-control{position:relative;min-width:0}
.mega-search-control>svg{position:absolute;left:11px;top:10px;width:17px;height:17px;color:#697386;pointer-events:none}
.mega-search-input{width:100%;padding-left:36px}
.mega-sources{display:grid;gap:8px}
.mega-sources>p{grid-column:1/-1}
.mega-sources.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.mega-sources.is-list{grid-template-columns:minmax(0,1fr)}
.mega-source-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:11px;color:#929aaa}
.mega-source-pager[hidden]{display:none}
.mega-page-actions{display:flex;align-items:center;gap:7px}
.mega-page-button,.mega-page-select{font:inherit;font-size:11px;border:1px solid #3a4648;border-radius:6px;padding:7px 9px;background:#1b2226;color:#c2cbd5}
.mega-page-button{cursor:pointer;white-space:nowrap}
.mega-source-card{border:1px solid #333b43;background:#1c2225;border-radius:8px;padding:11px 12px}
.mega-source-row{display:flex;align-items:center;gap:11px}
.mega-source-row>svg{color:#8ba99b}
.mega-source-info{flex:1;min-width:0;display:grid;gap:5px}
.mega-source-title{display:flex;align-items:flex-start;gap:8px;min-width:0}
.mega-source-title>.mega-source-name{flex:1}
.mega-source-rename:focus-visible,.mega-source-rename-save:focus-visible,.mega-source-rename-cancel:focus-visible{outline:2px solid #ee9879;outline-offset:2px}
.mega-source-rename-form{min-width:0;padding:9px 0 3px;display:grid;gap:7px}
.mega-source-name-input{width:100%;min-width:0;padding:9px 10px;font:inherit;font-size:12px;border:1px solid #59626b;border-radius:6px;color:#e2e4ea;background:#101217}
.mega-source-name-input:focus{outline:1px solid #c5896c;border-color:#c5896c}
.mega-source-name-input[aria-invalid=true]{border-color:#efa58e}
.mega-source-rename-form>.mega-help,.mega-source-rename-form>.mega-error{margin:0;font-size:10px;line-height:1.6}
.mega-source-rename-form>[hidden]{display:none}
.mega-source-rename-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mega-source-rename-save,.mega-source-rename-cancel{font:inherit;font-size:10px;padding:6px 10px;border:1px solid #6a4b3e;border-radius:6px;background:#493329;color:#efb298;cursor:pointer}
.mega-source-rename-save:hover{background:#614131;border-color:#ad775c}
.mega-source-rename-cancel{background:#22282e;border-color:#3e4851;color:#bbc3cd}
.mega-source-rename-cancel:hover{background:#303840}
.mega-source-name{min-width:0;overflow-wrap:anywhere;font-size:12px;color:#c5ced6}
.mega-source-usage{font-size:10px;line-height:1.4;color:#929aaa}
.mega-source-cover-preview{position:relative;flex-shrink:0;overflow:hidden;border-radius:6px;background:#10171a}
.mega-source-picture{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:100%;min-height:72px;color:#5c7177;font-size:10px}
.mega-source-picture>svg{width:35px;height:35px}
.mega-source-picture>img{display:block;width:100%;height:100%;object-fit:contain}
.mega-source-cover-state{position:absolute;bottom:7px;left:7px;font-size:10px;line-height:1.4;padding:3px 6px;border:1px solid #465155;border-radius:4px;background:#142024ed;color:#a9b8bd}
.mega-source-cover-state.is-selected{color:#afe0c6;border-color:#496b59;background:#183226ed}
.mega-source-r2{font-size:10px;line-height:1.4;color:#9ca6b5}
.mega-source-r2.is-ready{color:#91c1a9}
.mega-source-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}
.mega-source-rename,.mega-source-cover{font:inherit;font-size:10px;white-space:nowrap;padding:7px 8px;color:#eab49d;border:1px solid #6a4b3e;border-radius:6px;background:#33271f;cursor:pointer}
.mega-source-rename:hover,.mega-source-cover:hover{background:#493326;border-color:#ad775c}
.mega-source-upload{font:inherit;font-size:10px;white-space:nowrap;padding:7px 8px;color:#eab49d;border:1px solid #6a4b3e;border-radius:6px;background:#33271f;cursor:pointer}
.mega-source-upload:hover{background:#493326;border-color:#ad775c}
.mega-source-upload:focus-visible{outline:2px solid #ee9879;outline-offset:2px}
.mega-source-upload-progress{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #3c4549}
.mega-source-upload-progress progress{width:100%;height:7px;accent-color:#ed9c7d}
.mega-source-upload-progress .mega-help,.mega-source-upload-progress .mega-error{margin:0}
.mega-source-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mega-source-upload-actions .text-button{font-size:11px}
.mega-source-cover:focus-visible,.mega-cover-target:focus-visible{outline:2px solid #ee9879;outline-offset:2px}
.mega-cover-targets{margin-top:12px;padding-top:12px;border-top:1px solid #3c4549}
.mega-cover-targets h4{margin:0 0 10px;font-size:12px;color:#d4d9df}
.mega-cover-target-list{display:grid;gap:7px;max-height:280px;overflow:auto;margin-bottom:8px}
.mega-cover-target{display:grid;gap:5px;text-align:left;font:inherit;padding:10px 12px;border:1px solid #39454a;border-radius:7px;background:#151d20;color:#d6dce4;cursor:pointer;overflow-wrap:anywhere}
.mega-cover-target:hover{border-color:#c5896c;background:#2a2725}
.mega-cover-target strong{font-size:12px;font-weight:600}.mega-cover-target span{font-size:11px;color:#9aa6b6}
.mega-source-category{font-size:10px;padding:7px 8px;width:118px;background:#151b1e;border-color:#35433f;color:#a6bdb0}
.mega-source-open,.mega-source-delete{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #3a4648;border-radius:6px;background:#222c2e;color:#a9c4bb;padding:7px 8px;font-size:10px;text-decoration:none;white-space:nowrap;cursor:pointer}
.mega-source-open>svg,.mega-source-delete>svg{width:15px;height:15px}
.mega-source-open:hover{background:#303e40;border-color:#6d8b82}
.mega-source-delete{color:#d2998b;border-color:#564039;background:#2a2220}
.mega-source-delete:hover{background:#42302c;border-color:#95675b}
.mega-source-open:focus-visible,.mega-source-delete:focus-visible{outline:2px solid #ee9879;outline-offset:2px}
.mega-delete-confirm{margin-top:12px;padding-top:12px;border-top:1px solid #3c4549;color:#e4d6d1}
.mega-delete-confirm strong{display:block;font-size:12px;overflow-wrap:anywhere}
.mega-delete-confirm p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#a8abae}
.mega-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.mega-delete-actions .secondary-button,.mega-danger-button{font-size:11px;padding:8px 12px}
.mega-danger-button{border:1px solid #bb7765;border-radius:7px;background:#945e4f;color:#fff0e9;font-weight:600;cursor:pointer}
.mega-danger-button:hover{background:#a76a58}
.mega-dialog button:disabled,.mega-dialog input:disabled,.mega-dialog select:disabled{opacity:.45;cursor:default}
.is-grid .mega-source-card{padding:0;overflow:hidden}
.is-grid .mega-source-row{display:grid;gap:0}
.is-grid .mega-source-cover-preview{width:100%;aspect-ratio:4/3;border-radius:7px 7px 0 0}
.is-grid .mega-source-info{padding:12px 12px 10px;gap:6px}
.is-grid .mega-source-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:36px;line-height:1.5;font-weight:600}
.is-grid .mega-source-tools{padding:0 12px 12px;gap:7px;flex-wrap:wrap}
.is-grid .mega-source-category{flex:1 1 100%;min-width:105px;max-width:none}
.is-grid .mega-source-card>.mega-source-upload-progress,.is-grid .mega-source-card>.mega-cover-targets,.is-grid .mega-source-card>.mega-delete-confirm{margin:0 12px 12px}
.is-grid .mega-source-card>.mega-help{margin:0 12px 12px}
.is-list .mega-source-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:13px}
.is-list .mega-source-cover-preview{width:88px;height:88px}
.is-list .mega-source-cover-state{bottom:3px;left:3px;right:3px;padding:2px;font-size:9px;text-align:center}
.is-list .mega-source-tools{flex-wrap:wrap;justify-content:flex-end;max-width:440px}
@media(max-width:950px){.mega-sources.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-list .mega-source-row{grid-template-columns:76px minmax(0,1fr)}.is-list .mega-source-cover-preview{grid-row:1/3;width:76px;height:86px}.is-list .mega-source-tools{grid-column:2;justify-content:flex-start;max-width:none}.mega-source-tools{flex-wrap:wrap}}
@media(max-width:650px){.mega-dialog{padding:22px}.mega-dialog .primary-button,.mega-dialog .secondary-button{font-size:11px}.mega-source-name{font-size:11px}.mega-source-row{flex-wrap:wrap}.mega-source-info{flex-basis:calc(100% - 32px)}.mega-source-tools{width:100%;padding-left:31px}.mega-source-category{flex:1;max-width:210px}.mega-source-filters{grid-template-columns:125px minmax(0,1fr)}.mega-missing-cover-filter{grid-column:1/-1;min-height:24px}}
@media(max-width:620px){.mega-dialog{width:calc(100vw - 24px);padding:18px}.mega-sources.is-grid{grid-template-columns:minmax(0,1fr)}.mega-section-heading{flex-wrap:wrap}.mega-section-actions{gap:10px}.mega-source-pager{flex-wrap:wrap}.mega-page-actions{margin-left:auto}.is-list .mega-source-tools{padding-left:0}.is-grid .mega-source-tools{width:auto}.is-grid .mega-source-cover-preview{aspect-ratio:16/10}.mega-source-filters{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:400px){.mega-source-filters{grid-template-columns:1fr}.mega-source-tools{padding-left:0}.mega-dialog{padding:16px}.mega-section-actions{width:100%;justify-content:space-between}.mega-page-actions{gap:5px}.mega-page-button,.mega-page-select{padding:6px}}
