@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary:#1473e6;--primary-hover:#2680eb;--primary-glow:#1473e666;--primary-rgb:20, 115, 230;--secondary:#378add;--accent:#00c8ff;--accent-glow:#00c8ff59;--bg-dark:#181818;--bg-surface:#222;--bg-elevated:#2a2a2a;--bg-card:#212121;--bg-card-hover:#282828;--bg-modal:#222;--border:#323232;--border-strong:#424242;--border-active:#1473e6;--text:#f0f0f0;--text-muted:#9e9e9e;--text-dim:#707070;--glass:#ffffff0d;--glass-hover:#ffffff17;--safe:#10b981;--safe-glow:#10b98159;--danger:#ef4444;--warning:#f59e0b;--gold:#f2bd1d;--sat:max(env(safe-area-inset-top,0px), 0px);--sab:max(env(safe-area-inset-bottom,0px), 0px);--sal:max(env(safe-area-inset-left,0px), 0px);--sar:max(env(safe-area-inset-right,0px), 0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-mono{font-family:JetBrains Mono,monospace!important}html,body{background:var(--bg-dark);width:100%;height:100%;min-height:100%;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}html.public-share-page,body.public-share-page{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html:has(.public-share-container){-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body:has(.public-share-container){-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html:has(.shares-page-container){-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body:has(.shares-page-container){-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}.public-share-container,.shares-page-container{width:100%;min-height:100vh;position:relative;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overflow:hidden visible!important}.public-share-page .batch-bar{bottom:calc(1.5rem + max(var(--sab), 12px))!important}body:has(.public-share-container) .batch-bar{bottom:calc(1.5rem + max(var(--sab), 12px))!important}.settings-modal-surface{width:94%;max-width:820px;height:580px;max-height:calc(88vh - var(--sat) - var(--sab));background:#18181b;border:1px solid #ffffff1f;border-radius:16px;flex-direction:row;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 0 1px #ffffff14}.settings-modal-sidebar{background:#141417;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:220px;display:flex}.settings-modal-content{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:1;max-height:100%;padding:1.75rem;display:flex;overflow-y:auto}@media (max-width:680px){.settings-modal-surface{height:auto!important;max-height:calc(92vh - var(--sat) - var(--sab))!important;border-radius:16px 16px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:0!important}.settings-modal-sidebar{-webkit-overflow-scrolling:touch!important;border-bottom:1px solid #ffffff14!important;border-right:none!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;width:100%!important;padding:.5rem .75rem!important;overflow-x:auto!important}.settings-modal-sidebar-title{display:none!important}.settings-modal-content{max-height:calc(85vh - 120px)!important;padding:1.25rem 1rem!important}}body{background:#181818 fixed}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.flow-container{background:#181818;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.page-content-padding{padding-left:clamp(.75rem,2.5vw,2rem);padding-right:clamp(.75rem,2.5vw,2rem)}.sidebar{width:var(--sidebar-width,300px);min-width:240px;height:100vh;max-height:100vh;padding:max(.85rem, var(--sat)) .75rem max(.75rem, var(--sab)) .75rem;z-index:1200;background:#1f1f1f;border-right:1px solid #2d2d2d;flex-direction:column;transition:width .25s cubic-bezier(.16,1,.3,1),min-width .25s cubic-bezier(.16,1,.3,1),padding .25s cubic-bezier(.16,1,.3,1),opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sidebar-resizer{cursor:col-resize;z-index:1300;background:0 0;width:6px;height:100%;transition:background .15s;position:absolute;top:0;right:-3px}.sidebar-resizer:hover,.sidebar-resizer.active{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.collapsed-dam-logo{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;align-items:flex-end;gap:2px;padding:2px 7px 2px 5px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.collapsed-dam-logo:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.04)}.collapsed-dam-logo img:first-child{filter:drop-shadow(0 0 8px #ffffff40);width:auto;height:22px}.collapsed-dam-logo img:last-child{filter:drop-shadow(0 0 8px #ffffff40);width:auto;height:7px;margin-bottom:2px}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.logo-section{z-index:100;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding:.25rem .25rem .85rem;display:flex;position:relative}.logo-center-wrapper{cursor:pointer;align-items:flex-end;gap:.25rem;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.logo-center-wrapper:hover{transform:scale(1.04)}.damflow-logo-img{filter:drop-shadow(0 0 12px #ffffff40);width:auto;height:42px}.damflow-punto-img{filter:drop-shadow(0 0 12px #ffffff40);width:auto;height:12px;margin-bottom:6px}.sidebar-collapse-btn{color:var(--text-muted);cursor:pointer;z-index:100;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40;box-shadow:0 0 10px #ffffff1a}.sidebar-close-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:none;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.sidebar-close-btn:active{background:#fff3;transform:translateY(-50%)scale(.95)}.sidebar-expand-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:2px;transition:all .18s;display:inline-flex}.sidebar-expand-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.sidebar-footer{border-top:1px solid #2b2b2b;flex-shrink:0;margin-top:auto;padding-top:.65rem;position:relative}.sidebar-user-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.45rem .65rem;transition:all .2s;display:flex}.sidebar-user-btn:hover{background:#ffffff14;border-color:#ffffff29}.sidebar-user-avatar{color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:flex}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;font-size:.65rem}.sidebar-user-chevron{color:var(--text-muted);flex-shrink:0}.sidebar-quick-activity-btn{color:#fff;cursor:pointer;text-align:left;background:#10b98114;border:1px solid #10b98138;border-radius:8px;flex-direction:column;gap:.35rem;width:100%;margin-bottom:.45rem;padding:.55rem .75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sidebar-quick-activity-btn:hover{background:#10b98129;border-color:#10b98173;transform:translateY(-1px);box-shadow:0 4px 14px #10b98126}.sidebar-quick-activity-btn.has-progress{background:#0f172ad9;border-color:#38bdf859;box-shadow:0 4px 16px #0ea5e926}.sidebar-activity-progress-track{background:#ffffff1f;border-radius:999px;width:100%;height:5px;margin-top:.15rem;overflow:hidden}.sidebar-activity-progress-bar{border-radius:999px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.activity-icon-glow{background:#10b98126;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.activity-pulse-badge{text-transform:uppercase;color:#000;letter-spacing:.04em;background:#10b981;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:800;animation:2s infinite pulseBadge}@keyframes pulseBadge{0%{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}to{opacity:.8;transform:scale(.96)}}.user-modal-item{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .85rem;transition:all .18s;display:flex}.user-modal-item:hover{background:#ffffff17;border-color:#ffffff2e;transform:translate(2px)}.user-modal-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.user-modal-item-compact{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;font-weight:600;transition:all .18s;display:flex}.user-modal-item-compact:hover{background:#ffffff17;border-color:#ffffff2e}.user-modal-logout-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.65rem .85rem;font-size:.85rem;font-weight:700;transition:all .18s;display:flex}.user-modal-logout-btn:hover{color:#fca5a5;background:#ef444438;border-color:#ef444473}.sidebar-dropdown-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:.76rem;transition:background .15s;display:flex}.sidebar-dropdown-item:hover{background:#ffffff14}.sidebar-dropdown-item.logout{color:#f87171;font-weight:600}.sidebar-dropdown-item.logout:hover{background:#ef444426}.sidebar-backdrop{display:none}.nav-group{margin-bottom:1.25rem}.nav-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;padding-left:.5rem;font-size:.68rem;font-weight:800}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;min-height:40px;margin-bottom:.25rem;padding:.65rem .85rem;font-size:.86rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item.menu-open{z-index:9999!important;overflow:visible!important}.nav-item:hover{background:var(--glass-hover);color:var(--text)}.nav-item:active{transform:scale(.98)}.nav-item.active{background:var(--primary);color:#000;box-shadow:0 4px 18px var(--primary-glow);font-weight:800}.nav-item.active svg{color:#000!important}.mobile-toggle{border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:none!important}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.header{padding-top:max(var(--sat), .5rem);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:1100;min-height:calc(52px + max(var(--sat), 0px));box-sizing:border-box;background:#0a0c10f0;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:.5rem;padding-left:clamp(.75rem,2.5vw,1.75rem);padding-right:clamp(.75rem,2.5vw,1.75rem);display:flex;position:sticky;top:0}.main-scroll-area{-webkit-overflow-scrolling:touch;width:100%;min-height:0;padding-top:max(.85rem, var(--sat));padding-bottom:calc(6.5rem + max(var(--sab), 16px));flex-direction:column;flex:1;display:flex;overflow:hidden auto}.main-scroll-area::-webkit-scrollbar{width:6px}.main-scroll-area::-webkit-scrollbar-track{background:0 0}.main-scroll-area::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px}.main-scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff47}.collection-header-lr{border-bottom:1px solid #282828;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.25rem .2rem .75rem;display:flex}.collection-lr-title{color:#fff;letter-spacing:-.015em;font-size:1.25rem;font-weight:600;line-height:1.2}.collection-lr-meta{color:#8e8e8e;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.15rem;font-size:.78rem;font-weight:500;display:flex}.dot-sep{color:#555;font-size:.75rem}.btn-lr-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.45rem;padding:.42rem .85rem;font-size:.78rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-lr-primary:hover{background:var(--primary-hover)}.btn-lr-primary:active{transform:scale(.98)}.btn-lr-icon{color:#d5d5d5;cursor:pointer;background:#252525;border:1px solid #363636;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.btn-lr-icon:hover{color:#fff;background:#303030;border-color:#484848}.collection-hero{border-bottom:1px solid #282828;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.25rem .2rem .75rem;display:flex}.collection-hero-title{color:#fff;font-size:1.25rem;font-weight:600}.filter-bar-container{z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex;position:relative}.filter-pills-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:.35rem;max-width:100%;padding:2px 0;display:flex;overflow:auto hidden}.filter-pills-scroll::-webkit-scrollbar{display:none}.filter-pill{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#252525;border:1px solid #363636;border-radius:4px;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-pill:hover{color:#fff;background:#2e2e2e;border-color:#4a4a4a}.filter-pill.active{color:#fff;background:#1473e6;border-color:#1473e6;font-weight:700;box-shadow:0 2px 8px #1473e666}.filter-pill.active svg{color:#fff!important}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:1.15rem;padding:.25rem clamp(.75rem,2.5vw,2rem) 2rem;display:grid}@media (max-width:640px){.asset-grid{grid-template-columns:1fr;gap:.85rem;padding-left:.75rem;padding-right:.75rem}}.asset-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.asset-card:hover{background:var(--bg-card-hover);border-color:#555;transform:translateY(-2px);box-shadow:0 10px 24px #0009}.asset-card.selected{border-color:#1473e6!important;box-shadow:0 0 0 2px #1473e6,0 8px 24px #1473e640!important}.asset-card.menu-open{z-index:99999!important;overflow:visible!important;transform:none!important;box-shadow:0 20px 50px #000000d9!important}.asset-card.menu-open .thumb-container,.asset-card.menu-open .thumb-container>div{z-index:99999!important;overflow:visible!important}.asset-card.menu-open .card-top-overlay{z-index:99999!important}.sidebar-nav:has(.menu-open){overflow:visible!important}.thumb-container{aspect-ratio:16/9;background:#121212;justify-content:center;align-items:center;width:100%;min-height:170px;display:flex;position:relative;overflow:hidden}.thumb-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.asset-card:hover .thumb-img{transform:scale(1.03)}.card-top-overlay{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.card-top-overlay>*{pointer-events:auto}.card-bottom-overlay{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.card-bottom-overlay>*{pointer-events:auto}.badge-glass-pill{-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:.02em;background:#121212d9;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-emerald{color:#fff;background:#10b981;border:none;font-weight:800}.badge-crimson{color:#fff;background:#ef4444;border:none;font-weight:800}.badge-indigo{color:#fff;background:#6366f1;border:none;font-weight:700}.badge-cyan{color:#fff;background:#0ea5e9;border:none;font-weight:700}.badge-gold{color:#000;background:#f59e0b;border:none;font-weight:800}.card-body{background:var(--bg-card);flex-direction:column;gap:.35rem;padding:.75rem .85rem;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;color:#f0f0f0;font-size:.86rem;font-weight:700;overflow:hidden}.card-meta-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.fab-wrapper{bottom:calc(1.25rem + max(var(--sab), 12px));right:calc(1.25rem + max(var(--sar), 12px));z-index:2200;position:fixed}.fab{background:var(--primary);color:#fff;width:54px;height:54px;box-shadow:0 8px 24px #0009, 0 0 20px var(--primary-glow);cursor:pointer;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;overflow:visible}.fab:hover{box-shadow:0 12px 30px #000000b3, 0 0 28px var(--primary-glow);transform:scale(1.06)}.fab:active{transform:scale(.94)}.fab.uploading{background:var(--bg-dark);box-shadow:0 8px 25px #000000b3, 0 0 20px var(--primary-glow);animation:2s ease-in-out infinite uploadPulse}@keyframes uploadPulse{0%,to{box-shadow:0 6px 20px #000000b3, 0 0 16px var(--primary-glow)}50%{box-shadow:0 10px 30px #000000d9,0 0 30px #1473e699}}.server-status-dock{bottom:calc(1.25rem + max(var(--sab), 12px));left:calc(1rem + max(var(--sal), 12px));-webkit-backdrop-filter:blur(20px);z-index:2150;cursor:pointer;background:#222;border:1px solid #383838;border-radius:8px;align-items:center;gap:.75rem;max-width:min(420px,100vw - 92px);padding:.55rem .85rem;transition:transform .2s,border-color .2s;animation:.3s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;box-shadow:0 12px 35px #000c,0 0 20px #1473e633}.server-status-dock:hover{border-color:#555;transform:translateY(-2px)}.server-status-dock:active{transform:scale(.98)}.status-progress-track{background:#ffffff1a;border-radius:999px;width:100%;height:4px;margin-top:4px;overflow:hidden}.status-progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .35s}.mobile-bottom-nav{padding-bottom:max(var(--sab), 6px);padding-top:6px;padding-left:max(var(--sal), 8px);padding-right:max(var(--sar), 8px);z-index:2050;background:#1b1b1b;border-top:1px solid #2b2b2b;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0009}.mobile-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 10px;font-size:.66rem;font-weight:600;transition:color .2s;display:flex}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-fab{position:relative;top:-12px}.mobile-nav-fab-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #1473e680}.mobile-nav-fab:active .mobile-nav-fab-circle{transform:scale(.92)}.batch-bar{bottom:calc(1.5rem + max(var(--sab), 12px));border:1px solid var(--primary);-webkit-backdrop-filter:blur(20px);z-index:2000;background:#18181bf2;border-radius:1.25rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;width:auto;max-width:calc(100vw - 2rem);padding:.65rem 1rem;display:flex;position:fixed;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 20px 50px #000000b3}.modal-backdrop{background:var(--bg-modal);-webkit-backdrop-filter:blur(18px);z-index:4000;padding:max(1rem, var(--sat)) max(1rem, var(--sar)) max(1rem, var(--sab)) max(1rem, var(--sal));opacity:0;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-surface{width:100%;max-width:850px;max-height:calc(90vh - var(--sab) - var(--sat));background:#1e1e1e;border:1px solid #333;border-radius:10px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp;display:flex;overflow:hidden;transform:scale(.96);box-shadow:0 25px 60px #000000e6,0 0 0 1px #ffffff0d}.video-modal-layout{gap:1.5rem;max-height:calc(84vh - 100px);display:flex;overflow:hidden}.video-modal-media-col{background:#0d0d0d;border:1px solid #282828;border-radius:8px;flex-direction:column;flex:1.2;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.video-modal-details-col{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding-right:.35rem;display:flex;overflow-y:auto}.video-modal-details-col::-webkit-scrollbar{width:5px}.video-modal-details-col::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.meta-grid-box{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.meta-tile{background:#252525;border:1px solid #323232;border-radius:6px;padding:.5rem .65rem}.meta-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.62rem;font-weight:700}.meta-tile-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.76rem;font-weight:600;overflow:hidden}.modal-input{color:#fff;background:#252525;border:1px solid #363636;border-radius:6px;outline:none;width:100%;padding:.45rem .7rem;font-size:.82rem;transition:border-color .15s}.modal-input:focus{border-color:var(--primary)}.modal-textarea{color:#fff;resize:vertical;background:#252525;border:1px solid #363636;border-radius:6px;outline:none;width:100%;min-height:60px;padding:.45rem .7rem;font-size:.8rem}.modal-textarea:focus{border-color:var(--primary)}.toast-container{top:calc(1rem + var(--sat));right:calc(1rem + var(--sar));z-index:100000;pointer-events:none;flex-direction:column;gap:.6rem;max-width:min(420px,100vw - 2rem);display:flex;position:fixed}.toast{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(16px);color:#fff;box-shadow:0 10px 30px #0009, 0 0 15px var(--primary-glow);pointer-events:auto;background:#12161ff5;border-radius:.75rem;align-items:center;gap:.65rem;padding:.75rem 1.1rem;font-size:.84rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}.btn-primary{background:var(--primary);color:#000;cursor:pointer;touch-action:manipulation;border:none;border-radius:.65rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 20px var(--primary-glow);filter:brightness(1.08)}.btn-primary:active{transform:scale(.97)}.btn-secondary{border:1px solid var(--border-strong);color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border-radius:.65rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f}.btn-secondary:active{transform:scale(.97)}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.mobile-only,.sidebar-expand-btn.mobile-only-expand{display:none!important}.sidebar.collapsed{opacity:0!important;pointer-events:none!important;visibility:hidden!important;border-right:none!important;width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-toggle{z-index:200!important;flex-shrink:0!important;display:flex!important}.mobile-bottom-nav{display:flex!important}.sidebar{box-shadow:25px 0 60px #000000d9;z-index:4500!important;width:min(300px,86vw)!important;position:fixed!important;top:0!important;bottom:0!important;left:-100%!important}.sidebar.open{left:0!important}.sidebar-close-btn{display:flex!important}.sidebar-expand-btn.mobile-only-expand{display:inline-flex!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:4400;background:#000000b8;animation:.2s fadeIn;position:fixed;inset:0;display:block!important}.main-scroll-area{padding-bottom:calc(7rem + max(var(--sab), 16px))}.fab-wrapper,.header-user-menu{display:none!important}.server-status-dock{bottom:calc(4.75rem + max(var(--sab), 8px));left:calc(.75rem + max(var(--sal), 8px));right:calc(.75rem + max(var(--sar), 8px));z-index:2200;max-width:calc(100vw - 1.5rem)}.batch-bar{bottom:calc(4.75rem + max(var(--sab), 8px))!important;border-radius:1rem!important;flex-wrap:wrap!important;justify-content:center!important;gap:.35rem!important;max-width:calc(100vw - 1rem)!important;padding:.45rem .65rem!important;overflow:visible!important}.modal-backdrop{align-items:flex-end;padding:0}.modal-surface{max-height:calc(94vh - var(--sat));border-radius:14px 14px 0 0;width:100%;margin:0}.video-modal-layout{flex-direction:column!important;gap:1rem!important;max-height:none!important;overflow:visible!important}.video-modal-media-col{width:100%!important;min-height:200px!important;max-height:42vh!important}.video-modal-details-col{width:100%!important;padding-right:0!important;overflow:visible!important}}@media (max-width:480px){.fab{width:52px;height:52px}.server-status-dock{bottom:calc(4.75rem + max(var(--sab), 8px));left:calc(.5rem + max(var(--sal), 4px));right:calc(.5rem + max(var(--sar), 4px));max-width:calc(100vw - 1rem);padding:.5rem .75rem;font-size:.76rem}.collection-header-lr,.collection-hero{padding:.25rem 0 .5rem}.collection-lr-title,.collection-hero-title{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.user-modal-item>div>div:last-child{flex:1}.user-modal-item-compact span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.user-modal-surface{padding:1.5rem}@media (max-width:640px){.user-modal-surface{width:94%!important;padding:1rem!important}.user-modal-sub{display:none}.user-modal-item{padding:.5rem .7rem}.user-modal-icon-wrap{width:30px;height:30px}}