.media-library-open{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line,#d6e2dd);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#163a37);cursor:pointer}.media-library-open svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.media-library-open:disabled{opacity:.4;cursor:default}
.media-library .secondary{background:var(--surface,#fff);color:var(--ink,#163a37)}.media-library-item label{margin:0}.media-library-item input[type=checkbox]{width:18px;min-width:18px;min-height:18px;height:18px;padding:0}
.media-library{box-sizing:border-box;width:min(980px,calc(100vw - 28px));height:min(760px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line,#d6e2dd);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#163a37);overflow:hidden}.media-library[open]{display:flex;flex-direction:column}.media-library::backdrop{background:#102d2bb3}.media-library button,.media-library input{font:inherit}.media-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line,#d6e2dd)}.media-library h2{font-size:20px;margin:0}.media-library-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px}.media-library-tools input{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--line,#d6e2dd);border-radius:8px;background:var(--surface,#fff);color:inherit}.media-library-content{overflow:auto;flex:1;min-height:0;padding:0 20px 16px}.media-library-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.media-library-crumb{background:transparent;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:5px 0;overflow-wrap:anywhere}.media-library-crumb:not(:last-child)::after{content:' /';display:inline-block;padding-left:6px}.media-library-crumb:disabled{font-weight:700;text-decoration:none;opacity:1}.media-library-message{font-size:13px;margin:8px 0 16px}.media-library .is-error{color:#bf3b30}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-library-item{border:1px solid var(--line,#d6e2dd);border-radius:10px;min-width:0;padding:10px;display:flex;flex-direction:column;gap:8px;align-self:start}.media-library-item:has(input:checked){outline:2px solid #137a62}.media-library-item label{display:flex;align-items:flex-start;gap:8px;overflow-wrap:anywhere;cursor:pointer}.media-library-item input{flex-shrink:0;accent-color:#137a62;width:18px;height:18px;margin:1px 0}.media-library-item strong{font-size:14px}.media-library-item small{font-size:12px;opacity:.8}.media-library-item img,.media-library-item video{width:100%;height:128px;object-fit:contain;border-radius:6px;background:#71807812}.media-library-folder{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;min-height:115px;border:0;background:transparent;color:inherit;cursor:pointer;overflow-wrap:anywhere}.media-library-folder-icon{font-size:36px}.media-library-video{height:128px;border:0;border-radius:6px;background:#71807812;color:inherit;cursor:pointer}.media-library-more{margin:16px auto 0}.media-library-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line,#d6e2dd);padding:12px 20px}.media-library-footer span{margin-right:auto;font-size:13px}.media-library-note{font-size:12px;margin:0;padding:0 20px 12px}.media-library [hidden]{display:none!important}
.attachment-preview:not([hidden]){display:flex;flex-wrap:nowrap;gap:8px;max-height:150px;overflow:auto;padding:8px 14px}.queued-attachment{display:flex;align-items:center;gap:8px;flex-shrink:0;max-width:320px;border:1px solid var(--line,#d6e2dd);border-radius:8px;padding:6px}.queued-attachment>span{font-size:12px;overflow-wrap:anywhere;max-width:160px}.queued-attachment>img,.queued-attachment>video{width:80px;height:65px;object-fit:contain}.queued-attachment>audio{max-width:190px}.queued-attachment>button{flex-shrink:0;cursor:pointer}.queued-attachment>button:disabled{opacity:.4}
.media-library-footer>span{flex-basis:100%}.media-library-footer>button{white-space:normal}
@media(max-width:600px){.media-library{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.media-library-head,.media-library-tools,.media-library-footer{padding:12px}.media-library-content{padding:0 12px 12px}.media-library h2{font-size:17px}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-library-tools input{flex-basis:100%}.media-library-footer span{flex-basis:100%}.media-library-footer button{flex:1}.media-library-note{padding:0 12px 10px}.media-library-item{padding:8px}}