body{margin:0;padding:0;background-color:#0a0a0a;font-family:Pretendard,-apple-system,sans-serif;color:#fff}.preview-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:100vh}.preview-title{font-size:24px;font-weight:600;color:#8cb4e0;margin-bottom:32px}.player-wrapper{width:100%;max-width:1280px;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #00000080}.validity-notice{color:#888;font-size:13px;text-align:center;margin:8px 0 0}.speed-bar{display:flex;gap:8px;margin-top:16px}.speed-btn{padding:6px 16px;border:1px solid #333;border-radius:6px;background:#1a1a1a;color:#aaa;font-family:inherit;font-size:14px;cursor:pointer;transition:all .15s}.speed-btn:hover{border-color:#8cb4e0;color:#fff}.speed-btn.active{background:#8cb4e0;color:#0a0a0a;border-color:#8cb4e0;font-weight:600}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.status-icon{font-size:64px;margin-bottom:24px}.status-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:16px}.status-desc{font-size:16px;color:#888;line-height:1.6}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#8cb4e0;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.player-wrapper{position:relative}.seek-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.seek-ripple{position:absolute;top:0;bottom:0;width:40%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;animation:seek-fade .6s ease-out forwards;pointer-events:none}.seek-ripple.left{left:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.2) 0%,transparent 70%)}.seek-ripple.right{right:0;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.2) 0%,transparent 70%)}@keyframes seek-fade{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1)}}.player-wrapper.fs-landscape{position:fixed;top:0;left:0;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left;translate:100vw 0;z-index:99999;border-radius:0}@media (max-width: 768px){.preview-container{padding:16px 8px}.preview-title{font-size:18px;margin-bottom:16px}.speed-bar{gap:4px}.speed-btn{padding:4px 10px;font-size:12px}.status-icon{font-size:48px}.status-title{font-size:20px}.status-desc{font-size:14px}}