.mpv-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 0}.mpv-modal__backdrop{position:absolute;inset:0;background:var(--modal-scrim);-webkit-backdrop-filter:var(--modal-scrim-blur);backdrop-filter:var(--modal-scrim-blur);animation:mpv-scrim-in .18s ease both}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.mpv-modal__backdrop{background:rgba(0,0,0,.6)}}.mpv-modal__content{position:relative;max-width:880px;max-height:calc(var(--stage-h) - 2rem);width:calc(100% - 2rem);margin:auto;padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--glass-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--r-sm);border:1px solid var(--glass-edge);box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 1px 0 hsla(0,0%,100%,.12);color:var(--ink);animation:mpv-pop-in .2s cubic-bezier(.2,.7,.2,1) both}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.mpv-modal__content{background:var(--panel);border:none;box-shadow:var(--card-shadow)}}.mpv-modal__close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:none;border-radius:999px;color:#fff;cursor:pointer;transition:background .15s ease;padding:0;z-index:2}.mpv-modal__close-x:hover{background:rgba(0,0,0,.55)}.mpv-modal__close-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mpv-photo,.mpv-video{width:100%;max-height:70vh;object-fit:contain;border-radius:var(--r-sm);display:block;background:#000}.mpv-video{cursor:pointer}.mpv-controls{display:flex;align-items:center;gap:10px;color:var(--ink-dim)}.mpv-btn{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:none;border-radius:9px;color:var(--ink-dim);cursor:pointer;padding:0;flex:none;transition:background .15s ease,color .15s ease}.mpv-btn:hover{background:var(--accent-soft);color:var(--ink)}.mpv-btn svg{display:block;filter:var(--icon-fx)}.mpv-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.mpv-vol{width:72px;flex:none}.mpv-seek,.mpv-vol{height:34px;cursor:pointer;accent-color:currentColor;background:transparent}.mpv-seek{flex:1 1;min-width:80px}.mpv-time{font:12px/1 var(--mono,ui-monospace,monospace);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-dim);white-space:nowrap;flex:none}@keyframes mpv-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes mpv-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mpv-modal__backdrop,.mpv-modal__content{animation:none}}@media (max-width:680px){.mpv-modal__content{padding:16px;gap:10px}.mpv-vol{width:56px}}.media-page{min-height:var(--stage-h);padding-top:3rem;padding-right:1.5rem;padding-bottom:3rem}.media-container{width:100%;max-width:1040px;margin:0 auto;padding:0 .5rem;display:flex;flex-direction:column;gap:1.5rem}.media-header>*+*{margin-top:.375rem}.media-gate{padding:3rem 1rem;text-align:center}.media-lib{gap:1.25rem}.media-lib,.media-usage{display:flex;flex-direction:column}.media-usage{gap:.5rem}.media-usage__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.media-usage__count{font-size:.8125rem;color:hsla(0,0%,100%,.6)}.media-usage__upgrade{color:#818cf8;text-decoration:none;font-weight:600}.media-usage__upgrade:hover{text-decoration:underline}.media-usage__bar{height:6px;border-radius:100px;background:hsla(0,0%,100%,.06);overflow:hidden}.media-usage__fill{height:100%;border-radius:100px;background:linear-gradient(90deg,rgba(129,140,248,.7),rgba(129,140,248,.95));transition:width .3s ease}.media-usage__fill--full{background:linear-gradient(90deg,rgba(245,158,11,.7),rgba(239,68,68,.85))}.media-dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;border:1.5px dashed hsla(0,0%,100%,.14);border-radius:14px;background:hsla(0,0%,100%,.02);color:hsla(0,0%,100%,.7);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.media-dropzone:hover{border-color:rgba(129,140,248,.35);background:rgba(129,140,248,.04)}.media-dropzone:focus-visible{outline:none;border-color:rgba(129,140,248,.5);box-shadow:0 0 0 3px rgba(129,140,248,.18)}.media-dropzone--active{border-color:rgba(129,140,248,.6);border-style:solid;background:rgba(129,140,248,.08)}.media-dropzone--disabled{cursor:not-allowed;opacity:.7}.media-dropzone--disabled,.media-dropzone--disabled:hover{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.015)}.media-dropzone__icon{color:rgba(129,140,248,.85);margin-bottom:.25rem}.media-dropzone--disabled .media-dropzone__icon{color:hsla(0,0%,100%,.3)}.media-dropzone__title{font-size:.9375rem;font-weight:600;color:hsla(0,0%,100%,.85)}.media-dropzone__hint{font-size:.75rem;color:hsla(0,0%,100%,.4);max-width:460px}.media-dropzone__hint--slots{color:rgba(129,140,248,.75);font-weight:500}.media-dropzone__btn{margin-top:.75rem}.media-failures{display:flex;flex-direction:column;gap:.5rem}.media-failure{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);color:#f87171;font-size:.8125rem}.media-failure svg{flex-shrink:0;margin-top:1px}.media-failure__msg{flex:1 1;min-width:0;line-height:1.4}.media-failure__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px;border:none;background:none;color:inherit;opacity:.7;cursor:pointer;border-radius:4px}.media-failure__dismiss:hover{opacity:1;background:rgba(239,68,68,.12)}.media-state{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-align:center;padding:3rem 1rem;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;background:hsla(0,0%,100%,.015)}.media-state--error{border-color:rgba(239,68,68,.18);background:rgba(239,68,68,.05)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.875rem;gap:.875rem}.media-card{position:relative;border-radius:12px}.media-card--draggable{cursor:-webkit-grab;cursor:grab}.media-card--draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.media-card--dragging{opacity:.4}.media-card--over .media-card__frame{outline:2px solid rgba(129,140,248,.7);outline-offset:2px}.media-card__frame{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07)}.media-card__media{width:100%;height:100%;object-fit:cover;display:block}.media-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.25)}.media-card--error .media-card__frame{border-color:rgba(239,68,68,.4)}.media-card__badge{bottom:6px;left:6px;display:inline-flex;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-card__badge,.media-card__thumb-spinner{position:absolute;align-items:center;justify-content:center;pointer-events:none}.media-card__thumb-spinner{inset:0;display:flex;background:hsla(0,0%,100%,.04)}.media-card__spinner{width:22px;height:22px;border:2px solid hsla(0,0%,100%,.25);border-top-color:#818cf8;border-radius:50%;animation:media-spin .7s linear infinite}@keyframes media-spin{to{transform:rotate(1turn)}}html[data-theme=light] .media-card__thumb-spinner{background:rgba(0,0,0,.04)}html[data-theme=light] .media-card__spinner{border-color:#6366f1 rgba(0,0,0,.15) rgba(0,0,0,.15)}.media-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,transform .15s ease,opacity .15s ease}.media-card__play:hover{background:rgba(0,0,0,.68);transform:translate(-50%,-50%) scale(1.06)}.media-card__play:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(129,140,248,.6)}.media-card__play svg{display:block}.media-card__play--photo{opacity:0}.media-card:hover .media-card__play--photo,.media-card__play--photo:focus-visible{opacity:1}@media (hover:none){.media-card__play--photo{opacity:1}}.media-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(10,12,16,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-card__overlay--error{background:rgba(90,20,20,.6)}.media-card__overlay--hidden{gap:.375rem;padding:.625rem;background:rgba(10,12,16,.72);color:hsla(0,0%,100%,.92);pointer-events:none}.media-card__overlay--hidden svg{color:rgba(245,158,11,.95)}.media-card__hidden-note{max-width:94%;font-size:.625rem;line-height:1.35;text-align:center;color:hsla(0,0%,100%,.72)}.media-card__status{font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.92);letter-spacing:.01em}.media-card__progress{width:78%;height:5px;border-radius:100px;background:hsla(0,0%,100%,.2);overflow:hidden}.media-card__progress-fill{height:100%;border-radius:100px;background:#818cf8;transition:width .15s linear}.media-card__delete{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:rgba(10,12,16,.55);color:hsla(0,0%,100%,.85);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .15s ease,background .15s ease,color .15s ease}.media-card:hover .media-card__delete,.media-card__delete:focus-visible{opacity:1}.media-card__delete:hover{background:rgba(239,68,68,.85);color:#fff}@media (hover:none){.media-card__delete{opacity:1}}.media-reorder-hint{margin-top:.25rem}html[data-theme=light] .media-usage__count{color:rgba(0,0,0,.6)}html[data-theme=light] .media-usage__upgrade{color:#6366f1}html[data-theme=light] .media-usage__bar{background:rgba(0,0,0,.07)}html[data-theme=light] .media-dropzone{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.015);color:rgba(0,0,0,.7)}html[data-theme=light] .media-dropzone:hover{border-color:rgba(99,102,241,.35);background:rgba(99,102,241,.04)}html[data-theme=light] .media-dropzone--active{border-color:rgba(99,102,241,.55);background:rgba(99,102,241,.07)}html[data-theme=light] .media-dropzone__icon{color:rgba(99,102,241,.85)}html[data-theme=light] .media-dropzone__title{color:rgba(0,0,0,.82)}html[data-theme=light] .media-dropzone__hint{color:rgba(0,0,0,.45)}html[data-theme=light] .media-dropzone__hint--slots{color:rgba(99,102,241,.85)}html[data-theme=light] .media-state{border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.015)}html[data-theme=light] .media-card__frame{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}html[data-theme=light] .media-card__placeholder{color:rgba(0,0,0,.25)}html[data-theme=light] .media-failure{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}@media (max-width:640px){.media-page{padding-top:3.5rem;padding-right:1rem}.media-container{padding:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.625rem}.media-dropzone{padding:1.5rem 1rem}}