@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ranchers&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark: #0f1014;--bg-sidebar: #16161a;--bg-card: #1c1c21;--primary: #6366f1;--primary-hover: #4f46e5;--text-main: #ffffff;--text-dim: #9ca3af;--border: #27272a}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;color:var(--text-main)}.app{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-dark)}.sidebar{width:260px;height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 20px;flex-shrink:0;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-left:4px}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#a855f7);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.brand h2{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.btn-upload{width:100%;padding:12px;background-color:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:24px;transition:all .2s;box-shadow:0 4px 12px #6366f140}.btn-upload:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-upload:active{transform:scale(.98)}.nav{display:flex;flex-direction:column;gap:6px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:var(--text-dim);border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.nav-item:hover{background-color:#ffffff0d;color:#fff}.nav-item.active{background-color:#6366f11a;color:var(--primary);font-weight:600}.storage-box{background-color:#0003;padding:16px;border-radius:12px;border:1px solid var(--border);margin-top:auto}.storage-info{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:8px;color:var(--text-dim)}.progress-bg{width:100%;height:6px;background-color:#333;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:10px}.main{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;background-color:var(--bg-dark)}.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border);background:#0f1014d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.header-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:#fff}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:4px}.back-btn{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-dim);transition:.2s}.back-btn:hover{color:#fff}.search-wrap{position:relative;width:300px}.search-wrap input{width:100%;background:#1f1f25;border:1px solid transparent;padding:10px 10px 10px 40px;border-radius:20px;color:#fff;transition:.2s}.search-wrap input:focus{background:#25252e;border-color:var(--primary)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;border:2px solid var(--bg-dark);cursor:pointer}.content{flex:1;overflow-y:auto;padding:32px}.section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.1rem;font-weight:600}.btn-text{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer}.grid-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.card-folder{background-color:var(--bg-card);border:1px solid var(--border);padding:20px;border-radius:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start}.card-folder:hover{transform:translateY(-4px);border-color:#444;background-color:#23232a}.folder-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.folder-info h4{font-size:.95rem;font-weight:600;margin-bottom:4px}.folder-info p{font-size:.8rem;color:var(--text-dim)}.grid-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;content-visibility:auto;contain-intrinsic-size:200px}.card-file-optimized{background-color:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;will-change:transform;transform:translateZ(0);transition:transform .2s cubic-bezier(.2,0,.2,1),border-color .2s ease}.card-file-optimized:hover{border-color:var(--primary);transform:translateY(-4px) translateZ(0)}.file-preview{aspect-ratio:1 / 1;background:#16161a;overflow:hidden}.file-preview img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;transition:opacity .3s ease}.preview-overlay{will-change:opacity;animation:fadeIn .2s ease-out;touch-action:none;-webkit-user-select:none;user-select:none}.preview-overlay{touch-action:none;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.file-details{padding:12px;display:flex;justify-content:space-between;align-items:center}.file-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.file-more{background:none;border:none;color:var(--text-dim);cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;border:2px dashed var(--border);border-radius:16px;color:var(--text-dim);gap:15px}.btn-outline{padding:10px 20px;border:1px solid var(--border);background:transparent;color:#fff;border-radius:8px;cursor:pointer;transition:.2s}.btn-outline:hover{border-color:#fff}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:10px 0 20px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;z-index:45}.header{padding:0 16px;height:64px}.mobile-menu-btn{display:block;margin-right:12px}.search-wrap{display:none}.content{padding:20px 16px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.grid-folders,.grid-files{grid-template-columns:repeat(2,1fr);gap:12px}.btn-upload{margin-bottom:20px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-card);width:100%;max-width:400px;padding:24px;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:600;font-size:1.1rem}.close-modal{background:none;border:none;color:var(--text-dim);cursor:pointer}.modal-input{width:100%;padding:12px;background:#111;border:1px solid var(--border);border-radius:8px;color:#fff;margin-bottom:20px}.dropzone{border:2px dashed var(--border);padding:40px;text-align:center;border-radius:12px;color:var(--text-dim);margin-bottom:20px;cursor:pointer}.btn-primary{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.fab-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px;z-index:100}@media(min-width:768px){.fab-container{display:none}}.preview-media{height:85vh!important;width:auto!important;max-width:95vw!important;max-height:95vh!important;min-height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000080}.fab-main{width:56px;height:56px;border-radius:50%;background:#6366f1;color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;cursor:pointer;transition:transform .2s}.fab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-bottom:5px;animation:slideUp .2s ease-out}.fab-action{display:flex;align-items:center;gap:10px;background:#fff;color:#333;border:none;padding:10px 16px;border-radius:30px;box-shadow:0 4px 12px #00000026;font-weight:500;cursor:pointer}.fab-label{font-size:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;flex-direction:column}.preview-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#00000080;color:#fff}.preview-info{display:flex;align-items:center;gap:15px}.preview-name{font-weight:500;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-actions{display:flex;gap:10px}.btn-icon-light{background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:50%;transition:.2s}.btn-icon-light:hover{background:#ffffff1a}.preview-fallback{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px}.back-btn-light{background:none;border:none;color:#fff;cursor:pointer}.mobile-nav-btn{display:none;background:transparent;border:none;color:#fff;padding:4px;cursor:pointer;margin-right:12px}@media(max-width:768px){.mobile-nav-btn{display:flex;align-items:center;justify-content:center}.mobile-menu-btn{display:none!important}}.btn-header-share{display:flex;align-items:center;gap:6px;background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}.btn-header-delete{display:flex;align-items:center;gap:6px;background:#6366f11a;color:red;border:1px solid red;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}.btn-header-delete:hover{background:red;color:#fff;border:1px solid red}.btn-header-share:hover{background:var(--primary);color:#fff}.cool-share-modal{max-width:420px;background:#1c1c21;border:1px solid #27272a;border-radius:20px;padding:0;overflow:hidden}.cool-share-modal .modal-header{padding:20px 24px;border-bottom:1px solid #27272a;background:#ffffff05}.share-body{padding:24px}.share-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.share-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-icon-box.public{background:#10b9811a;color:#10b981}.share-icon-box.private{background:#64748b1a;color:#64748b}.share-info h4{font-size:1rem;font-weight:600;margin-bottom:4px;color:#fff}.share-info p{font-size:.85rem;color:#9ca3af;line-height:1.3}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:auto}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#3f3f46;transition:.4s}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(20px)}.share-link-group label{display:block;font-size:.8rem;color:#9ca3af;margin-bottom:8px;font-weight:500}.input-group input{flex:1;background:transparent;border:none;color:#fff;padding:8px 12px;font-size:.9rem;width:100%}.input-group button:hover{background:#3f3f46}.input-group button.copied{background:#10b98133;color:#10b981}.animate-slide-down{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fab-container{position:fixed;bottom:24px;right:24px;z-index:100}.fab-main{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;cursor:pointer;transition:transform .2s}.fab-main:active{transform:scale(.95)}@media(min-width:768px){.fab-container{display:none}.fab-container.show-desktop{display:flex}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:201}.nav-arrow:hover{background:#fff3}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}@media(max-width:768px){.nav-arrow{display:none}}.preview-body{position:relative;width:100%;height:calc(100% - 60px);display:flex;align-items:center;justify-content:center}.preview-overlay{position:fixed;inset:0;background:#000;z-index:2000;display:flex;flex-direction:column;width:100vw;height:100dvh}.preview-header-immersive{position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:2010;pointer-events:auto}.ph-left{display:flex;align-items:center;gap:16px;flex:1;overflow:hidden}.ph-info{display:flex;flex-direction:column;overflow:hidden}.ph-info h4{margin:0;font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.ph-info span{font-size:.8rem;color:#ccc}.ph-right{display:flex;align-items:center;gap:12px}.ph-btn{background:#ffffff1a;border:none;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px}.ph-btn:hover{background:#ffffff40;transform:scale(1.05)}.ph-btn.delete{color:#ff6b6b;background:#ff6b6b26}.preview-body{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.preview-media{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #00000080;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-fallback{text-align:center;color:#888;display:flex;flex-direction:column;align-items:center;gap:10px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border:none;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:2005}.nav-arrow:hover{background:#ffffff26}.nav-arrow.left{left:24px}.nav-arrow.right{right:24px}@media(max-width:768px){.desktop-only{display:none!important}.preview-header-immersive{padding:0 12px;height:80px}.preview-media{height:85vh;width:auto;max-width:90vw;max-height:90vh;min-height:60vh;min-width:40vw;pointer-events:auto!important;transition:transform .2s cubic-bezier(.4,0,.2,1)}.ph-btn{width:42px;height:42px;padding:12px}.ph-info h4{font-size:.9rem;max-width:160px}.ph-right{gap:8px}}.new-options-modal{background:#1e1e23f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080;padding:32px;width:100%;max-width:480px;border-radius:24px;overflow:hidden;animation:modalFadeIn .2s ease-out}.modal-header h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.close-btn{background:#ffffff0d;border:none;color:#888;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.new-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.new-option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.new-option-btn:hover{background:#ffffff0f;transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 10px 30px #0000004d}.new-option-btn:active{transform:scale(.98)}.icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:.3s}.folder-icon-bg{background:#f59e0b1a;color:#fbbf24;box-shadow:0 0 20px #f59e0b1a}.new-option-btn:hover .folder-icon-bg{background:#fbbf24;color:#111;box-shadow:0 0 30px #f59e0b66}.upload-icon-bg{background:#6366f11a;color:#818cf8;box-shadow:0 0 20px #6366f11a}.new-option-btn:hover .upload-icon-bg{background:#6366f1;color:#fff;box-shadow:0 0 30px #6366f166}.btn-text{display:flex;flex-direction:column;align-items:center;gap:4px}.btn-title{font-size:1rem;font-weight:600;color:#fff}.btn-desc{font-size:.75rem;color:#888;font-weight:500}@media(max-width:768px){.new-options-modal{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:28px 28px 0 0;padding:32px 24px 48px;animation:slideUp .3s cubic-bezier(.16,1,.3,1);margin:0;border-bottom:none;border-left:none;border-right:none}.new-options-grid{gap:16px}.new-option-btn{padding:20px 12px}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grid-video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.file-details{padding:12px;display:flex;justify-content:space-between;align-items:center;position:relative}.file-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%;display:flex;align-items:center;gap:8px}.name-text{overflow:hidden;text-overflow:ellipsis}.file-dropdown-menu{position:absolute;bottom:35px;right:10px;background:#27272a;border:1px solid #3f3f46;border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:150px;box-shadow:0 10px 25px -3px #000000b3;z-index:50;animation:scaleIn .15s cubic-bezier(.16,1,.3,1)}.file-dropdown-menu button{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:#e4e4e7;padding:12px;font-size:.9rem;text-align:left;cursor:pointer;border-radius:8px;transition:background .2s}.file-dropdown-menu button:hover{background:#ffffff1a}.file-dropdown-menu button.danger{color:#ef4444}.file-dropdown-menu button.danger:hover{background:#ef444426}@keyframes scaleIn{0%{opacity:0;transform:scale(.9);transform-origin:bottom right}to{opacity:1;transform:scale(1);transform-origin:bottom right}}.upload-toast{position:fixed;bottom:24px;right:24px;width:320px;background:#1c1c21;border:1px solid #27272a;border-radius:12px;box-shadow:0 10px 40px #0009;z-index:200;overflow:hidden;animation:slideUpToast .3s cubic-bezier(.16,1,.3,1)}.upload-toast-header{background:#27272a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.toast-title{font-size:.9rem;font-weight:600;color:#fff}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.toast-close:hover{color:#fff}.upload-toast-body{padding:16px}.progress-bar-bg{width:100%;height:6px;background:#3f3f46;border-radius:4px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{height:100%;background:#10b981;border-radius:4px;transition:width .2s linear}.upload-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#9ca3af}.upload-success,.upload-error{display:flex;align-items:center;gap:12px;color:#fff;font-size:.95rem}@keyframes slideUpToast{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.upload-toast{bottom:20px;left:20px;right:20px;width:auto}}.shared-app{min-height:100vh;background:radial-gradient(circle at top left,#1f2029,#0f1014);color:#fff;font-family:Inter,sans-serif}.shared-center-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0f1014}.shared-center-screen p{color:#888;margin-top:16px}.error-icon-box{width:80px;height:80px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.shared-header{padding:40px 24px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 100%);display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto}.shared-brand{display:flex;align-items:center;gap:12px;font-weight:600;opacity:.8;font-size:1.1rem}.brand-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.folder-hero{display:flex;align-items:center;gap:24px}.folder-icon-large{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #6366f166}.folder-hero h1{font-size:2rem;margin:0;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.folder-hero p{color:#888;margin:4px 0 0}.storage-widget{margin-top:auto;padding:20px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05)}.storage-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:600;color:#e5e7eb}.storage-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:8px}.storage-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.storage-text{font-size:.75rem;color:#9ca3af}.preview-overlay{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-header-immersive{display:flex;justify-content:space-between;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.preview-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.video-wrapper{width:100%;max-width:1100px;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 0 50px #00000080}.video-wrapper video{width:100%;height:100%;object-fit:contain}.preview-body img{max-width:90%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.nav-arrow{color:#fff;cursor:pointer;opacity:.5;transition:.2s;padding:10px}.nav-arrow:hover{opacity:1;background:#ffffff1a;border-radius:50%}.video-wrapper{position:relative;width:90%;max-width:850px;max-height:70vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #000c;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);margin:auto}.professional-video-player{height:auto;max-height:90vh;outline:none;cursor:pointer;object-fit:cover;border-radius:10px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px;border-radius:50%;transition:all .3s ease;pointer-events:none}.card-file:hover .play-icon{background:#6366f1;transform:translate(-50%,-50%) scale(1.1)}@media(max-width:768px){.video-wrapper{max-height:60vh;border-radius:0}.preview-body{padding:0}}.input-group{display:flex;align-items:center;background:#0f1014;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;margin-top:16px;gap:10px}.share-input{flex:1;background:transparent;border:none;color:#fff;padding:10px;font-size:.9rem;outline:none;min-width:0}.copy-btn-action{flex-shrink:0;width:50px;height:42px;background:var(--primary);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50;box-shadow:0 4px 10px #6366f133;touch-action:manipulation;-webkit-user-select:none;user-select:none}.copy-btn-action:hover{background:var(--primary-hover);transform:translateY(-1px)}.copy-btn-action:active{transform:scale(.9) translateY(1px);background-color:#4338ca}.copy-btn-action.copied{background:#10b981!important;box-shadow:0 4px 10px #10b98133}.current-folder-name{font-family:Ranchers;font-size:22px}.ranchers{font-family:Ranchers}.video-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.plyr{pointer-events:auto;height:100%!important;width:auto!important;background:transparent!important;display:flex!important;flex-direction:column;justify-content:center;position:relative;border-radius:8px;overflow:visible!important}.plyr video{height:100%!important;width:auto!important;max-width:100vw;object-fit:contain}.plyr__controls{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:50!important;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)!important;padding:20px 20px 25px!important}.plyr__control--overlaid{background:#6366f1cc!important;padding:24px!important;border-radius:50%!important;z-index:40}.plyr__control--overlaid:hover{background:#4f46e5!important;transform:scale(1.1)}.plyr__video-wrapper{background:transparent!important;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.skeleton-card{pointer-events:none}.shimmer{background:linear-gradient(90deg,#27272a,#3f3f46,#27272a);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-preview{width:100%;padding-bottom:100%}.skeleton-text{height:14px;border-radius:4px;background:#333}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.file-preview{position:relative!important}.grid-video-overlay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:auto!important;display:block!important;z-index:20;pointer-events:none}.slide-enter-right{animation:slideInRight .3s ease-out}.slide-enter-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{transform:translate(-40%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-60%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.preview-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.nav-arrow{display:flex!important;width:44px;height:44px;background:#0006}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.preview-media{max-width:85vw!important}}.search-bar-container{position:relative;width:320px;display:none}@media(min-width:768px){.search-bar-container{display:block}}.search-bar-container .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:10px 14px 10px 42px;border-radius:24px;color:#fff;font-size:.9rem;transition:all .2s}.search-input:focus{background:#ffffff14;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:#6b7280}.mobile-search{position:relative;margin-bottom:20px;display:block}@media(min-width:768px){.mobile-search{display:none}}.mobile-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280}.mobile-search input{width:100%;background:var(--bg-card);border:1px solid var(--border);padding:12px 14px 12px 42px;border-radius:12px;color:#fff;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:12px}.view-toggle{background:#ffffff0d;border:1px solid transparent;color:#9ca3af;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.view-toggle:hover{background:#ffffff14;color:#fff}.view-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sort-bar{display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.sort-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#9ca3af;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s}.sort-btn:hover{background:#ffffff0f;color:#fff}.sort-btn.active{background:#6366f126;border-color:#6366f14d;color:var(--primary)}.grid-files.list-view{display:flex;flex-direction:column;gap:12px}.grid-files.list-view .card-file-optimized{display:flex;flex-direction:row;align-items:center;padding:12px}.grid-files.list-view .file-preview{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;margin-right:16px}.grid-files.list-view .file-details{flex:1;padding:0}.grid-files.list-view .file-name{max-width:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px;text-align:center}.btn-outline{padding:12px 24px;border:1.5px solid var(--border);background:transparent;color:#fff;border-radius:24px;cursor:pointer;transition:.2s;font-weight:500;display:flex;align-items:center;gap:8px}.btn-outline:hover{border-color:var(--primary);background:#6366f11a;color:var(--primary)}.meta-badge{background:#ffffff0d;padding:4px 12px;border-radius:12px;font-size:.75rem;color:#9ca3af;font-weight:500}@media(max-width:768px){.header-actions{gap:8px}.view-toggle{width:36px;height:36px}.sort-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.sort-btn{white-space:nowrap}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0 50%,#23282f99 0 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#0f1014}.login-card{background:#1c1c21;border:1px solid #27272a;padding:40px;border-radius:24px;width:100%;max-width:360px;text-align:center;box-shadow:0 20px 40px #00000080}.icon-box{width:64px;height:64px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.loginh2{color:#fff;margin:0 0 8px}.loginp{color:#9ca3af;margin:0 0 32px;font-size:.9rem}.logininput{width:100%;background:#111;border:1px solid #333;padding:14px;border-radius:12px;color:#fff;margin-bottom:16px;outline:none;transition:.2s}.logininput:focus{border-color:#6366f1}.loginbutton{width:100%;background:#6366f1;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.loginbutton:hover{background:#4f46e5}.error-msg{color:#ef4444;font-size:.85rem;margin-bottom:16px;text-align:left}.shared-app{min-height:100vh;background:#0f1014;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;overflow-x:hidden;height:100vh;display:flex;flex-direction:column}.shared-main{width:100%;max-width:1600px;margin:0 auto;padding:32px 32px 100px;flex-grow:1}.premium-header{position:sticky;top:0;z-index:50;background:#0f1014d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:24px 32px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.brand-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#6366f1;font-family:Ranchers}.folder-title-large{font-size:2rem;font-weight:700;margin:0;color:#fff;line-height:1.1;font-family:Ranchers}.meta-badge{display:inline-flex;align-items:center;width:fit-content;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;font-size:.8rem;color:#9ca3af;margin-top:6px;font-weight:500;font-family:Ranchers}.shared-main{max-width:1600px;margin:0 auto;padding:32px}.shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.shared-card{position:relative;aspect-ratio:1 / 1;background:#1c1c21;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.05)}.shared-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0006;border-color:#fff3;z-index:2}.card-media{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.card-footer{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px 12px 12px;opacity:0;transition:opacity .2s;display:flex;justify-content:space-between;align-items:flex-end}.shared-card:hover .card-footer{opacity:1}.card-name{color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.btn-download-mini{background:#fff;color:#000;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-download-mini:hover{background:#e5e5e5}.shared-empty{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;text-align:center}@media(max-width:768px){.premium-header{padding:16px 20px;gap:4px}.brand-label{font-size:.75rem}.folder-title-large{font-size:1.5rem}.meta-badge{font-size:.75rem;padding:2px 10px}.shared-main{padding:16px 16px 120px}.shared-grid{grid-template-columns:repeat(2,1fr);gap:8px}.shared-card{border-radius:8px}.card-footer{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.btn-download-mini{width:24px;height:24px}.btn-download-mini svg{width:14px;height:14px}}.bin-app{min-height:100vh;background:#0f1014;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.bin-header{position:sticky;top:0;z-index:50;background:#0f1014e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);padding:16px 24px;display:flex;align-items:center;gap:16px}.btn-back{background:transparent;border:none;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.btn-back:hover{background:#ffffff1a;color:#fff}.bin-header h1{font-size:1.25rem;font-weight:600;margin:0;color:#e5e7eb}.bin-status-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.bin-info-text{font-size:.9rem;color:#9ca3af;display:flex;align-items:center;gap:8px}.btn-empty-bin{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-empty-bin:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.bin-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px;box-sizing:border-box}.bin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.bin-card{position:relative;aspect-ratio:1 / 1;background:#1c1c1f;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);cursor:default;opacity:.7;transition:all .3s cubic-bezier(.25,.8,.25,1)}.bin-card:hover{opacity:1;transform:scale(1.02);box-shadow:0 8px 24px #00000080;border-color:#fff3;z-index:10}.bin-media{width:100%;height:100%;object-fit:cover;transition:filter .3s}.bin-card:hover .bin-media{filter:brightness(1.1)}.bin-actions-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s}.bin-card:hover .bin-actions-overlay{opacity:1}.bin-btn{width:120px;padding:10px 0;border-radius:30px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transform:translateY(10px);transition:all .2s}.bin-card:hover .bin-btn{transform:translateY(0)}.btn-restore{background:#fff;color:#000}.btn-restore:hover{background:#e5e5e5}.btn-delete-forever{background:#ffffff1a;color:#ef4444}.btn-delete-forever:hover{background:#ef4444;color:#fff}.bin-empty{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center}.bin-empty h3{color:#fff;margin:0 0 8px;font-size:1.2rem}.bin-empty p{margin:0;font-size:.9rem}@media(max-width:768px){.bin-status-bar{padding:20px 20px 0;flex-direction:column;align-items:flex-start;gap:16px}.btn-empty-bin{width:100%;justify-content:center}.bin-main{padding:20px}.bin-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bin-card{opacity:1}.bin-actions-overlay{opacity:0}.bin-card:active .bin-actions-overlay{opacity:1}}