.text-prompt[data-astro-cid-w34dddpj]{font-family:Prompt,sans-serif}.text-sarabun[data-astro-cid-w34dddpj]{font-family:Sarabun,sans-serif}.video-page-main[data-astro-cid-w34dddpj]{background-color:#f8fafc;min-height:100vh}.video-hero[data-astro-cid-w34dddpj]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#1e293b;padding:100px 0;position:relative;overflow:hidden;border-bottom:4px solid #1e40af}.hero-container-inner[data-astro-cid-w34dddpj]{max-width:1000px;margin:0 auto;padding:0 20px;position:relative;z-index:10;text-align:center}.hero-badge[data-astro-cid-w34dddpj]{display:inline-block;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;padding:6px 20px;border-radius:50px;font-weight:700;font-size:14px;margin-bottom:24px;letter-spacing:.5px}.hero-title[data-astro-cid-w34dddpj]{font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.25;margin-bottom:20px}.gradient-text[data-astro-cid-w34dddpj]{background:linear-gradient(to right,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.blue-highlight[data-astro-cid-w34dddpj]{color:#2563eb}.hero-subtitle[data-astro-cid-w34dddpj]{font-size:clamp(16px,1.8vw,20px);color:#475569;max-width:720px;margin:0 auto 40px;line-height:1.7}.hero-ctas[data-astro-cid-w34dddpj]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-btn[data-astro-cid-w34dddpj]{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:12px;font-family:Prompt,sans-serif;font-weight:700;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:250px}.btn-call[data-astro-cid-w34dddpj]{background-color:#1e40af;color:#fff;border:2px solid #1e40af}.btn-call[data-astro-cid-w34dddpj]:hover{background-color:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px)}.btn-line[data-astro-cid-w34dddpj]{background-color:#fff;color:#066b2d;border:2px solid #066b2d}.btn-line[data-astro-cid-w34dddpj]:hover{background-color:#066b2d0d;transform:translateY(-2px)}.shadow-effect[data-astro-cid-w34dddpj]{box-shadow:0 4px 14px #00000014}.hero-bg-overlay[data-astro-cid-w34dddpj]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(37,99,235,.05) 1px,transparent 1px);background-size:24px 24px;z-index:1;opacity:.6}.section-title-wrap[data-astro-cid-w34dddpj]{border-left:6px solid #2563eb;padding-left:20px;max-width:1200px;margin:0 auto 40px}.flex-title[data-astro-cid-w34dddpj]{font-size:28px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:8px}.subtitle-text[data-astro-cid-w34dddpj]{font-size:16px;color:#64748b;text-align:left}.playlist-widget[data-astro-cid-w34dddpj]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr);gap:30px;align-items:start}.player-main-col[data-astro-cid-w34dddpj]{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0f172a0d;border:1px solid rgba(226,232,240,.8);padding:16px}.player-aspect-wrapper[data-astro-cid-w34dddpj]{width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 30px #000000e6;position:relative}.video-core-tag[data-astro-cid-w34dddpj]{width:100%;height:100%;object-fit:contain;display:block}.active-video-details[data-astro-cid-w34dddpj]{padding:24px 12px 12px}.active-status-badge[data-astro-cid-w34dddpj]{display:inline-block;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;margin-bottom:12px;border:1px solid #bfdbfe}#active-video-title[data-astro-cid-w34dddpj]{font-size:clamp(20px,2.5vw,24px);font-weight:800;color:#0f172a;margin-bottom:12px;line-height:1.3}#active-video-desc[data-astro-cid-w34dddpj]{font-size:15px;color:#475569;line-height:1.7}.playlist-sidebar-col[data-astro-cid-w34dddpj]{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0f172a0d;border:1px solid rgba(226,232,240,.8);max-height:690px;display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-astro-cid-w34dddpj]{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.list-title[data-astro-cid-w34dddpj]{font-size:18px;font-weight:700;color:#0f172a}.total-badge[data-astro-cid-w34dddpj]{background-color:#2563eb;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:50px;letter-spacing:.5px}.sidebar-scroll-list[data-astro-cid-w34dddpj]{padding:12px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:10px}.sidebar-scroll-list[data-astro-cid-w34dddpj]::-webkit-scrollbar{width:6px}.sidebar-scroll-list[data-astro-cid-w34dddpj]::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-list[data-astro-cid-w34dddpj]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:50px}.sidebar-scroll-list[data-astro-cid-w34dddpj]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.playlist-item-card[data-astro-cid-w34dddpj]{background:none;border:2px solid transparent;padding:10px;border-radius:16px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.playlist-item-card[data-astro-cid-w34dddpj]:hover{background-color:#f8fafc}.item-thumb-box[data-astro-cid-w34dddpj]{width:96px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0;background-color:#e2e8f0;box-shadow:0 2px 4px #0000000d}.item-thumb-img[data-astro-cid-w34dddpj]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.playlist-item-card[data-astro-cid-w34dddpj]:hover .item-thumb-img[data-astro-cid-w34dddpj]{transform:scale(1.08)}.item-play-overlay[data-astro-cid-w34dddpj]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a66;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.playlist-item-card[data-astro-cid-w34dddpj]:hover .item-play-overlay[data-astro-cid-w34dddpj]{opacity:1}.play-svg-icon[data-astro-cid-w34dddpj]{width:22px;height:22px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.item-text-box[data-astro-cid-w34dddpj]{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow:hidden}.item-card-title[data-astro-cid-w34dddpj]{font-size:14px;font-weight:600;color:#334155;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.item-card-meta[data-astro-cid-w34dddpj]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b}.meta-now-playing[data-astro-cid-w34dddpj]{display:none;background-color:#2563eb;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.playlist-item-card[data-astro-cid-w34dddpj].active{background-color:#eff6ff;border-color:#3b82f6}.playlist-item-card[data-astro-cid-w34dddpj].active .item-card-title[data-astro-cid-w34dddpj]{color:#1e40af;font-weight:700}.playlist-item-card[data-astro-cid-w34dddpj].active .meta-now-playing[data-astro-cid-w34dddpj]{display:inline-block}.playlist-item-card[data-astro-cid-w34dddpj].active .meta-duration[data-astro-cid-w34dddpj]{color:#2563eb;font-weight:600}.playlist-item-card[data-astro-cid-w34dddpj].active .item-play-overlay[data-astro-cid-w34dddpj]{opacity:1;background:#2563eb33}@media(max-width:1024px){.playlist-widget[data-astro-cid-w34dddpj]{grid-template-columns:1fr;gap:24px}.playlist-sidebar-col[data-astro-cid-w34dddpj]{max-height:500px}}@media(max-width:768px){.video-hero[data-astro-cid-w34dddpj]{padding:60px 0}.cta-btn[data-astro-cid-w34dddpj]{width:100%}.section-title-wrap[data-astro-cid-w34dddpj]{border-left-width:4px;padding-left:15px}.flex-title[data-astro-cid-w34dddpj]{font-size:22px}.player-main-col[data-astro-cid-w34dddpj]{padding:10px;border-radius:16px}.playlist-sidebar-col[data-astro-cid-w34dddpj]{border-radius:16px}.active-video-details[data-astro-cid-w34dddpj]{padding:16px 8px 8px}}