body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.yarl__video_container.yarl__flex_center.yarl__slide_wrapper>video{height:100vh!important}.page-wrapper{background-color:#0f0f1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.page-wrapper--empty{flex-direction:column}.loading,.page-wrapper--empty{display:flex;justify-content:center}.loading{align-items:center;background-color:#0f0f1a;min-height:100vh}.loading__spinner{animation:spin .8s linear infinite;border:3px solid rgba(244,180,0,.2);border-radius:50%;border-top-color:#f4b400;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;transition:opacity .2s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid #f4b400;outline-offset:2px}.btn--primary{background-color:#f4b400;color:#1a1a2e}.btn--ghost{background:hsla(0,0%,100%,.1);border:none;color:#fff}.btn--outline{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn--outline:hover{border-color:hsla(0,0%,100%,.5)}.btn--copy{background-color:#1a1a2e;border-radius:8px;color:#fff;font-size:13px;padding:8px 16px}.btn--close{background:none;border:none;border-radius:8px;cursor:pointer;font-size:24px;padding:4px}.nav-arrow{align-items:center;background-color:rgba(0,0,0,.4);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}.nav-arrow:hover{background-color:rgba(0,0,0,.65)}.nav-arrow:focus-visible{outline:2px solid #f4b400;outline-offset:2px}.nav-arrow--left{left:12px}.nav-arrow--right{right:12px}.thumbnail{aspect-ratio:1/1;border:3px solid transparent;border-radius:10px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .15s}.thumbnail:hover{transform:scale(1.03)}.thumbnail:focus-visible{outline:2px solid #f4b400;outline-offset:2px}.thumbnail--active{border-color:#f4b400}.mobile-thumbnail{aspect-ratio:3/4;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .15s}.mobile-thumbnail:hover{transform:scale(1.02)}.mobile-thumbnail:focus-visible{outline:2px solid #f4b400;outline-offset:2px}.modal-overlay{align-items:flex-end;background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .25s ease;background-color:#fff;box-sizing:border-box;padding:24px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.media-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.desktop-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.desktop-thumbnails .thumbnail{flex:0 0 80px;height:80px;width:80px}.desktop-inner{display:flex;margin:0 auto;max-width:1400px;width:100%}@media (max-width:900px){.desktop-inner{flex-direction:column}}.details-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-sizing:border-box;margin-bottom:24px;max-width:100%;padding:20px;width:100%}@media (max-width:900px){.details-panel{max-width:100%}}.large-preview{border-radius:16px;margin-bottom:16px;overflow:hidden;position:relative}.media-counter{background-color:rgba(0,0,0,.6);border-radius:12px;bottom:12px;color:#fff;font-size:13px;font-weight:500;left:50%;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%)}.media-filters{display:flex;gap:8px;margin-bottom:12px}.media-filters__tab{background-color:#e8e8e8;border:none;border-radius:20px;color:#595959;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s,color .2s}.media-filters__tab:hover{background-color:#d4d4d4}.media-filters__tab:focus-visible{outline:2px solid #f4b400;outline-offset:2px}.media-filters__tab--active{background-color:#f4b400;color:#fff}.media-filters__tab--active:hover{background-color:#e5a800}.empty-state{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:800px;overflow:auto;text-align:center;width:100%}@media (max-width:500px){.empty-state{border-radius:24px}}.copy-success{color:#4caf50;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}