/* TikTok Ads/ttkp-common.css */
:root{--ttkp-red: #fe2c55;--ttkp-red-hover: #e02347;--ttkp-cyan: #25f4ee;--ttkp-yellow: #face15;--ttkp-red-glow: rgba(254, 44, 85, 0.4);--ttkp-cyan-glow: rgba(37, 244, 238, 0.4);--ttkp-bg: #000000;--ttkp-surface-drawer: #121212;--ttkp-surface-dark-glass: rgba(0, 0, 0, 0.85);--ttkp-surface-pill: rgba(0, 0, 0, 0.45);--ttkp-line: rgba(255, 255, 255, 0.12);--ttkp-phone-bezel: #1f232b;--ttkp-ink: #ffffff;--ttkp-subtle: rgba(255, 255, 255, 0.55);--ttkp-font: "Plus Jakarta Sans", "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ttkp-font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, monospace;--ttkp-radius-xs: 4px;--ttkp-radius-sm: 6px;--ttkp-radius-md: 10px;--ttkp-radius-lg: 14px;--ttkp-radius-xl: 20px;--ttkp-radius-phone: 40px;--ttkp-radius-full: 999px;--ttkp-shadow-phone: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.1);--ttkp-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.7);--ttkp-shadow-drawer: 0 -10px 30px rgba(0, 0, 0, 0.8);--ttkp-shadow-toast: 0 10px 28px rgba(0, 0, 0, 0.8);--ttkp-text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);--ttkp-z-media: 1;--ttkp-z-vignette: 2;--ttkp-z-topbar: 20;--ttkp-z-rail: 25;--ttkp-z-overlay: 25;--ttkp-z-sticker: 30;--ttkp-z-notch: 50;--ttkp-z-drawer: 60;--ttkp-z-toast: 120;--ttkp-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--ttkp-ease-out: cubic-bezier(0.2, 0.9, 0.3, 1);--ttkp-transition-fast: 0.15s ease;--ttkp-transition-base: 0.2s ease}
.ttkp{position: relative;width: 100%;font-family: var(--ttkp-font);color: var(--ttkp-ink);-webkit-font-smoothing: antialiased}
.ttkp,.ttkp *,.ttkp *::before,.ttkp *::after{box-sizing: border-box}
.ttkp-sprite{position: absolute;width: 0;height: 0;overflow: hidden}
.ttkp-phone{position: relative;width: 360px;height: 720px;max-width: 100%;border-radius: var(--ttkp-radius-phone);background: var(--ttkp-bg);border: 10px solid var(--ttkp-phone-bezel);box-shadow: var(--ttkp-shadow-phone);overflow: hidden;margin: 0 auto;user-select: none}
.ttkp-notch{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 110px;height: 24px;background: #000000;border-radius: var(--ttkp-radius-full);z-index: var(--ttkp-z-notch);display: flex;align-items: center;justify-content: center}
.ttkp-camera-lens{width: 10px;height: 10px;border-radius: 50%;background: #11141a;border: 1px solid #232730}
.ttkp-media-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: var(--ttkp-z-media)}
.ttkp-vignette-top{position: absolute;top: 0;left: 0;right: 0;height: 140px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, transparent 100%);z-index: var(--ttkp-z-vignette);pointer-events: none}
.ttkp-vignette-bottom{position: absolute;bottom: 0;left: 0;right: 0;height: 260px;background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);z-index: var(--ttkp-z-vignette);pointer-events: none}
.ttkp-top-bar{position: absolute;top: 16px;left: 0;right: 0;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;z-index: var(--ttkp-z-topbar)}
.ttkp-live-pill{display: flex;align-items: center;gap: 4px;background: var(--ttkp-surface-pill);backdrop-filter: blur(10px);padding: 4px 10px;border-radius: var(--ttkp-radius-full);font-size: 12px;font-weight: 700;color: var(--ttkp-ink)}
.ttkp-tabs{display: flex;align-items: center;gap: 16px;font-size: 16px;font-weight: 700}
.ttkp-tab{color: var(--ttkp-subtle);cursor: pointer;position: relative;padding-bottom: 4px;transition: color var(--ttkp-transition-fast)}
.ttkp-tab.is-active{color: var(--ttkp-ink)}
.ttkp-tab.is-active::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 24px;height: 2px;background: var(--ttkp-ink);border-radius: 2px}
.ttkp-search-btn{background: transparent;border: none;color: var(--ttkp-ink);cursor: pointer;padding: 4px;display: flex;align-items: center;justify-content: center;transition: opacity var(--ttkp-transition-fast)}
.ttkp-search-btn:hover{opacity: 0.8}
.ttkp-action-rail{position: absolute;right: 12px;bottom: 90px;display: flex;flex-direction: column;align-items: center;gap: 16px;z-index: var(--ttkp-z-rail)}
.ttkp-avatar-wrap{position: relative;width: 48px;height: 48px;margin-bottom: 4px}
.ttkp-avatar-img{width: 100%;height: 100%;border-radius: 50%;border: 2px solid #ffffff;object-fit: cover}
.ttkp-avatar-plus{position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);width: 20px;height: 20px;border-radius: 50%;background: var(--ttkp-red);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 800;cursor: pointer;transition: transform var(--ttkp-transition-base) var(--ttkp-ease-spring)}
.ttkp-avatar-plus:hover{transform: translateX(-50%) scale(1.15)}
.ttkp-avatar-plus.is-followed{display: none}
.ttkp-rail-btn{background: transparent;border: none;display: flex;flex-direction: column;align-items: center;gap: 4px;color: #ffffff;cursor: pointer;padding: 0;transition: transform var(--ttkp-transition-fast)}
.ttkp-rail-btn:hover{transform: scale(1.12)}
.ttkp-rail-icon-box{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5))}
.ttkp-rail-btn svg{width: 32px;height: 32px;fill: currentColor}
.ttkp-rail-label{font-size: 12px;font-weight: 600;text-shadow: var(--ttkp-text-shadow)}
.ttkp-rail-btn.like-btn.is-liked svg{fill: var(--ttkp-red);animation: ttkpHeartPulse 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.ttkp-music-disc{position: relative;width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg, #1f232b, #000000);border: 4px solid #111317;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center;animation: ttkpSpinDisc 4s linear infinite}
.ttkp-music-disc img{width: 24px;height: 24px;border-radius: 50%;object-fit: cover}
.ttkp-music-note{position: absolute;right: 14px;bottom: 20px;color: rgba(255, 255, 255, 0.85);font-size: 14px;animation: ttkpFloatNote 2.4s linear infinite;pointer-events: none}
.ttkp-bottom-overlay{position: absolute;left: 0;right: 68px;bottom: 16px;padding: 0 16px;z-index: var(--ttkp-z-overlay);display: flex;flex-direction: column;gap: 8px}
.ttkp-creator-row{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}
.ttkp-handle{font-size: 15px;font-weight: 700;color: var(--ttkp-ink);text-shadow: var(--ttkp-text-shadow)}
.ttkp-verified-badge{width: 14px;height: 14px;fill: var(--ttkp-cyan)}
.ttkp-sponsored-badge{display: inline-flex;align-items: center;gap: 3px;padding: 2px 6px;background: rgba(255, 255, 255, 0.2);border-radius: var(--ttkp-radius-xs);font-size: 11px;font-weight: 600;color: var(--ttkp-ink)}
.ttkp-caption{font-size: 13.5px;color: var(--ttkp-ink);line-height: 1.4;margin: 0;text-shadow: var(--ttkp-text-shadow)}
.ttkp-tag{font-weight: 700;color: var(--ttkp-ink);margin-right: 4px}
.ttkp-audio-ticker{display: flex;align-items: center;gap: 8px;font-size: 12.5px;color: var(--ttkp-ink);overflow: hidden;max-width: 220px}
.ttkp-audio-ticker svg{width: 14px;height: 14px;fill: currentColor;flex-shrink: 0}
.ttkp-marquee-text{white-space: nowrap;animation: ttkpMarquee 10s linear infinite}
.ttkp-cta-bar{display: flex;align-items: center;justify-content: space-between;padding: 8px 14px;border-radius: var(--ttkp-radius-sm);background: var(--ttkp-red);color: #ffffff;font-size: 13.5px;font-weight: 700;cursor: pointer;box-shadow: 0 4px 14px var(--ttkp-red-glow);transition: transform var(--ttkp-transition-fast), background var(--ttkp-transition-fast);margin-top: 4px;text-decoration: none}
.ttkp-cta-bar:hover{transform: translateY(-1px);background: var(--ttkp-red-hover)}
.ttkp-cta-bar.cyan{background: var(--ttkp-cyan);color: #000000;box-shadow: 0 4px 14px var(--ttkp-cyan-glow)}
.ttkp-cta-bar.cyan:hover{background: #1de0da}
.ttkp-drawer{position: absolute;bottom: 0;left: 0;right: 0;background: var(--ttkp-surface-drawer);border-radius: var(--ttkp-radius-xl) var(--ttkp-radius-xl) 0 0;padding: 16px 20px;z-index: var(--ttkp-z-drawer);box-shadow: var(--ttkp-shadow-drawer);transform: translateY(100%);visibility: hidden;transition: transform 0.3s var(--ttkp-ease-out), visibility 0s linear 0.3s;max-height: 80%;overflow-y: auto}
.ttkp-drawer.is-open{transform: translateY(0);visibility: visible;transition: transform 0.3s var(--ttkp-ease-out), visibility 0s}
.ttkp-drawer-handle{width: 36px;height: 4px;background: rgba(255, 255, 255, 0.2);border-radius: var(--ttkp-radius-full);margin: 0 auto 12px}
.ttkp-drawer-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}
.ttkp-drawer-title{font-size: 16px;font-weight: 700;color: var(--ttkp-ink)}
.ttkp-drawer-close{background: transparent;border: none;color: var(--ttkp-ink);font-size: 22px;line-height: 1;cursor: pointer;padding: 4px;opacity: 0.8;transition: opacity var(--ttkp-transition-fast)}
.ttkp-drawer-close:hover{opacity: 1}
.ttkp-drawer-body{padding-bottom: 12px}
.ttkp-drawer-footer{padding-top: 8px}
.ttkp-btn-primary{width: 100%;padding: 12px 18px;background: var(--ttkp-red);color: #ffffff;border: none;border-radius: var(--ttkp-radius-md);font-size: 14px;font-weight: 700;cursor: pointer;box-shadow: 0 4px 16px var(--ttkp-red-glow);transition: all var(--ttkp-transition-fast)}
.ttkp-btn-primary:hover{background: var(--ttkp-red-hover);transform: translateY(-1px)}
.ttkp-toast{position: fixed;bottom: 28px;left: 50%;transform: translateX(-50%) translateY(100px);background: rgba(18, 18, 18, 0.95);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.2);color: var(--ttkp-ink);padding: 12px 24px;border-radius: var(--ttkp-radius-full);font-size: 13.5px;font-weight: 700;box-shadow: var(--ttkp-shadow-toast);z-index: var(--ttkp-z-toast);transition: transform 0.3s var(--ttkp-ease-out), opacity 0.3s ease;opacity: 0;pointer-events: none;text-align: center;max-width: 90vw}
.ttkp-toast.is-active{transform: translateX(-50%) translateY(0);opacity: 1;pointer-events: auto}
@keyframes ttkpHeartPulse{0% { transform: scale(1); }
  50% { transform: scale(1.35); }
  100% { transform: scale(1); }}
@keyframes ttkpSpinDisc{0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }}
@keyframes ttkpFloatNote{0% { opacity: 0; transform: translate(0, 0) scale(0.6); }
  40% { opacity: 1; transform: translate(-14px, -18px) scale(1); }
  100% { opacity: 0; transform: translate(-28px, -42px) scale(0.8); }}
@keyframes ttkpMarquee{0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }}
/* TikTok Ads/demos/app-install/app-install.css */
.ttkp-app-card{display: flex;align-items: center;gap: 10px;background: var(--ttkp-surface-dark-glass);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: var(--ttkp-radius-md);padding: 8px 10px;margin-bottom: 6px}
.ttkp-app-icon{width: 40px;height: 40px;border-radius: var(--ttkp-radius-sm);object-fit: cover;flex-shrink: 0}
.ttkp-app-info{flex: 1;min-width: 0}
.ttkp-app-name{font-size: 12.5px;font-weight: 700;color: var(--ttkp-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ttkp-app-ratings{display: flex;align-items: center;gap: 4px;font-size: 11px;color: rgba(255, 255, 255, 0.65);margin-top: 2px}
.ttkp-app-btn{padding: 6px 14px;border-radius: var(--ttkp-radius-sm);background: var(--ttkp-cyan);color: #000000;font-size: 11.5px;font-weight: 800;border: none;cursor: pointer;transition: opacity var(--ttkp-transition-fast)}
.ttkp-app-btn:hover{opacity: 0.88}
/* TikTok Ads/demos/carousel/carousel.css */
.ttkp-carousel-track{position: absolute;inset: 0;display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;z-index: var(--ttkp-z-media)}
.ttkp-carousel-track::-webkit-scrollbar{display: none}
.ttkp-carousel-slide{flex: 0 0 100%;height: 100%;scroll-snap-align: start}
.ttkp-carousel-slide img{width: 100%;height: 100%;object-fit: cover}
.ttkp-dots-indicator{position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 6px;z-index: var(--ttkp-z-rail)}
.ttkp-dot{width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.4);transition: all 0.2s var(--ttkp-ease-out)}
.ttkp-dot.is-active{background: #ffffff;width: 16px;border-radius: var(--ttkp-radius-full)}
/* TikTok Ads/demos/countdown/countdown.css */
.ttkp-countdown-timer{position: absolute;top: 36%;left: 50%;transform: translate(-50%, -50%);width: 250px;background: var(--ttkp-surface-dark-glass);border: 1.5px solid var(--ttkp-red);border-radius: var(--ttkp-radius-lg);padding: 12px 14px;box-shadow: var(--ttkp-shadow-card);z-index: var(--ttkp-z-sticker);text-align: center}
.ttkp-cd-title{display: flex;align-items: center;justify-content: center;gap: 5px;font-size: 11px;font-weight: 800;color: var(--ttkp-red);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 8px}
.ttkp-cd-boxes{display: flex;align-items: center;justify-content: center;gap: 6px}
.ttkp-cd-unit{display: flex;flex-direction: column;align-items: center;background: rgba(254, 44, 85, 0.18);border: 1px solid rgba(254, 44, 85, 0.4);border-radius: var(--ttkp-radius-sm);padding: 4px 8px;min-width: 44px}
.ttkp-cd-num{font-family: var(--ttkp-font-mono);font-size: 16px;font-weight: 800;color: var(--ttkp-ink);line-height: 1.1}
.ttkp-cd-lbl{font-size: 9px;font-weight: 700;color: rgba(255, 255, 255, 0.6);margin-top: 2px}
.ttkp-cd-sep{font-family: var(--ttkp-font-mono);font-weight: 800;color: var(--ttkp-red);font-size: 16px}
/* TikTok Ads/demos/coupon/coupon.css */
.ttkp-coupon-sticker{position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);width: 250px;background: linear-gradient(135deg, #1f232b, #12141a);border: 2px dashed var(--ttkp-yellow);border-radius: var(--ttkp-radius-lg);padding: 14px;box-shadow: var(--ttkp-shadow-card);z-index: var(--ttkp-z-sticker);display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;cursor: pointer;transition: transform var(--ttkp-transition-fast)}
.ttkp-coupon-sticker:hover{transform: translate(-50%, -50%) scale(1.02)}
.ttkp-coupon-tag{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 800;color: var(--ttkp-yellow);text-transform: uppercase;letter-spacing: 0.5px}
.ttkp-coupon-title{font-size: 12.5px;font-weight: 600;color: var(--ttkp-ink);margin: 0}
.ttkp-coupon-code{display: flex;align-items: center;justify-content: space-between;width: 100%;background: rgba(250, 206, 21, 0.15);border: 1px solid var(--ttkp-yellow);border-radius: var(--ttkp-radius-sm);padding: 6px 12px;font-family: var(--ttkp-font-mono);font-size: 15px;font-weight: 800;color: var(--ttkp-ink)}
.ttkp-coupon-copy-btn{font-size: 11px;font-family: var(--ttkp-font);font-weight: 700;color: var(--ttkp-yellow);background: rgba(0, 0, 0, 0.4);padding: 2px 8px;border-radius: var(--ttkp-radius-xs)}
/* TikTok Ads/demos/hashtag/hashtag.css */
.ttkp-hashtag-badge{position: absolute;top: 20px;left: 20px;right: 20px;background: var(--ttkp-surface-dark-glass);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--ttkp-radius-md);padding: 10px 14px;display: flex;flex-direction: column;gap: 3px;z-index: var(--ttkp-z-topbar);box-shadow: var(--ttkp-shadow-card)}
.ttkp-ht-tag{font-size: 14px;font-weight: 800;color: #ffffff;letter-spacing: -0.01em}
.ttkp-ht-views{font-size: 11px;font-weight: 600;color: var(--ttkp-cyan)}
/* TikTok Ads/demos/in-feed/in-feed.css */
/* TikTok Ads/demos/lead-gen/lead-gen.css */
.ttkp-form-group{margin-bottom: 14px}
.ttkp-form-label{display: block;font-size: 12px;font-weight: 600;color: rgba(255, 255, 255, 0.7);margin-bottom: 6px}
.ttkp-input{width: 100%;padding: 10px 14px;background: rgba(255, 255, 255, 0.08);border: 1px solid var(--ttkp-line);border-radius: var(--ttkp-radius-md);color: #ffffff;font-family: inherit;font-size: 13.5px;outline: none;transition: border-color var(--ttkp-transition-fast)}
.ttkp-input:focus{border-color: var(--ttkp-cyan)}
.ttkp-lead-submit{margin-top: 4px}
/* TikTok Ads/demos/playable/playable.css */
.ttkp-game-overlay{position: absolute;top: 24px;left: 20px;right: 20px;background: var(--ttkp-surface-dark-glass);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--ttkp-radius-md);padding: 10px 14px;display: flex;flex-direction: column;align-items: center;gap: 6px;z-index: var(--ttkp-z-topbar);box-shadow: var(--ttkp-shadow-card)}
.ttkp-game-badge{display: flex;align-items: center;gap: 6px;font-size: 11.5px;font-weight: 800;color: var(--ttkp-yellow);letter-spacing: 0.5px}
.ttkp-game-hp{width: 100%;height: 10px;background: rgba(255, 255, 255, 0.15);border-radius: var(--ttkp-radius-full);overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.2)}
.ttkp-game-hp-bar{height: 100%;background: linear-gradient(90deg, var(--ttkp-red), var(--ttkp-yellow));transition: width 0.2s var(--ttkp-ease-out)}
/* TikTok Ads/demos/poll/poll.css */
.ttkp-poll-sticker{position: absolute;top: 42%;left: 50%;transform: translate(-50%, -50%);width: 260px;background: var(--ttkp-surface-dark-glass);backdrop-filter: blur(14px);border: 1.5px solid rgba(255, 255, 255, 0.2);border-radius: var(--ttkp-radius-lg);padding: 14px;box-shadow: var(--ttkp-shadow-card);z-index: var(--ttkp-z-sticker);text-align: center}
.ttkp-poll-question{font-size: 13.5px;font-weight: 700;color: var(--ttkp-ink);margin-bottom: 12px;line-height: 1.35}
.ttkp-poll-options{display: flex;flex-direction: column;gap: 8px}
.ttkp-poll-btn{position: relative;width: 100%;padding: 10px 14px;border-radius: var(--ttkp-radius-full);background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.25);color: var(--ttkp-ink);font-size: 13px;font-weight: 700;cursor: pointer;display: flex;align-items: center;justify-content: space-between;overflow: hidden;transition: background var(--ttkp-transition-fast)}
.ttkp-poll-btn:hover{background: rgba(255, 255, 255, 0.25)}
.ttkp-poll-btn.is-voted{pointer-events: none}
.ttkp-poll-bar-fill{position: absolute;top: 0;bottom: 0;left: 0;background: var(--ttkp-red);width: 0%;transition: width 0.4s var(--ttkp-ease-out);opacity: 0.65;z-index: 1}
.ttkp-poll-text,.ttkp-poll-pct{position: relative;z-index: 2}
.ttkp-poll-pct{font-family: var(--ttkp-font-mono);font-weight: 800;display: none}
/* TikTok Ads/demos/shop/shop.css */
.ttkp-shop-card{display: flex;align-items: center;gap: 10px;background: var(--ttkp-surface-dark-glass);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: var(--ttkp-radius-md);padding: 8px 10px;margin-bottom: 6px;cursor: pointer;transition: transform var(--ttkp-transition-fast), border-color var(--ttkp-transition-fast)}
.ttkp-shop-card:hover{transform: translateY(-1px);border-color: rgba(255, 255, 255, 0.35)}
.ttkp-shop-img{width: 44px;height: 44px;border-radius: var(--ttkp-radius-sm);object-fit: cover;flex-shrink: 0}
.ttkp-shop-info{flex: 1;min-width: 0}
.ttkp-shop-title{font-size: 12px;font-weight: 700;color: var(--ttkp-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 3px}
.ttkp-shop-price-row{display: flex;align-items: center;gap: 6px;font-size: 11px}
.ttkp-shop-price{font-size: 13px;font-weight: 800;color: var(--ttkp-yellow)}
.ttkp-shop-original{text-decoration: line-through;color: rgba(255, 255, 255, 0.45)}
.ttkp-shop-sold{color: rgba(255, 255, 255, 0.6)}
.ttkp-shop-action{padding: 6px 12px;border-radius: var(--ttkp-radius-sm);background: var(--ttkp-red);color: #ffffff;font-size: 11.5px;font-weight: 700;border: none;cursor: pointer;transition: background var(--ttkp-transition-fast)}
.ttkp-shop-action:hover{background: var(--ttkp-red-hover)}
/* TikTok Ads/demos/spark/spark.css */
/* TikTok Ads/demos/topview/topview.css */
.ttkp-topview-badge{position: absolute;top: 18px;right: 18px;display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;background: rgba(0, 0, 0, 0.65);backdrop-filter: blur(8px);border-radius: var(--ttkp-radius-full);border: 1px solid rgba(255, 255, 255, 0.2);font-size: 12px;font-weight: 700;color: var(--ttkp-ink);z-index: var(--ttkp-z-topbar);letter-spacing: 0.2px}
.ttkp-topview-badge svg{width: 14px;height: 14px;fill: currentColor}
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}