.media-library{--library-line:#dce6e2;width:min(1120px,calc(100vw - 40px));max-width:1120px!important;height:min(820px,90dvh);max-height:90dvh;padding:0;border:1px solid #cad9d2;border-radius:16px;overflow:hidden;color:#293e37;background:#f6f9f7;box-shadow:0 24px 90px #092a3b30}.media-library::backdrop{background:#102c2f68;backdrop-filter:blur(4px)}.library-shell{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0}.library-sidebar{background:#edf3ef;border-right:1px solid var(--library-line);padding:24px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}.library-identity{display:flex;align-items:center;gap:10px;padding:0 5px 22px;overflow:hidden}.library-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#d6e7df;color:#1c6b59;font-size:14px;font-weight:750}.library-identity strong{display:block;font-size:14px;overflow-wrap:anywhere}.library-identity small{display:block;font-size:11px;color:#71877c;line-height:1.5;margin-top:3px}.library-nav{display:flex;align-items:center;gap:9px;padding:11px 10px;text-align:left;font-size:12px;font-weight:550;border-radius:8px;background:transparent;color:#526c5f;min-height:40px}.library-nav:hover{background:#e0eae4}.library-nav.active,.library-nav[aria-pressed=true]{background:#d9e9e0;color:#176451}.library-nav:disabled{opacity:.5;cursor:default}.library-icon{display:inline-flex;flex:none;width:21px;height:21px}.library-icon svg{width:100%;height:100%}.library-side-rule{height:1px;background:var(--library-line);margin:12px 6px}.library-private-note{margin:auto 7px 0;padding-top:24px;font-size:11px;line-height:1.65;color:#7b9084}.library-main{display:flex;flex-direction:column;min-width:0;min-height:0}.library-header{display:grid;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:16px;padding:19px 20px 15px;background:#fff;border-bottom:1px solid var(--library-line);flex:none}.library-heading h2{margin:0;font-size:21px;letter-spacing:-.5px}.library-heading p{margin:4px 0 0;font-size:12px;color:#809086;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-tabs{display:flex;gap:2px;padding:3px;border:1px solid #dbe6df;border-radius:9px;background:#f1f5f2}.library-tab{font-size:12px;padding:7px 12px;min-height:31px;background:transparent;border-radius:6px;color:#687c70}.library-tab[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #233b3717;color:#185e4e;font-weight:650}.library-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.library-select-button{background:transparent;color:#2a765e;font-size:12px;font-weight:600;padding:9px 2px}.library-header-actions .icon-button{width:32px;height:32px;font-size:25px}.library-filters{display:flex;gap:9px;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid var(--library-line)}.library-filters input,.library-filters select{font:inherit;color:#476154;background:#f6f9f7;border:1px solid #dce7df;border-radius:8px;min-height:37px;padding:8px 10px;font-size:12px;min-width:0}.library-filters input{flex:1;width:100%;}.library-filters select{max-width:160px}.library-status{margin:0;padding:10px 20px;background:#eaf2ed;color:#5d7667;font-size:12px;line-height:1.6;flex:none}.library-status button{margin-left:10px;padding:4px 8px;min-height:28px;font-size:12px}.library-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 18px 18px}.library-period h3{font-size:13px;font-weight:650;margin:0;padding:20px 2px 12px;color:#526f5d;letter-spacing:.05px}.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.library-tile{position:relative;display:block;width:100%;aspect-ratio:1;min-width:0;border-radius:5px;padding:0;overflow:hidden;background:#e7eeea;color:#fff;border:0;text-align:left;isolation:isolate;cursor:pointer}.library-tile:hover{outline:2px solid #448872;outline-offset:1px;z-index:1}.library-visual{position:absolute;inset:0;background:#e4ede7}.library-visual img{display:block;object-fit:cover;width:100%;height:100%;margin:0;max-height:none;max-width:none}.library-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;gap:10px;color:#81a08e;background:linear-gradient(145deg,#eef4ef,#d9e7df)}.library-placeholder .library-icon{width:34px;height:34px}.library-placeholder>span:last-child:not(.library-icon){font-size:10px;text-align:center;max-width:85%;line-height:1.4}.library-tile-meta{position:absolute;inset:auto 0 0;padding:27px 9px 8px;background:linear-gradient(transparent,#132f25ba);display:flex;flex-direction:column;gap:2px;min-width:0;pointer-events:none}.library-tile-meta small{font-size:10px;color:#d4e2da;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-tile-meta>span{font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-kind{position:absolute;top:8px;left:7px;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:650;background:#183e3290;color:white;line-height:1.5}.library-kind:empty,.library-star:empty{display:none}.library-star{position:absolute;right:7px;bottom:8px;color:#fbeabe;font-size:13px;text-shadow:0 1px 3px #123a}.library-check{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#153d4260;z-index:2;box-shadow:0 1px 6px #102c2930;color:white;font-weight:700;font-size:13px}.media-library .selected{outline:3px solid #249773;outline-offset:-3px}.media-library .selected .library-check{background:#148264}.library-selection{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #cbded2;background:#e2efe7;flex:none}.library-selection strong{font-size:12px;margin-right:auto}.library-selection .secondary-button{font-size:11px;min-height:32px;padding:6px 8px;background:#f8fbf9;white-space:nowrap}.library-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--library-line);background:#eef4f0;flex:none}.library-summary{font-size:11px;color:#799181;line-height:1.5}.library-all-link{background:transparent;font-size:12px;color:#187453;font-weight:600;padding:7px}.library-footer .primary-button{min-height:34px;padding:7px 18px;border-radius:7px;font-size:12px;width:auto}.library-list{display:flex;flex-direction:column;gap:6px}.library-list-item{display:flex;gap:14px;align-items:center;min-height:82px;width:100%;position:relative;text-align:left;padding:13px;border:1px solid #e0e8e2;border-radius:9px;background:#fff;text-decoration:none;color:inherit}.library-list-item:hover{border-color:#7cb79c;background:#fbfdfb}.library-list-item .library-visual{position:relative;inset:auto;flex:none;width:48px;height:54px;border-radius:7px;overflow:hidden}.library-list-item .library-placeholder .library-icon{width:25px;height:25px}.library-list-copy{display:flex;min-width:0;flex-direction:column;gap:4px;padding-right:22px}.library-list-copy strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.library-list-copy>span{font-size:12px;color:#708477;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-list-copy small{font-size:10px;color:#91a196}.library-list-item .library-star{color:#bd9a41}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;padding:35px;color:#8ca494}.library-empty>.library-icon{width:48px;height:48px;color:#a2beb0;margin-bottom:15px}.library-empty h3{font-size:17px;color:#557362;margin:4px 0 10px;font-weight:600}.library-empty p{font-size:13px;line-height:1.7;max-width:340px;margin:0}.library-more{text-align:center;font-size:11px;color:#718a7a;padding:15px 0}.library-more:empty{padding:0}.media-library button:focus-visible,.media-library a:focus-visible{outline:3px solid #3e9f7e;outline-offset:2px}.media-library [hidden]{display:none!important}.media-viewer .provider-mark{text-align:center;font-size:12px;color:#71927e}
@media(max-width:1000px){.library-shell{grid-template-columns:165px minmax(0,1fr)}.library-header{grid-template-columns:1fr auto;gap:10px}.library-tabs{grid-row:2;grid-column:1/-1;justify-self:center}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-header-actions{grid-row:1;grid-column:2}.library-sidebar{padding:20px 9px}.library-nav{font-size:11px}.library-header{padding-bottom:12px}}
@media(max-width:700px){dialog.media-library{width:calc(100vw - 16px);max-width:calc(100vw - 16px)!important;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.library-shell{display:flex;flex-direction:column}.library-sidebar{display:flex;flex-direction:row;align-items:center;padding:7px 9px;gap:5px;border-right:0;border-bottom:1px solid var(--library-line);order:0;flex:none}.library-identity,.library-private-note,.library-side-rule,.library-sidebar>.library-nav:nth-last-of-type(-n+2){display:none}.library-nav{font-size:11px;padding:8px;min-height:32px;gap:5px}.library-nav .library-icon{width:15px;height:15px}.library-main{flex:1}.library-header{padding:12px;gap:10px}.library-heading h2{font-size:20px}.library-heading p{font-size:11px;max-width:190px}.library-tabs{grid-column:1/-1;justify-self:stretch;justify-content:center}.library-tab{flex:1;padding:6px}.library-header-actions{gap:10px}.library-select-button{font-size:12px}.library-filters{flex-wrap:wrap;padding:10px 12px;gap:7px}.library-filters input{flex:1 1 100%;font-size:16px;min-height:38px}.library-filters select{flex:1;max-width:none;font-size:12px}.library-scroll{padding:0 9px 12px;scrollbar-gutter:auto}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.library-period h3{font-size:12px;padding:15px 2px 9px}.library-tile-meta{padding:20px 6px 6px}.library-tile-meta small{font-size:9px}.library-tile-meta>span{font-size:10px}.library-kind{top:5px;left:4px;font-size:9px}.library-footer{padding:10px 12px;gap:8px;flex-wrap:wrap}.library-summary{flex:1;font-size:10px}.library-all-link{order:3;flex-basis:100%;font-size:11px;padding:3px}.library-footer .primary-button{font-size:12px;min-height:32px;padding:6px 14px}.library-selection{padding:9px 12px;gap:5px}.library-selection strong{flex-basis:100%;padding-bottom:3px}.library-selection .secondary-button{font-size:10px;min-height:30px;padding:5px 7px}.library-status{padding:8px 12px;font-size:11px}.library-list-item{padding:10px;gap:10px}.library-list-copy strong{font-size:12px}.library-list-copy>span{font-size:11px}.library-list-copy small{font-size:10px}}

.library-provider{position:absolute;top:8px;right:7px;max-width:85px;height:auto;font-size:9px;background:#173d3380;color:#fff;border-radius:3px;padding:2px;pointer-events:none}.is-selecting .library-provider{top:34px}.media-viewer img.provider-mark{width:130px;max-width:130px;margin:12px auto;display:block}
