:root{--yb-bg-primary:#ffffff;--yb-bg-secondary:#fdfdfd;--yb-text-primary:#e9bf39;--yb-text-secondary:#cba22e;--yb-accent:#e9bf39;--yb-accent-hover:#d4ac2b;--yb-border:#f0f0f0;--yb-radius-lg:16px;--yb-radius-md:12px;--yb-radius-sm:8px;--yb-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 8px 15px -6px rgba(0, 0, 0, 0.05);--yb-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.yolth-browser-container{display:flex;flex-direction:column;width:100%;margin:30px 0;background-color:var(--yb-bg-primary);border-radius:var(--yb-radius-lg);overflow:hidden;box-shadow:var(--yb-shadow);color:var(--yb-text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media (min-width:900px){.yolth-browser-container{flex-direction:column;min-height:500px;transition:min-height 0.5s ease}.yolth-browser-container.yb-viewing-video{min-height:550px}.yolth-browser-container.yb-viewing-audio{min-height:400px}.yolth-browser-container.yb-viewing-pdf{min-height:850px}}.yb-main-panel{flex:1;display:flex;flex-direction:column;background-color:#0b0b0b;position:relative;min-height:350px}.yb-media-viewer{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#111}.yb-viewer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--yb-text-secondary);opacity:.7;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.yb-folder-icon{width:64px;height:64px;margin-bottom:15px;opacity:.8}.yb-media-viewer video,.yb-media-viewer audio,.yb-media-viewer iframe,.yb-media-viewer .plyr{width:100%!important;height:100%!important;border:none;border-radius:0}.yb-media-viewer iframe{background-color:#fff}.yb-sidebar{width:100%;background-color:var(--yb-bg-secondary);border-top:2px solid var(--yb-border);display:flex;flex-direction:column}@media (min-width:900px){.yb-sidebar{width:100%}}.yb-sidebar-header{padding:20px;border-bottom:2px solid var(--yb-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.yb-sidebar-header h4{margin:0;font-size:16px;font-weight:600;color:var(--yb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.yb-badge{background-color:var(--yb-accent);color:#fff;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.yb-file-list{flex:1;overflow-y:auto;padding:15px;max-height:350px}.yb-file-list::-webkit-scrollbar{width:6px}.yb-file-list::-webkit-scrollbar-track{background:#fff0}.yb-file-list::-webkit-scrollbar-thumb{background:var(--yb-border);border-radius:4px}.yb-file-list::-webkit-scrollbar-thumb:hover{background:var(--yb-text-secondary)}.yb-file-item{display:flex;align-items:center;padding:12px 15px;margin-bottom:8px;background-color:#fff;border-radius:var(--yb-radius-md);cursor:pointer;transition:var(--yb-transition);border:1px solid var(--yb-border)}.yb-file-item:hover{background-color:#fff;transform:translateX(5px);box-shadow:0 4px 15px rgb(233 191 57 / .15);border-color:var(--yb-accent)}.yb-file-item.active{background-color:rgb(59 130 246 / .1);border-color:rgb(59 130 246 / .3)}.yb-file-item.active .yb-icon svg{stroke:var(--yb-accent)}.yb-file-item.active .yb-filename{color:var(--yb-accent);font-weight:600}.yb-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fef9e8;border:1px solid #fdf2cd;border-radius:var(--yb-radius-sm);margin-right:12px;flex-shrink:0}.yb-icon svg{width:20px;height:20px;stroke:var(--yb-text-secondary);transition:var(--yb-transition)}.yb-details{flex:1;overflow:hidden}.yb-filename{display:block;font-size:14px;color:#555;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--yb-transition)}.yb-pdf-toolbar{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:10px;animation:fadeIn 0.4s ease forwards}.yb-btn-download{background-color:var(--yb-accent);color:#ffffff!important;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 6px rgb(0 0 0 / .3);transition:var(--yb-transition);text-decoration:none}.yb-btn-download:hover{background-color:var(--yb-accent-hover);transform:translateY(-2px);color:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.yolth-browser-container .plyr{height:100%;width:100%;border-radius:0;--plyr-color-main:var(--yb-accent)}.yolth-browser-container.yb-layout-beside{flex-direction:row!important;min-height:500px}@media (min-width:900px){.yolth-browser-container.yb-layout-beside{min-height:550px}.yolth-browser-container.yb-layout-beside.yb-viewing-pdf{min-height:750px}}.yolth-browser-container.yb-layout-beside .yb-main-panel{flex:1}.yolth-browser-container.yb-layout-beside .yb-sidebar{width:280px;flex-shrink:0;border-top:none;border-left:2px solid var(--yb-border)}.yolth-browser-container.yb-layout-beside .yb-file-list{max-height:none;overflow-y:auto}.yolth-browser-container{--yb-accent:#1d8d1b;--yb-accent-hover:#1d8d1bcc;--yb-text-primary:#1d8d1b;--yb-text-secondary:#1d8d1baa;--yb-bg-primary:#ffffff;--yb-bg-secondary:#ffffff;--plyr-color-main:#1d8d1b}