.mps{--mps-bg:#16171c;--mps-text:#fff;--mps-dim:#d3d5dc;--mps-mute:#9aa0ac;--mps-accent:#6a52f3;--mps-border:#ffffff1f;--mps-field:#ffffff0f;--mps-body:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090cad;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.mps__sheet{border:1px solid var(--mps-border);background:var(--mps-bg);border-radius:16px;flex-direction:column;width:min(560px,100%);max-height:min(680px,88vh);transition:transform .2s,border-color .15s;display:flex;overflow:hidden;box-shadow:0 28px 70px -24px #000c}.mps__sheet.is-drag{border-color:#7c5cf5d9}.mps__head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.mps__title{font:600 15px var(--mps-body);color:var(--mps-text)}.mps__x{width:34px;height:34px;color:var(--mps-mute);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;display:inline-grid}.mps__x:hover{color:var(--mps-text);background:#ffffff14}.mps__tools{gap:8px;padding:0 16px 10px;display:flex}.mps__search{border:1px solid var(--mps-border);background:var(--mps-field);min-width:0;color:var(--mps-mute);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.mps__search:focus-within{border-color:#6a52f399}.mps__search svg{flex:none}.mps__search input{min-width:0;height:38px;color:var(--mps-text);font:400 13.5px var(--mps-body);background:0 0;border:none;outline:none;flex:1}.mps__search input::placeholder{color:var(--mps-mute)}.mps__search input::-webkit-search-cancel-button{appearance:none}.mps__upload{background:var(--mps-accent);color:#fff;height:40px;font:600 13px var(--mps-body);cursor:pointer;border:none;border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.mps__upload:hover{filter:brightness(1.1)}.mps__upload:disabled{opacity:.6;cursor:default}.mps__upload--big{height:42px;margin-top:4px}.mps__chips{scrollbar-width:none;gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.mps__chips::-webkit-scrollbar{display:none}.mps__chip{font:500 12px var(--mps-body);color:var(--mps-mute);border:1px solid var(--mps-border);cursor:pointer;background:#ffffff0a;border-radius:999px;flex:none;padding:6px 12px}.mps__chip.is-on{color:#fff;background:#6a52f33d;border-color:#6a52f399}.mps__err{font:400 12.5px var(--mps-body);color:#ff8585;margin:0;padding:0 16px 8px}.mps__progress{gap:5px;padding:0 16px 10px;display:grid}.mps__progress-bar{background:#ffffff14;border-radius:999px;height:8px;display:block;overflow:hidden}.mps__progress-fill{background:linear-gradient(90deg,#6a52f3,#8b6cff);border-radius:999px;height:100%;transition:width .2s;display:block}.mps__progress-label{font:500 11.5px var(--mps-body);color:var(--mps-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mps__body{overscroll-behavior:contain;flex:1;min-height:120px;padding:2px 16px 12px;overflow-y:auto}.mps__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (min-width:480px){.mps__grid{grid-template-columns:repeat(4,1fr)}}.mps__tile{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.mps__thumb{aspect-ratio:1;border:1px solid var(--mps-border);background:#0006;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.mps__tile:hover .mps__thumb,.mps__tile:focus-visible .mps__thumb{border-color:#6a52f3cc;box-shadow:0 0 0 1.5px #6a52f3cc}.mps__tile:focus-visible{outline:none}.mps__thumb img,.mps__thumb video{object-fit:cover;width:100%;height:100%;display:block}.mps__audio{color:var(--mps-mute);background:#6a52f324;place-items:center;display:grid;position:absolute;inset:0}.mps__kind{font:600 8.5px var(--mps-body);letter-spacing:.4px;text-transform:uppercase;color:#fff;background:#0e0f12bf;border-radius:999px;padding:2px 6px;position:absolute;top:5px;left:5px}.mps__name{font:500 11.5px var(--mps-body);color:var(--mps-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mps__size{font:400 10.5px var(--mps-body);color:var(--mps-mute)}.mps__skel{aspect-ratio:1;background:linear-gradient(100deg,#ffffff0d 40%,#ffffff1a 50%,#ffffff0d 60%) 0 0/200% 100%;border-radius:10px;width:100%;animation:1.2s infinite mps-shimmer;display:block}@keyframes mps-shimmer{to{background-position:-200% 0}}.mps__empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:34px 12px;display:flex}.mps__empty p{font:400 13.5px var(--mps-body);color:var(--mps-dim);margin:0}.mps__hint{color:var(--mps-mute)!important;font-size:11.5px!important}.mps__foot{border-top:1px solid var(--mps-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.mps__quota{font:500 11.5px var(--mps-body);color:var(--mps-mute);align-items:center;gap:9px;min-width:0;display:flex}.mps__quota-bar{background:#ffffff14;border-radius:999px;flex:none;width:90px;height:6px;display:inline-block;overflow:hidden}.mps__quota-fill{background:var(--mps-accent);border-radius:999px;height:100%;transition:width .3s;display:block}.mps__quota-fill.is-warn{background:#ef4444}.mps__manage{font:600 12px var(--mps-body);color:#b9a8ff;flex:none;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.mps__manage:hover{color:#d3c8ff}@media (max-width:639px){.mps{align-items:flex-end;padding:0}.mps__sheet{width:100%;max-height:calc(88vh - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;border-radius:18px 18px 0 0}}