.video-portfolio-container.s-1tyk4jm{background-color:var(--system-color-light);width:100%;height:100%;font-family:var(--system-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);color:var(--system-color-dark);border-radius:0 0 .75rem .75rem;display:flex;overflow:hidden}.sidebar.s-1tyk4jm{background-color:hsla(var(--system-color-light-hsl),.5);-webkit-backdrop-filter:blur(20px);border-right:1px solid hsla(var(--system-color-dark-hsl),.1);flex-direction:column;flex-shrink:0;width:220px;padding:0 10px 20px;display:flex}.sidebar-padding.s-1tyk4jm{height:50px}.sidebar-group.s-1tyk4jm{flex-direction:column;margin-bottom:20px;display:flex}.sidebar-label.s-1tyk4jm{color:hsla(var(--system-color-dark-hsl),.5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;padding:0 10px 0 36px;font-size:.75rem;font-weight:600}.sidebar-item.s-1tyk4jm{color:var(--system-color-dark);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;transition:background .15s;display:flex}.sidebar-item.s-1tyk4jm:hover{background-color:hsla(var(--system-color-dark-hsl),.05)}.sidebar-item.active.s-1tyk4jm{background-color:hsla(var(--system-color-dark-hsl),.1);font-weight:500}.icon.s-1tyk4jm{color:#007aff;flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.icon.folder.s-1tyk4jm{color:#007aff}.main-content.s-1tyk4jm{background-color:var(--system-color-light);flex-direction:column;flex:1;display:flex;position:relative}.toolbar.s-1tyk4jm{border-bottom:1px solid hsla(var(--system-color-dark-hsl),.1);background-color:hsla(var(--system-color-light-hsl),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;align-items:center;height:52px;padding:0 20px;display:flex}.toolbar-title-group.s-1tyk4jm{flex-direction:column;display:flex}.toolbar-title.s-1tyk4jm{font-size:1.2rem;font-weight:700;line-height:1.2}.toolbar-subtitle.s-1tyk4jm{color:hsla(var(--system-color-dark-hsl),.6);font-size:.75rem}.toolbar-spacer.s-1tyk4jm{flex:1}.search-container.s-1tyk4jm{width:200px;position:relative}.search-container.s-1tyk4jm input:where(.s-1tyk4jm){background-color:hsla(var(--system-color-dark-hsl),.08);width:100%;color:var(--system-color-dark);border:none;border-radius:6px;padding:6px 10px 6px 30px;font-size:.85rem}.search-container.s-1tyk4jm input:where(.s-1tyk4jm):focus{background-color:var(--system-color-light);outline:2px solid #007aff}.search-icon.s-1tyk4jm{color:hsla(var(--system-color-dark-hsl),.5);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.scroll-area.s-1tyk4jm{flex:1;padding:20px;overflow-y:auto}.video-grid.s-1tyk4jm{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding-bottom:40px;display:grid}.video-item.s-1tyk4jm{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.thumbnail.s-1tyk4jm{aspect-ratio:16/10;background-color:hsla(var(--system-color-dark-hsl),.1);border-radius:6px;width:100%;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-item.s-1tyk4jm:hover .thumbnail:where(.s-1tyk4jm){transform:scale(1.02);box-shadow:0 4px 12px #00000026}.thumbnail.s-1tyk4jm img:where(.s-1tyk4jm){object-fit:cover;width:100%;height:100%}.overlay.s-1tyk4jm{opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.video-item.s-1tyk4jm:hover .overlay:where(.s-1tyk4jm){opacity:1}.duration-badge.s-1tyk4jm{color:#fff;background:#000000bf;border-radius:4px;padding:2px 5px;font-size:.7rem;font-weight:500;position:absolute;bottom:6px;right:6px}.info.s-1tyk4jm{text-align:left}.title.s-1tyk4jm{color:var(--system-color-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.subtitle.s-1tyk4jm{color:hsla(var(--system-color-dark-hsl),.6);font-size:.8rem;display:block}.footer-stats.s-1tyk4jm{text-align:center;color:hsla(var(--system-color-dark-hsl),.4);padding:20px;font-size:.9rem;font-weight:500}.player-overlay.s-1tyk4jm{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.player-window.s-1tyk4jm{aspect-ratio:16/9;background:#000;border-radius:10px;flex-direction:column;width:80%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.player-header.s-1tyk4jm{background:#222;justify-content:space-between;align-items:center;height:40px;padding:0 15px;display:flex}.player-title.s-1tyk4jm{color:#fff;font-size:.9rem;font-weight:500}.close-btn.s-1tyk4jm{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:500}.close-btn.s-1tyk4jm:hover{background:#0056b3}.player-content.s-1tyk4jm{background:#000;flex:1}iframe.s-1tyk4jm{width:100%;height:100%}.image-overlay.s-1tyk4jm{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.image-viewer.s-1tyk4jm{flex-direction:column;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.image-close-btn.s-1tyk4jm{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:-40px;right:0}.image-close-btn.s-1tyk4jm:hover{background:#ffffff4d}.full-image.s-1tyk4jm{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 20px 60px #00000080}.image-title.s-1tyk4jm{color:#fff;text-align:center;margin-top:15px;font-size:1.1rem;font-weight:600}@media (max-width:768px){.sidebar.s-1tyk4jm{width:180px;padding:0 8px}.sidebar-label.s-1tyk4jm{padding-left:28px;font-size:.7rem}.sidebar-item.s-1tyk4jm{padding:5px 8px;font-size:.85rem}.toolbar.s-1tyk4jm{height:48px;padding:0 15px}.toolbar-title.s-1tyk4jm{font-size:1.1rem}.toolbar-subtitle.s-1tyk4jm{font-size:.7rem}.search-container.s-1tyk4jm{width:160px}.video-grid.s-1tyk4jm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.player-window.s-1tyk4jm{width:90%}}@media (max-width:480px){.video-portfolio-container.s-1tyk4jm{flex-direction:column}.sidebar.s-1tyk4jm{border-right:none;border-bottom:1px solid hsla(var(--system-color-dark-hsl),.1);width:100%;height:auto;max-height:150px;padding:10px;overflow:auto hidden}.sidebar-padding.s-1tyk4jm{display:none}.sidebar-group.s-1tyk4jm{flex-direction:row;gap:8px;margin-bottom:10px;display:flex}.sidebar-label.s-1tyk4jm{display:none}.sidebar-item.s-1tyk4jm{white-space:nowrap;padding:6px 12px;font-size:.8rem}.toolbar.s-1tyk4jm{flex-wrap:wrap;height:44px;padding:0 12px}.toolbar-title.s-1tyk4jm{font-size:1rem}.toolbar-subtitle.s-1tyk4jm{font-size:.65rem}.search-container.s-1tyk4jm{width:100%;margin-top:8px}.scroll-area.s-1tyk4jm{padding:15px 12px}.video-grid.s-1tyk4jm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.title.s-1tyk4jm{font-size:.85rem}.subtitle.s-1tyk4jm{font-size:.75rem}.duration-badge.s-1tyk4jm{padding:2px 4px;font-size:.65rem}.player-window.s-1tyk4jm{width:95%;max-width:none}.player-header.s-1tyk4jm{height:36px;padding:0 12px}.player-title.s-1tyk4jm{font-size:.8rem}.close-btn.s-1tyk4jm{padding:3px 10px;font-size:.75rem}}