.mediaLibrary-library{display:flex;flex-direction:column;gap:20px;min-height:0;overflow:hidden;height:100%;flex:1}.mediaLibrary-library h2{font-size:26px;font-weight:600}[role=dialog] .mediaLibrary-library{width:min(1000px,100vw - 128px);height:72dvh}[data-dialog-resizable]>.mediaLibrary-library{width:100%;height:100%}.mediaLibrary-tools{display:flex;gap:16px;align-items:center;flex-shrink:0;padding:12px;border:0;border-radius:14px;background:var(--color-gray-700)}.mediaLibrary-tools>button:last-child{min-height:42px;padding-inline:20px;background:var(--color-primary);color:#fff;font-size:14px}.mediaLibrary-search{align-self:stretch;min-height:48px;display:flex;align-items:center;gap:12px;flex:1;min-width:180px;padding-inline:12px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.mediaLibrary-search:focus-within{background:#fff;color:var(--color-gray-700)}.mediaLibrary-search:focus-within input{color:var(--color-gray-700)}.mediaLibrary-search:focus-within input::placeholder{color:var(--color-gray-400)}.mediaLibrary-search{color:var(--color-gray-300)}.mediaLibrary-search svg{width:18px;height:18px;flex-shrink:0;color:inherit;transition:color .2s ease}.mediaLibrary-search svg path{fill:currentColor}.mediaLibrary-search input{width:100%;min-width:0;height:100%;min-height:48px;background:rgba(0,0,0,0);color:var(--color-gray-100);font-size:15px;outline:none;box-shadow:none;border:0;transition:color .2s ease}.mediaLibrary-search input::placeholder{transition:color .2s ease}.mediaLibrary-search input:focus,.mediaLibrary-search input:focus-visible{outline:none;box-shadow:none}.mediaLibrary-segment{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--color-gray-600);flex-shrink:0}.mediaLibrary-segment button{display:grid;place-items:center;min-width:38px;height:34px;padding:6px 12px;border:0;border-radius:7px;color:var(--color-gray-300);font-size:13px;transition:color .18s,background .18s}.mediaLibrary-segment button[aria-pressed=true]{background:var(--color-primary);color:#fff;box-shadow:none}.mediaLibrary-segment button:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.mediaLibrary-segment svg{width:17px;height:17px;color:inherit}.mediaLibrary-segment svg path{fill:currentColor}.mediaLibrary-card:focus-visible,.mediaLibrary-tools button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.mediaLibrary-summary{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--color-gray-300);padding-inline:4px;align-items:center;flex-wrap:wrap}.mediaLibrary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--media-thumbnail-size,230px)),1fr));gap:24px;align-content:start}.mediaLibrary-card{position:relative;text-align:left;display:flex;flex-direction:column;gap:14px;border:0;border-radius:14px;padding:10px 10px 16px;background:var(--color-gray-500);cursor:pointer;min-width:0;transition:color .2s,background .2s}.mediaLibrary-card img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:8px;background:var(--color-gray-700)}.mediaLibrary-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;padding-inline:6px}.mediaLibrary-card:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.mediaLibrary-card:hover span{color:inherit}.mediaLibrary-list{display:flex;flex-direction:column;gap:10px}.mediaLibrary-list .mediaLibrary-card{display:grid;grid-template-columns:64px minmax(0,1fr) 80px;align-items:center;padding:12px 20px 12px 12px;gap:20px}.mediaLibrary-list img{width:64px;height:48px}.mediaLibrary-list span{font-size:13px;color:var(--color-gray-300)}.mediaLibrary-detailPanel,.mediaLibrary-uploadPanel{width:min(960px,100vw - 128px);max-height:78dvh;display:flex;flex-direction:column;gap:24px;min-height:0}.mediaLibrary-detailPanel h2,.mediaLibrary-uploadPanel h2{font-size:26px;font-weight:600}.mediaLibrary-detailPanel>p,.mediaLibrary-uploadPanel>p{font-size:16px;color:var(--color-gray-200)}.mediaLibrary-uploadPanel{width:min(620px,100vw - 128px)}.mediaLibrary-drop{border:2px dashed rgba(183,122,255,.3764705882);border-radius:16px;background:linear-gradient(145deg,rgba(153,27,255,.0509803922),rgba(47,143,255,.031372549));transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.mediaLibrary-drop:focus-within,.mediaLibrary-drop:hover:not(:has(button:disabled)){border-color:var(--color-primary-light,#b77aff);background-color:rgba(153,27,255,.0941176471);box-shadow:inset 0 0 0 3px rgba(153,27,255,.0705882353)}.mediaLibrary-drop:focus-within{outline:2px solid var(--color-primary-light,#b77aff);outline-offset:-5px}@media(prefers-reduced-motion:reduce){.mediaLibrary-drop{transition:none}}.mediaLibrary-drop{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 24px;text-align:center}.mediaLibrary-drop>svg{width:32px;height:32px;color:var(--color-primary-light,#b77aff)}.mediaLibrary-drop h3{font-size:18px;font-weight:600}.mediaLibrary-drop span{color:var(--color-gray-200);font-size:16px}.mediaLibrary-dragging{border-color:var(--color-primary);background:rgba(153,27,255,.1450980392)}.mediaLibrary-uploadHint{margin-block:18px;font-size:14px;line-height:1.6;color:var(--color-gray-300)}.mediaLibrary-queue{display:flex;flex-direction:column;gap:8px}.mediaLibrary-queue li{display:flex;align-items:center;gap:16px;padding:14px;background:var(--color-gray-500);border-radius:8px;font-size:14px}.mediaLibrary-queue strong{overflow-wrap:anywhere;font-weight:500}.mediaLibrary-queue span{flex-shrink:0;color:var(--color-primary-light,#b77aff)}.mediaLibrary-uploadThumbnail{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;overflow:hidden;border-radius:8px;background:var(--color-gray-700)}.mediaLibrary-uploadThumbnail img{width:100%;height:100%;object-fit:contain}.mediaLibrary-uploadStatus{display:flex;flex-direction:column;flex:1;min-width:0;gap:6px}.mediaLibrary-uploadStatus span{font-size:12px;overflow-wrap:anywhere}.mediaLibrary-details{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}.mediaLibrary-preview{position:relative;display:grid;place-items:center;align-self:start;border-radius:14px;overflow:hidden;background:var(--color-gray-700);min-height:260px}.mediaLibrary-preview img{width:100%;max-height:420px;object-fit:contain}.mediaLibrary-fields{display:flex;flex-direction:column;gap:18px;min-width:0}.mediaLibrary-fields>p{color:var(--color-gray-200);font-size:14px;line-height:1.6}.mediaLibrary-fields dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;padding-block:16px;border-block:1px solid hsla(0,0%,100%,.0705882353);font-size:14px}.mediaLibrary-fields dl>div{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;row-gap:6px;padding-inline:12px;align-content:center;min-width:0}.mediaLibrary-fields dl>div:first-child{padding-left:0}.mediaLibrary-fields dl>div+div{border-left:1px solid var(--color-gray-400,#383838)}.mediaLibrary-fields dl dt{display:contents}.mediaLibrary-fields dl dt>span:last-child{grid-column:2;color:var(--color-gray-300);font-size:13px}.mediaLibrary-fields dl dt .mediaLibrary-detailIcon{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:36px;height:40px;color:var(--color-primary-light,#b77aff)}.mediaLibrary-fields dl dt .mediaLibrary-detailIcon svg{width:28px;height:36px;color:inherit}.mediaLibrary-fields dl dd{grid-column:2;margin:0;overflow-wrap:anywhere}.mediaLibrary-fields>button{align-self:start}.mediaLibrary-empty{padding-block:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mediaLibrary-empty>div{width:100%}.mediaLibrary-size{display:flex;align-items:center;gap:10px}.mediaLibrary-size svg{width:16px;height:16px;color:var(--color-primary-light)}.mediaLibrary-size input{width:120px;appearance:none;height:6px;border:0;border-radius:999px;background:#444;cursor:pointer}.mediaLibrary-size input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:var(--color-primary)}.mediaLibrary-size input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--color-primary)}.mediaLibrary-size input:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}.mediaLibrary-storage{margin-left:auto;display:flex;align-items:center;gap:16px}.mediaLibrary-storage progress{appearance:none;border:0;width:160px;height:6px;overflow:hidden;border-radius:999px;background:#383838}.mediaLibrary-storage progress::-webkit-progress-bar{background:#383838;border-radius:999px}.mediaLibrary-storage progress::-webkit-progress-value{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px;min-width:3px}.mediaLibrary-storage progress::-moz-progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px}.mediaLibrary-confirm{border:1px solid var(--color-gray-400);border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;gap:12px}.mediaLibrary-confirm p{width:100%}@media(max-width:900px){.mediaLibrary-tools{flex-wrap:wrap;gap:10px}.mediaLibrary-search{flex-basis:100%}.mediaLibrary-tools>button:last-child{margin-left:auto}}@media(max-width:700px){.mediaLibrary-details{grid-template-columns:minmax(0,1fr)}.mediaLibrary-summary{flex-wrap:wrap;align-items:center}.mediaLibrary-storage{flex-wrap:wrap}.mediaLibrary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--media-thumbnail-size,230px)),1fr));gap:14px}.mediaLibrary-list .mediaLibrary-card{grid-template-columns:48px minmax(0,1fr) 60px;gap:10px}.mediaLibrary-list .mediaLibrary-card img{width:48px;height:40px}.mediaLibrary-drop{padding:24px 16px}}@media(prefers-reduced-motion:reduce){.mediaLibrary-card,.mediaLibrary-search,.mediaLibrary-search input,.mediaLibrary-search input::placeholder,.mediaLibrary-search svg,.mediaLibrary-search svg path,.mediaLibrary-segment button,.mediaLibrary-segment svg path{transition:none}}.mediaLibrary-tools>button:last-child:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-700)}.mediaLibrary-location{width:200px;max-width:100%;flex-shrink:0}@media(max-width:1100px){.mediaLibrary-tools{flex-wrap:wrap}}@media(max-width:480px){.mediaLibrary-fields dl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.mediaLibrary-fields dl>div:last-child{grid-column:1/-1;border-left:0;padding-left:0}}.mediaLibrary-fileSize{font-size:13px;line-height:1.5;color:var(--color-gray-300)}.mediaLibrary-grid .mediaLibrary-fileSize{padding-inline:6px}.mediaLibrary-expandImage{position:absolute;top:12px;right:12px;background:var(--color-gray-600);color:var(--color-gray-100);box-shadow:0 2px 8px rgba(0,0,0,.2666666667)}.mediaLibrary-imageViewControls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mediaLibrary-imageViewControls span{margin-left:auto;font-size:12px;color:var(--color-gray-300)}.mediaLibrary-fullImage{width:100%;height:min(65vh,800px);overflow:auto;border-radius:12px;background:var(--color-gray-700);display:grid;place-items:center}.mediaLibrary-fullImage img{display:block;width:auto;height:auto;max-width:100%;max-height:min(65vh,800px);object-fit:contain}.mediaLibrary-fullImageActual{display:block}.mediaLibrary-fullImageActual img{max-width:none;margin:auto}.mediaLibrary-expandedPanel{height:78dvh}.mediaLibrary-expandedPanel h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaLibrary-imageViewControls button[aria-pressed=true]{background:var(--color-primary);color:#fff}.mediaLibrary-fullImage{flex:1;min-height:0}.mediaLibrary-fullImage img{width:100%;height:100%;min-height:0;max-height:100%}.mediaLibrary-fullImageActual img{width:auto;height:auto;max-height:none}.mediaLibrary-card .mediaLibrary-newBadge{position:absolute;z-index:1;inset:16px auto auto 16px;padding:5px 9px;border:0;border-radius:6px;background:var(--color-primary,#991bff);color:#fff!important;font-size:12px;font-weight:700;line-height:1.2;pointer-events:none;animation:mediaLibrary-newFade .4s ease 5s forwards}@keyframes mediaLibrary-newFade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.mediaLibrary-card .mediaLibrary-newBadge{animation:none}}.mediaLibrary-loading{display:grid;place-items:center;min-height:200px}