@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:#fff;font-family:IBM Plex Mono,monospace;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveAndScale{0%{opacity:0;left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%)scale(0)}to{opacity:1;left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(1)}}.app-container from{opacity:0;transform:scale(.3)}.app-container to{opacity:1;transform:scale(1)}.app-container{background:#fff;flex-direction:column;min-height:100vh;display:flex}.media-explorer{flex-direction:column;max-width:100%;height:100vh;padding:20px;display:flex}.explorer-header{border-bottom:2px solid #000;flex-shrink:0;margin-bottom:20px;padding-bottom:20px}.explorer-title{text-transform:uppercase;letter-spacing:2px;font-size:24px;font-weight:700}.explorer-subtitle{text-transform:uppercase;margin-top:5px;font-size:12px}.explorer-controls{background:#fff;border:2px solid #000;flex-shrink:0;margin-bottom:20px;padding:20px}.controls-row{border-top:1px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding-top:15px;display:flex}.file-count{text-transform:uppercase;font-size:12px;font-weight:600}.folder-picker{flex-direction:row;align-items:center;gap:10px;display:flex}.select-folder-button{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:none;align-items:center;gap:10px;padding:12px 24px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:all .1s;display:inline-flex}.select-folder-button:hover{background:#333}.select-folder-button:active{background:#000}.folder-icon{width:16px;height:16px}.permission-note{background:#f0f0f0;border:1px solid #000;align-items:flex-start;gap:10px;padding:10px;font-size:11px;line-height:1.4;display:flex}.info-icon{flex-shrink:0;width:16px;height:16px}.permission-note strong{font-weight:700}.selected-path{background:#f0f0f0;border:1px solid #000;gap:10px;padding:10px;font-size:11px;display:flex}.path-label{font-weight:600}.path-value{word-break:break-all;font-weight:400}.scanning-indicator{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:60px;display:flex}.spinner{border:3px solid #f0f0f0;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:.6s linear infinite spin}.scanning-indicator p{text-transform:uppercase;font-size:12px;font-weight:600}.media-grid-container{flex:1;min-height:0;overflow:hidden}.media-grid-container ::-webkit-scrollbar{-webkit-appearance:none;width:10px}.media-grid-container ::-webkit-scrollbar-thumb{background-color:#000;border-radius:0}.media-grid-container>div{overflow-y:scroll!important}.pagination-controls{background:#fff;border:2px solid #000;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.pagination-button{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:none;padding:10px 20px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:background .1s}.pagination-button:hover:not(:disabled){background:#333}.pagination-button:disabled{cursor:not-allowed;background:#ccc}.pagination-info{text-transform:uppercase;font-size:12px;font-weight:600}.media-grid{background:#000;border:2px solid #000;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px;display:grid}.media-item{aspect-ratio:1;cursor:pointer;background:#fff;transition:background .1s;position:relative;overflow:hidden}.media-item:hover{background:#f0f0f0}.media-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.media-placeholder{background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.media-overlay{color:#fff;opacity:0;background:#000000e6;padding:10px;font-size:10px;transition:opacity .1s;position:absolute;bottom:0;left:0;right:0}.media-item:hover .media-overlay{opacity:1}.media-name{color:#fff;word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:10px}.empty-state{text-align:center;text-transform:uppercase;border:2px solid #000;padding:60px 20px;font-size:12px}.lightbox{z-index:1000;background:#fff;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{border:2px solid #000;max-width:90vw;max-height:90vh;position:relative}.lightbox-image{object-fit:contain;max-width:100%;max-height:90vh;display:block}.lightbox-close{color:#fff;cursor:pointer;background:#000;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:400;display:flex;position:absolute;top:-40px;right:0}.lightbox-close:hover{background:#333}@media (max-width:768px){.explorer-title{font-size:18px}.explorer-subtitle{font-size:10px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.controls-row{flex-direction:column;align-items:stretch}}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-track{background:#000;border-radius:0;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#000;border:2px solid #fff;border-radius:0;width:16px;height:16px;margin-top:-6px}input[type=range]::-webkit-slider-thumb:hover{background:#333}input[type=range]::-moz-range-track{background:#000;border-radius:0;height:4px}input[type=range]::-moz-range-thumb{background:#000;border:2px solid #fff;border-radius:0;width:16px;height:16px}input[type=range]::-moz-range-thumb:hover{background:#333}