.gallery-page{width:100%;max-width:1200px;margin:0 auto;padding:40px 32px}.gallery-title{color:rgb(var(--mdui-color-on-surface));font-size:2rem;font-weight:500;margin:0 0 16px}.gallery-tabs{margin-bottom:24px}.gallery-empty{padding:48px;text-align:center}.gallery-empty p{color:rgb(var(--mdui-color-on-surface-variant));margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.gallery-item{text-decoration:none;min-width:0;overflow:hidden;display:block}.gallery-card{overflow:hidden;border-radius:16px;cursor:pointer;transition:box-shadow .2s;width:100%;box-sizing:border-box}.gallery-card:hover{box-shadow:var(--mdui-elevation-level3)}.gallery-img-wrapper{position:relative}.gallery-img-wrapper-vertical{aspect-ratio:9 / 16;height:auto}.gallery-img-wrapper-vertical .gallery-img{height:100%}.gallery-img-wrapper-vertical .gallery-loading{position:absolute;inset:0;height:auto}.gallery-loading{display:flex;justify-content:center;align-items:center;height:220px}.gallery-img{width:100%;height:220px;object-fit:cover;display:block}.gallery-duration{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px}.gallery-label{padding:12px 16px;color:rgb(var(--mdui-color-on-surface));font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;box-sizing:border-box}.gallery-live-badge{position:absolute;top:8px;left:8px;background:#e53935;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;z-index:1}.gallery-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:gallery-live-pulse 1.4s infinite}@keyframes gallery-live-pulse{0%,to{opacity:1}50%{opacity:.3}}.gallery-yt-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:background .2s}.gallery-card:hover .gallery-yt-badge{background:#0006}.yt-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.yt-modal{background:rgb(var(--mdui-color-surface));border-radius:16px;overflow:hidden;width:100%;max-width:560px;box-shadow:var(--mdui-elevation-level5)}.yt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px}.yt-modal-title{font-size:.95rem;font-weight:500;color:rgb(var(--mdui-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-modal-close{background:none;border:none;cursor:pointer;color:rgb(var(--mdui-color-on-surface-variant));font-size:1.1rem;padding:4px 8px;border-radius:8px;flex-shrink:0}.yt-modal-close:hover{background:rgb(var(--mdui-color-surface-variant))}.yt-modal-embed{position:relative;aspect-ratio:9 / 16;max-height:70vh}.yt-modal-embed iframe{position:absolute;inset:0;width:100%;height:100%}@media(max-width:840px){.gallery-page{padding:24px 16px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-loading,.gallery-img{height:160px}}