.seo-visual{--font-sans: "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(zh-Hans){--font-sans: "InterVariable", "Inter", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(zh-Hant){--font-sans: "InterVariable", "Inter", "PingFang TC", "Noto Sans CJK TC", "Source Han Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(ja){--font-sans: "InterVariable", "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Source Han Sans JP", "Yu Gothic UI", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual:lang(ko){--font-sans: "InterVariable", "Inter", "Apple SD Gothic Neo", "Noto Sans CJK KR", "Source Han Sans KR", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.seo-visual{--color-primary-rgb: 8 145 178;--color-primary-dark-rgb: 14 116 144;--color-primary-50-rgb: 24 37 44;--color-primary-100-rgb: 22 61 71;--color-primary-200-rgb: 21 94 117;--color-primary-300-rgb: 14 116 144;--color-primary-400-rgb: 6 182 212;--color-primary-500-rgb: 34 211 238;--color-primary-600-rgb: 103 232 249;--color-primary-700-rgb: 165 243 252;--color-primary-800-rgb: 207 250 254;--color-primary-900-rgb: 236 254 255;--color-accent-rgb: 167 139 250;--color-accent-dark-rgb: 139 92 246;--color-text-rgb: 228 228 231;--color-muted-rgb: 161 161 170;--color-axis-rgb: 113 113 122;--color-pro-bg-rgb: 251 191 36;--color-pro-border-rgb: 245 158 11;--color-pro-text-rgb: 252 211 77;--color-bg-rgb: 24 24 27;--color-card-rgb: 39 39 42;--color-border-rgb: 63 63 70;--color-tag-bg-rgb: 22 61 71;--color-tag-text-rgb: 103 232 249;--color-star-rgb: 250 204 21;--color-star-off-rgb: 82 82 91;--color-surface-1-rgb: 39 39 42;--color-surface-2-rgb: 24 24 27;--color-bg: #18181b;--color-card: #27272a;--color-primary: #0891b2;--color-primary-dark: #0e7490;--color-accent: #a78bfa;--color-text: #e4e4e7;--color-muted: #a1a1aa;--color-border: #3f3f46;--color-tag-bg: #163d47;--color-tag-text: #67e8f9;--color-star: #facc15;--color-star-off: #52525b;--color-tier-locked: #facc15;--color-tier-bronze: #10b981;--color-tier-silver: #3b82f6;--color-tier-gold: #a855f7;--color-tier-platinum: #f97316;--color-tier-diamond: #ef4444;--color-loop-marker: #facc15;--color-tier-bronze-metal: #b0703a;--color-tier-silver-metal: #8f97a3;--color-tier-gold-metal: #c99a1e;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 4px 16px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius: 10px;--dur-fast: .15s;--dur-base: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}.seo-visual{display:block;margin:28px 0 32px;width:100%;font-family:inherit;color:var(--color-text);line-height:1.5}.seo-visual figcaption{margin-top:10px;color:var(--color-muted);font-size:13.5px;line-height:1.5}.seo-visual,.seo-visual *,.seo-visual:before,.seo-visual:after,.seo-visual *:before,.seo-visual *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-border)}.seo-visual svg{display:block;vertical-align:middle}.seo-visual [hidden]{display:none!important}.seo-visual button,.seo-visual input,.seo-visual select,.seo-visual textarea{font:inherit;color:inherit}.seo-visual code{background:transparent;border:0;border-radius:0;padding:0;font-size:inherit}.seo-visual{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1}.seo-visual .mb-1{margin-bottom:.25rem}.seo-visual .mb-2{margin-bottom:.5rem}.seo-visual .mb-3{margin-bottom:.75rem}.seo-visual .ml-0\.5{margin-left:.125rem}.seo-visual .mt-2{margin-top:.5rem}.seo-visual .mt-3{margin-top:.75rem}.seo-visual .flex{display:flex}.seo-visual .inline-flex{display:inline-flex}.seo-visual .grid{display:grid}.seo-visual .h-4{height:1rem}.seo-visual .h-7{height:1.75rem}.seo-visual .h-9{height:2.25rem}.seo-visual .w-4{width:1rem}.seo-visual .w-6{width:1.5rem}.seo-visual .w-7{width:1.75rem}.seo-visual .min-w-0{min-width:0px}.seo-visual .flex-1{flex:1 1 0%}.seo-visual .shrink-0{flex-shrink:0}.seo-visual .place-items-center{place-items:center}.seo-visual .items-center{align-items:center}.seo-visual .justify-center{justify-content:center}.seo-visual .justify-between{justify-content:space-between}.seo-visual .gap-1\.5{gap:.375rem}.seo-visual .gap-2{gap:.5rem}.seo-visual .gap-3{gap:.75rem}.seo-visual .whitespace-nowrap{white-space:nowrap}.seo-visual .rounded-2xl{border-radius:1rem}.seo-visual .rounded-full{border-radius:9999px}.seo-visual .rounded-lg{border-radius:.5rem}.seo-visual .rounded-xl{border-radius:.75rem}.seo-visual .border{border-width:1px}.seo-visual .border-t{border-top-width:1px}.seo-visual .border-border{--tw-border-opacity: 1;border-color:rgb(var(--color-border-rgb) / var(--tw-border-opacity, 1))}.seo-visual .border-primary{--tw-border-opacity: 1;border-color:rgb(var(--color-primary-rgb) / var(--tw-border-opacity, 1))}.seo-visual .border-white\/10{border-color:#ffffff1a}.seo-visual .border-white\/20{border-color:#fff3}.seo-visual .border-white\/5{border-color:#ffffff0d}.seo-visual .bg-card{--tw-bg-opacity: 1;background-color:rgb(var(--color-card-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.seo-visual .bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-rgb) / var(--tw-bg-opacity, 1))}.seo-visual .bg-primary\/15{background-color:rgb(var(--color-primary-rgb) / .15)}.seo-visual .bg-white\/10{background-color:#ffffff1a}.seo-visual .bg-white\/5{background-color:#ffffff0d}.seo-visual .p-4{padding:1rem}.seo-visual .px-3{padding-left:.75rem;padding-right:.75rem}.seo-visual .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.seo-visual .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.seo-visual .pl-1\.5{padding-left:.375rem}.seo-visual .pr-3{padding-right:.75rem}.seo-visual .pt-3{padding-top:.75rem}.seo-visual .text-left{text-align:left}.seo-visual .align-top{vertical-align:top}.seo-visual .text-\[9px\]{font-size:9px}.seo-visual .text-base{font-size:1rem;line-height:1.5rem}.seo-visual .text-lg{font-size:1.125rem;line-height:1.75rem}.seo-visual .text-sm{font-size:.875rem;line-height:1.25rem}.seo-visual .text-xl{font-size:1.25rem;line-height:1.75rem}.seo-visual .text-xs{font-size:.75rem;line-height:1rem}.seo-visual .font-medium{font-weight:500}.seo-visual .font-semibold{font-weight:600}.seo-visual .uppercase{text-transform:uppercase}.seo-visual .leading-none{line-height:1}.seo-visual .leading-tight{line-height:1.25}.seo-visual .tracking-wide{letter-spacing:.025em}.seo-visual .text-amber-300\/90{color:#fcd34de6}.seo-visual .text-muted{--tw-text-opacity: 1;color:rgb(var(--color-muted-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-text{--tw-text-opacity: 1;color:rgb(var(--color-text-rgb) / var(--tw-text-opacity, 1))}.seo-visual .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.seo-visual .text-white\/40{color:#fff6}.seo-visual .text-white\/50{color:#ffffff80}.seo-visual .text-white\/60{color:#fff9}.seo-visual .text-white\/70{color:#ffffffb3}.seo-visual .text-white\/80{color:#fffc}.seo-visual .text-white\/85{color:#ffffffd9}.seo-visual .text-white\/90{color:#ffffffe6}.seo-visual .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.seo-visual .ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.seo-visual .ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1) }.seo-visual .s2f-canon-art{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#f3f0e9}.seo-visual .s2f-canon-art.absolute{position:absolute}.seo-visual .s2f-canon-art.aspect-video{height:auto}.seo-visual .s2f-canon-art-photo{display:block;width:100%;height:72%;object-fit:cover;object-position:center 47%}.seo-visual .s2f-canon-art-tab{position:relative;display:block;height:28%;overflow:hidden;background:#f3f0e9}.seo-visual .s2f-canon-art-tab img{display:block;width:auto;max-width:none;height:100%;transform:translate(0)}.seo-visual{--demo-scale: 1}@media (min-width: 1024px){.seo-visual:has([data-demo][data-demo-ready]){--demo-scale: .85}}.seo-visual [data-demo].s2f-demo-stage{width:min(95vw,calc((100dvh - 160px) * 16 / 9),1600px);max-width:none;margin-left:50%;transform:translate(-50%) scale(var(--demo-scale));transform-origin:top center}.seo-visual [data-demo] .s2f-demo-bar.lb-c1 .s2f-demo-total{display:none}.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>span:not(.s2f-demo-grp),.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>.s2f-demo-grp-stack>span:first-child{flex-direction:column;gap:0;height:auto;padding-left:.4rem;padding-right:.4rem}.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>.s2f-demo-grp{align-items:stretch}.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>.s2f-demo-grp-stack>span:first-child{justify-content:center;padding-top:.2rem;padding-bottom:.2rem}.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>.s2f-demo-grp>span:last-child{height:auto}.seo-visual [data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons .s2f-demo-ilabel{font-size:9px;line-height:1}.seo-visual [data-demo] .s2f-demo-bar.lb-c3 .s2f-demo-autoword,.seo-visual [data-demo] .s2f-demo-bar.lb-c4 .s2f-demo-icons .s2f-demo-ilabel{display:none}.seo-visual [data-demo] .s2f-demo-bar.lb-wrap,.seo-visual [data-demo] .s2f-demo-bar:not([data-fit]){flex-wrap:wrap;justify-content:center;row-gap:.5rem;overflow-x:visible}.seo-visual [data-demo] .s2f-demo-bar.lb-tight{column-gap:.25rem}.seo-visual [data-demo] .s2f-demo-bar.lb-tight>*{gap:.25rem}.seo-visual [data-demo] .s2f-demo-bar.lb-tight .s2f-demo-times>span{margin-left:1px;margin-right:1px}.seo-visual [data-demo] .s2f-demo-bar.lb-tight .s2f-demo-times>.s2f-demo-step{display:none}.seo-visual [data-demo] .s2f-demo-bar:not([data-fit])>*{flex-shrink:1;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:center;row-gap:.4rem}.seo-visual [data-demo] .s2f-demo-bar:not([data-fit]) .s2f-demo-times{flex-wrap:wrap;justify-content:center;white-space:normal;row-gap:.25rem}.seo-visual [data-demo] .s2f-demo-lib{display:none}.seo-visual [data-demo][data-step^=lib-] .s2f-demo-lib{display:flex;flex-direction:column}.seo-visual [data-demo][data-step=lib-rest] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-youtube] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-youtube-add] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-card] .s2f-demo-lib,.seo-visual [data-demo][data-step=lib-practice] .s2f-demo-lib{justify-content:center}.seo-visual [data-demo] .s2f-demo-lib-local{display:none}.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib-local,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib-local{display:block}.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib-toggle,.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib-grid,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib-toggle,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib-grid{display:none}.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib-practice,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib-practice{border:2px solid rgb(var(--color-border-rgb));background:rgb(var(--color-card-rgb));color:var(--color-text)}.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib-files,.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib-files{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.seo-visual [data-demo] .s2f-demo-lib-toggle{border:1px dashed rgb(var(--color-primary-rgb) / .5);background:rgb(var(--color-primary-rgb) / .06)}.seo-visual [data-demo] .s2f-demo-lib-close,.seo-visual [data-demo] .s2f-demo-lib-form{display:none}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib-toggle,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib-toggle,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib-toggle,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-toggle{border-style:solid;border-color:rgb(var(--color-border-rgb) / 1);background:transparent}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib-plus,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib-plus,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib-plus,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-plus{display:none}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib-close,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib-close,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib-close,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-close{display:inline-flex}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib-form,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib-form,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib-form,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-form{display:block}.seo-visual [data-demo][data-step^=lib-] .s2f-demo-lib [data-focus]{transition:opacity .3s ease}.seo-visual [data-demo][data-step=lib-rest] .s2f-demo-lib [data-focus]:not([data-focus=chrome]),.seo-visual [data-demo][data-step=lib-files] .s2f-demo-lib [data-focus]:not([data-focus=chrome]):not([data-focus=local]),.seo-visual [data-demo][data-step=lib-files-choose] .s2f-demo-lib [data-focus]:not([data-focus=chrome]):not([data-focus=local]),.seo-visual [data-demo][data-step=lib-youtube] .s2f-demo-lib [data-focus]:not([data-focus=toggle]),.seo-visual [data-demo][data-step=lib-youtube-add] .s2f-demo-lib [data-focus]:not([data-focus=toggle]),.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib [data-focus]:not([data-focus=url]),.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib [data-focus]:not([data-focus=url]),.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib [data-focus]:not([data-focus=title]):not([data-focus=url]),.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib [data-focus]:not([data-focus=submit]),.seo-visual [data-demo][data-step=lib-card] .s2f-demo-lib [data-focus]:not([data-focus=newcard]),.seo-visual [data-demo][data-step=lib-practice] .s2f-demo-lib [data-focus]:not([data-focus=newcard]){opacity:.25}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-lib-grid,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-lib-grid,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-lib-grid,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-grid,.seo-visual [data-demo] .s2f-demo-val,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-inp-url .s2f-demo-ph,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-inp-url .s2f-demo-ph,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-inp-url .s2f-demo-ph{display:none}.seo-visual [data-demo][data-step=lib-url] .s2f-demo-inp-url .s2f-demo-val,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-inp-url .s2f-demo-val,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-inp-url .s2f-demo-val{display:inline}.seo-visual [data-demo][data-step=lib-title] .s2f-demo-inp-title .s2f-demo-ph,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-inp-title .s2f-demo-ph{display:none}.seo-visual [data-demo][data-step=lib-title] .s2f-demo-inp-title .s2f-demo-val,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-inp-title .s2f-demo-val{display:inline}.seo-visual [data-demo] .s2f-demo-fromyt{display:none}.seo-visual [data-demo][data-step=lib-title] .s2f-demo-fromyt,.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-fromyt{display:inline}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-inp-url,.seo-visual [data-demo][data-step=lib-url] .s2f-demo-inp-url,.seo-visual [data-demo][data-step=lib-title] .s2f-demo-inp-title{border-color:rgb(var(--color-primary-rgb) / .9);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .25)}.seo-visual [data-demo] .s2f-demo-caret{display:none;width:1px;align-self:stretch;margin:.5rem 0;background:rgb(var(--color-primary-rgb) / .9)}@keyframes s2f-demo-caret{50%{opacity:0}}.seo-visual [data-demo][data-step=lib-open] .s2f-demo-caret{display:block;animation:s2f-demo-caret 1s step-end infinite}@keyframes s2f-demo-lib-press{0%,25%{box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .4)}to{box-shadow:0 0 rgb(var(--color-primary-rgb) / 0)}}.seo-visual [data-demo][data-step=lib-submit] .s2f-demo-lib-submit{animation:s2f-demo-lib-press .8s ease-out}.seo-visual [data-demo][data-step=lib-practice] .s2f-demo-lib-go{animation:s2f-demo-lib-press .9s ease-out}.seo-visual [data-demo] .s2f-demo-lib-new{visibility:hidden}.seo-visual [data-demo][data-step=lib-card] .s2f-demo-lib-new,.seo-visual [data-demo][data-step=lib-practice] .s2f-demo-lib-new{visibility:visible;box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .95),0 10px 30px #00000073;border-color:rgb(var(--color-primary-rgb));transform:scale(1.04);transition:transform .32s cubic-bezier(.4,0,.2,1)}.seo-visual [data-demo] .s2f-demo-anchor{position:relative}.seo-visual [data-demo]{container-type:inline-size}.seo-visual [data-demo] .s2f-cap{display:none;position:absolute;bottom:100%;z-index:60;margin-bottom:.6rem;width:max-content;max-width:min(30rem,78vw);max-width:min(30rem,78vw,calc(100cqw - 1.5rem));padding:.5rem .85rem;border-radius:.6rem;font-size:1rem;font-weight:500;line-height:1.35;text-align:left;white-space:normal;color:#fff;pointer-events:none;background:linear-gradient(rgb(var(--color-primary-rgb) / .22),rgb(var(--color-primary-rgb) / .22)),#09090bdb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgb(var(--color-primary-rgb) / .75);box-shadow:0 6px 22px #00000080,0 0 0 1px #00000040}@media (min-width: 640px){.seo-visual [data-demo] .s2f-cap{font-size:1.1875rem;padding:.6rem 1.05rem}}@media (min-width: 1024px){.seo-visual [data-demo] .s2f-cap{font-size:1.375rem;padding:.7rem 1.2rem}}@media (max-height: 500px){.seo-visual [data-demo] .s2f-cap{font-size:.95rem;padding:.4rem .7rem}}.seo-visual [data-demo] .s2f-cap-mid{left:50%;transform:translate(-50%)}.seo-visual [data-demo] .s2f-cap-start{left:0}.seo-visual [data-demo] .s2f-cap-end{right:0}.seo-visual [data-demo] .s2f-cap[data-cap-v=above]{top:auto;bottom:100%;margin-top:0;margin-bottom:.6rem}.seo-visual [data-demo] .s2f-cap[data-cap-v=below]{top:100%;bottom:auto;margin-bottom:0;margin-top:.6rem}.seo-visual [data-demo] .s2f-cap[data-cap-h=start]{left:0;right:auto;transform:none}.seo-visual [data-demo] .s2f-cap[data-cap-h=mid]{left:50%;right:auto;transform:translate(-50%)}.seo-visual [data-demo] .s2f-cap[data-cap-h=end]{left:auto;right:0;transform:none}.seo-visual [data-demo][data-cap-probe] *:not(.s2f-cap):not(.s2f-cap *):not(.s2f-demo-cursor){pointer-events:auto!important}.seo-visual [data-demo] .s2f-cap[data-cap-v=free]{left:var(--cap-left, 0);top:var(--cap-top, 0);right:auto;bottom:auto;margin:0;transform:none}.seo-visual [data-demo] .s2f-demo-frame-cap-anchor{position:absolute;right:0;top:0;z-index:70}.seo-visual [data-demo] .s2f-demo-toolrow>*{flex-shrink:0}.seo-visual [data-demo] .s2f-demo-toolrow{row-gap:.4rem}.seo-visual [data-demo] .s2f-demo-tgroup{flex-shrink:0}.seo-visual [data-demo] .s2f-demo-iconrow{row-gap:.4rem}.seo-visual [data-demo][data-step=lib-rest] .s2f-cap[data-step-cap=lib],.seo-visual [data-demo][data-step=lib-files] .s2f-cap[data-step-cap=local],.seo-visual [data-demo][data-step=lib-files-choose] .s2f-cap[data-step-cap=local],.seo-visual [data-demo][data-step=lib-youtube] .s2f-cap[data-step-cap=youtube],.seo-visual [data-demo][data-step=lib-youtube-add] .s2f-cap[data-step-cap=youtube],.seo-visual [data-demo][data-step=lib-open] .s2f-cap[data-step-cap=paste],.seo-visual [data-demo][data-step=lib-url] .s2f-cap[data-step-cap=paste],.seo-visual [data-demo][data-step=lib-title] .s2f-cap[data-step-cap=paste],.seo-visual [data-demo][data-step=lib-card] .s2f-cap[data-step-cap=card],.seo-visual [data-demo][data-step=frame-in] .s2f-cap[data-step-cap=frame-in],.seo-visual [data-demo][data-step=frame-out] .s2f-cap[data-step-cap=frame-out],.seo-visual [data-demo][data-step^=slow-] .s2f-cap[data-step-cap=slow],.seo-visual [data-demo][data-step=name-hint] .s2f-cap[data-step-cap=name],.seo-visual [data-demo][data-step=kept] .s2f-cap[data-step-cap=kept]{display:block}.seo-visual [data-demo] .s2f-demo-seg-full{background:var(--color-primary);color:#fff}.seo-visual [data-demo] .s2f-demo-seg-loop{color:#ffffffb3}.seo-visual [data-demo][data-step=frame-in] .s2f-demo-seg-full,.seo-visual [data-demo][data-step=frame-out] .s2f-demo-seg-full,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-seg-full,.seo-visual [data-demo][data-step^=name-] .s2f-demo-seg-full,.seo-visual [data-demo][data-step=preview] .s2f-demo-seg-full,.seo-visual [data-demo][data-step=kept] .s2f-demo-seg-full,.seo-visual [data-demo][data-step=_still] .s2f-demo-seg-full{background:transparent;color:#ffffffb3}.seo-visual [data-demo][data-step=frame-in] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step=frame-out] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step^=name-] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step=preview] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step=kept] .s2f-demo-seg-loop,.seo-visual [data-demo][data-step=_still] .s2f-demo-seg-loop{background:var(--color-primary);color:#fff}.seo-visual [data-demo]{--lo: 0;--hi: 1}.seo-visual [data-demo][data-step=frame-in]{--lo: .34;--hi: 1}.seo-visual [data-demo][data-step=frame-out],.seo-visual [data-demo][data-step^=slow-],.seo-visual [data-demo][data-step^=name-],.seo-visual [data-demo][data-step=preview],.seo-visual [data-demo][data-step=kept],.seo-visual [data-demo][data-step=_still]{--lo: .34;--hi: .58}.seo-visual [data-demo] .s2f-demo-fill,.seo-visual [data-demo] .s2f-demo-lo,.seo-visual [data-demo] .s2f-demo-hi{transition:none}.seo-visual [data-demo] .s2f-demo-handle{width:16px;height:26px;border-radius:8px;background:var(--color-primary);border:2px solid #fff;box-shadow:0 2px 8px #00000073}.seo-visual [data-demo] .s2f-demo-fill{transform-origin:left center;transform:translateY(-50%) translate(calc(var(--lo) * 100%)) scaleX(calc(var(--hi) - var(--lo)))}.seo-visual [data-demo] .s2f-demo-saved-region{top:calc(50% - 2.5px);bottom:0;left:34%;width:calc(24% - 2px);isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:2px;padding:5px 3px 0;overflow:hidden;border-radius:2px 2px 6px 6px;background:#facc151a;color:#facc15;font-size:10px;font-weight:500;line-height:1;text-align:center;opacity:0;transition:opacity .16s ease;transform-origin:center}.seo-visual [data-demo] .s2f-demo-saved-region:before{content:"";position:absolute;z-index:1;top:0;right:0;left:0;height:5px;border-radius:2px 2px 0 0;background:#facc15;opacity:.5}.seo-visual [data-demo] .s2f-demo-saved-region>span{position:relative;z-index:2;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.75)}.seo-visual [data-demo][data-step=name-saved] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=name-close] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=preview] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=kept] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=_still] .s2f-demo-saved-region{opacity:1}.seo-visual [data-demo] .s2f-demo-lo{transform:translate(calc(var(--lo) * 100%))}.seo-visual [data-demo] .s2f-demo-hi{transform:translate(calc((var(--hi) - 1) * 100%))}.seo-visual [data-demo] .s2f-demo-ta-loop,.seo-visual [data-demo] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step=frame-in] .s2f-demo-ta-full,.seo-visual [data-demo][data-step=frame-out] .s2f-demo-ta-full,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-ta-full,.seo-visual [data-demo][data-step^=name-] .s2f-demo-ta-full,.seo-visual [data-demo][data-step=preview] .s2f-demo-ta-full,.seo-visual [data-demo][data-step=kept] .s2f-demo-ta-full,.seo-visual [data-demo][data-step=_still] .s2f-demo-ta-full{display:none}.seo-visual [data-demo][data-step=frame-in] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step=frame-out] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step^=name-] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step=preview] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step=kept] .s2f-demo-ta-loop,.seo-visual [data-demo][data-step=_still] .s2f-demo-ta-loop{display:inline}.seo-visual [data-demo][data-step=frame-out] .s2f-demo-tb-full,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-tb-full,.seo-visual [data-demo][data-step^=name-] .s2f-demo-tb-full,.seo-visual [data-demo][data-step=preview] .s2f-demo-tb-full,.seo-visual [data-demo][data-step=kept] .s2f-demo-tb-full,.seo-visual [data-demo][data-step=_still] .s2f-demo-tb-full{display:none}.seo-visual [data-demo][data-step=frame-out] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step^=slow-] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step^=name-] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step=preview] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step=kept] .s2f-demo-tb-loop,.seo-visual [data-demo][data-step=_still] .s2f-demo-tb-loop{display:inline}.seo-visual [data-demo] .s2f-demo-sp{display:none}.seo-visual [data-demo] .s2f-demo-sp-100{display:inline}.seo-visual [data-demo][data-step=slow-95] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-95] .s2f-demo-sp-95{display:inline}.seo-visual [data-demo][data-step=slow-90] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-90] .s2f-demo-sp-90{display:inline}.seo-visual [data-demo][data-step=slow-85] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-85] .s2f-demo-sp-85{display:inline}.seo-visual [data-demo][data-step=slow-80] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-80] .s2f-demo-sp-80{display:inline}.seo-visual [data-demo][data-step=slow-75] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-75] .s2f-demo-sp-75{display:inline}.seo-visual [data-demo][data-step=slow-70] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step=slow-70] .s2f-demo-sp-70{display:inline}.seo-visual [data-demo][data-step^=name-] .s2f-demo-sp-100,.seo-visual [data-demo][data-step=preview] .s2f-demo-sp-100,.seo-visual [data-demo][data-step=kept] .s2f-demo-sp-100,.seo-visual [data-demo][data-step=_still] .s2f-demo-sp-100{display:none}.seo-visual [data-demo][data-step^=name-] .s2f-demo-sp-70,.seo-visual [data-demo][data-step=preview] .s2f-demo-sp-70,.seo-visual [data-demo][data-step=kept] .s2f-demo-sp-70,.seo-visual [data-demo][data-step=_still] .s2f-demo-sp-70{display:inline}.seo-visual [data-demo] .s2f-demo-name{visibility:hidden}.seo-visual [data-demo][data-step=name-saved] .s2f-demo-name,.seo-visual [data-demo][data-step=name-close] .s2f-demo-name,.seo-visual [data-demo][data-step=preview] .s2f-demo-name,.seo-visual [data-demo][data-step=kept] .s2f-demo-name,.seo-visual [data-demo][data-step=_still] .s2f-demo-name{visibility:visible}.seo-visual [data-demo] .s2f-demo-loops{transition:box-shadow .22s ease}.seo-visual [data-demo][data-step^=name-] .s2f-demo-loops{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .9)}.seo-visual [data-demo] .s2f-demo-cursor{position:absolute;left:0;top:0;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;border-radius:9999px;border:2px solid rgb(255 255 255 / .95);background:#ffffff1a;box-shadow:0 0 0 1.5px #0000008c,inset 0 0 0 1.5px #0000004d,0 2px 10px #00000080;opacity:0;pointer-events:none;z-index:55;transition:transform .62s cubic-bezier(.33,0,.2,1),opacity .2s ease}.seo-visual [data-demo] .s2f-demo-cursor[data-cursor-on]{opacity:1}.seo-visual [data-demo] .s2f-demo-cursor[data-cursor-ride]{transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .2s ease}.seo-visual [data-demo] .s2f-demo-cursor[data-cursor-cut]{transition:none;opacity:0}.seo-visual [data-demo] .s2f-demo-cursor:after{content:"";position:absolute;inset:-.35rem;border-radius:9999px;border:2px solid rgb(255 255 255 / .85);box-shadow:0 0 0 1px #0006;opacity:0;transform:scale(.6)}.seo-visual [data-demo] .s2f-demo-cursor[data-cursor-press]:after{animation:s2f-demo-press .52s ease-out}@keyframes s2f-demo-press{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion: reduce){.seo-visual [data-demo] .s2f-demo-cursor{display:none}}.seo-visual [data-demo] .s2f-demo-speed{transition:box-shadow .22s ease;border-radius:9999px}.seo-visual [data-demo][data-step^=slow-] .s2f-demo-speed{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .9)}@keyframes s2f-demo-press-a{0%,18%{background-color:rgb(var(--color-primary-rgb) / .85);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}to{background-color:#ffffff1a;box-shadow:none}}@keyframes s2f-demo-press-b{0%,18%{background-color:rgb(var(--color-primary-rgb) / .85);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}to{background-color:#ffffff1a;box-shadow:none}}.seo-visual [data-demo][data-step=slow-95] .s2f-demo-minus,.seo-visual [data-demo][data-step=slow-85] .s2f-demo-minus,.seo-visual [data-demo][data-step=slow-75] .s2f-demo-minus{animation:s2f-demo-press-a .4s ease-out}.seo-visual [data-demo][data-step=slow-90] .s2f-demo-minus,.seo-visual [data-demo][data-step=slow-80] .s2f-demo-minus,.seo-visual [data-demo][data-step=slow-70] .s2f-demo-minus{animation:s2f-demo-press-b .4s ease-out}.seo-visual [data-demo] .s2f-demo-loops-panel{opacity:0;pointer-events:none;transition:opacity .2s ease}.seo-visual [data-demo][data-step=name-open] .s2f-demo-loops-panel,.seo-visual [data-demo][data-step=name-pick] .s2f-demo-loops-panel,.seo-visual [data-demo][data-step=name-saved] .s2f-demo-loops-panel,.seo-visual [data-demo][data-step=name-close] .s2f-demo-loops-panel{opacity:1}.seo-visual [data-demo] .s2f-demo-loop-saved,.seo-visual [data-demo][data-step=name-saved] .s2f-demo-loop-empty,.seo-visual [data-demo][data-step=name-close] .s2f-demo-loop-empty{display:none}.seo-visual [data-demo][data-step=name-saved] .s2f-demo-loop-saved,.seo-visual [data-demo][data-step=name-close] .s2f-demo-loop-saved{display:block}.seo-visual [data-demo][data-step=name-saved] .s2f-demo-loop-saved.items-center,.seo-visual [data-demo][data-step=name-close] .s2f-demo-loop-saved.items-center{display:flex}.seo-visual [data-demo] .s2f-demo-loops-panel [data-mock-label^="player.loops.preset_"]{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;padding-left:2px;padding-right:2px}@media (max-width: 379px){.seo-visual [data-demo] .s2f-demo-loops-panel [data-mock-label^="player.loops.preset_"]{font-size:10px}}@media (max-width: 339px){.seo-visual [data-demo] .s2f-demo-loops-panel [data-mock-label^="player.loops.preset_"]{font-size:9px}}.seo-visual [data-demo] .s2f-demo-loopcount{display:none}.seo-visual [data-demo][data-step=name-saved] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=name-close] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=preview] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=kept] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=_still] .s2f-demo-loopcount{display:block}.seo-visual [data-demo=climb].s2f-climb-stage{--demo-scale: 1;isolation:isolate}.seo-visual [data-demo=climb] .s2f-climb-practice,.seo-visual [data-demo=climb] .s2f-climb-stats{transition:opacity .36s ease}.seo-visual [data-demo=climb] .s2f-climb-media{flex:1 1 0}.seo-visual [data-demo=climb] .s2f-climb-practice{opacity:0;pointer-events:none}.seo-visual [data-demo=climb] .s2f-climb-stats,.seo-visual [data-demo=climb][data-step^=climb-] .s2f-climb-practice{opacity:1}.seo-visual [data-demo=climb][data-step^=climb-] .s2f-climb-stats,.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-practice,.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-practice,.seo-visual [data-demo=climb][data-step=climb-preview] .s2f-climb-practice{opacity:0}.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-stats,.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-stats,.seo-visual [data-demo=climb][data-step=climb-preview] .s2f-climb-stats{opacity:1}.seo-visual [data-demo=climb] .s2f-climb-before,.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-after{display:none}.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-before{display:inline}.seo-visual [data-demo=climb] .s2f-climb-before-block,.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-after-block{display:none}.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-before-block{display:block}.seo-visual [data-demo=climb] .s2f-climb-settings{opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:transform .26s ease,opacity .22s ease;z-index:30}.seo-visual [data-demo=climb][data-step=climb-settings] .s2f-climb-settings,.seo-visual [data-demo=climb][data-step=climb-settings-close] .s2f-climb-settings{opacity:1;transform:translate(-50%)}.seo-visual [data-demo=climb][data-step=climb-closed] .s2f-climb-settings{opacity:0}.seo-visual [data-demo=climb] .s2f-climb-round{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid rgb(255 255 255 / .25);border-radius:9999px;color:#ffffffd9}.seo-visual [data-demo=climb] .s2f-climb-settings .s2f-climb-round{width:2rem;height:2rem;font-size:1rem;background:#ffffff14}.seo-visual [data-demo=climb] .s2f-climb-settings-close{transition:color .15s ease,background .15s ease}.seo-visual [data-demo=climb][data-step=climb-settings-close] .s2f-climb-settings-close{color:#fff;background:#ffffff1a}.seo-visual [data-demo=climb] .s2f-climb-live-col{display:flex;align-items:flex-end;height:100%;border-radius:.2rem;background:#ffffff0f;overflow:hidden}.seo-visual [data-demo=climb] .s2f-climb-live-fill{display:block;width:100%;height:var(--climb-practice-only-height, 8%);border-radius:.2rem .2rem 0 0;background:var(--color-primary);box-shadow:0 0 8px rgb(var(--color-primary-rgb) / .45);transform:scaleY(0);transform-origin:bottom;transition:transform .18s cubic-bezier(.2,.85,.25,1) .65s}.seo-visual [data-demo=climb][data-step=climb-speed-060] .s2f-climb-live-col:nth-child(-n+1) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-065] .s2f-climb-live-col:nth-child(-n+2) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-070] .s2f-climb-live-col:nth-child(-n+3) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-075] .s2f-climb-live-col:nth-child(-n+4) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-080] .s2f-climb-live-col:nth-child(-n+5) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-085] .s2f-climb-live-col:nth-child(-n+6) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-090] .s2f-climb-live-col:nth-child(-n+7) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-095] .s2f-climb-live-col:nth-child(-n+8) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-speed-100] .s2f-climb-live-col:nth-child(-n+9) .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-live-col .s2f-climb-live-fill,.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-live-col .s2f-climb-live-fill{transform:scaleY(1)}.seo-visual [data-demo=climb][data-step=climb-speed-060] .s2f-climb-live-labels span:nth-child(1),.seo-visual [data-demo=climb][data-step=climb-speed-065] .s2f-climb-live-labels span:nth-child(2),.seo-visual [data-demo=climb][data-step=climb-speed-070] .s2f-climb-live-labels span:nth-child(3),.seo-visual [data-demo=climb][data-step=climb-speed-075] .s2f-climb-live-labels span:nth-child(4),.seo-visual [data-demo=climb][data-step=climb-speed-080] .s2f-climb-live-labels span:nth-child(5),.seo-visual [data-demo=climb][data-step=climb-speed-085] .s2f-climb-live-labels span:nth-child(6),.seo-visual [data-demo=climb][data-step=climb-speed-090] .s2f-climb-live-labels span:nth-child(7),.seo-visual [data-demo=climb][data-step=climb-speed-095] .s2f-climb-live-labels span:nth-child(8),.seo-visual [data-demo=climb][data-step=climb-speed-100] .s2f-climb-live-labels span:nth-child(9),.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-live-labels span:nth-child(9){color:#fff;font-weight:800;text-shadow:0 0 8px rgb(var(--color-primary-rgb) / .95)}.seo-visual [data-demo=climb] .s2f-climb-speed-value [data-speed]{display:none}.seo-visual [data-demo=climb] .s2f-climb-speed-value [data-speed="060"],.seo-visual [data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed-value [data-speed="060"],.seo-visual [data-demo=climb][data-step=climb-speed-065] .s2f-climb-speed-value [data-speed="065"],.seo-visual [data-demo=climb][data-step=climb-speed-070] .s2f-climb-speed-value [data-speed="070"],.seo-visual [data-demo=climb][data-step=climb-speed-075] .s2f-climb-speed-value [data-speed="075"],.seo-visual [data-demo=climb][data-step=climb-speed-080] .s2f-climb-speed-value [data-speed="080"],.seo-visual [data-demo=climb][data-step=climb-speed-085] .s2f-climb-speed-value [data-speed="085"],.seo-visual [data-demo=climb][data-step=climb-speed-090] .s2f-climb-speed-value [data-speed="090"],.seo-visual [data-demo=climb][data-step=climb-speed-095] .s2f-climb-speed-value [data-speed="095"],.seo-visual [data-demo=climb][data-step=climb-speed-100] .s2f-climb-speed-value [data-speed="100"],.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-speed-value [data-speed="100"],.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-speed-value [data-speed="100"]{display:inline}.seo-visual [data-demo=climb][data-step^=climb-speed-] .s2f-climb-speed-value [data-speed="060"],.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-speed-value [data-speed="060"],.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-speed-value [data-speed="060"]{display:none}.seo-visual [data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed-value [data-speed="060"]{display:inline}.seo-visual [data-demo=climb] .s2f-climb-fastforward,.seo-visual [data-demo=climb] .s2f-climb-cap{display:none}.seo-visual [data-demo=climb][data-step^=climb-speed-] .s2f-climb-fastforward{opacity:1}.seo-visual [data-demo=climb][data-step^=climb-speed-] .s2f-climb-fastforward{display:inline-flex}.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-cap,.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-cap{display:inline}.seo-visual [data-demo=climb] .s2f-climb-loop-pulse{width:.35rem;height:.35rem;border-radius:9999px;border:1px solid currentColor;opacity:.25}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-loop-pulse{animation:s2f-climb-loop-a .9s both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-loop-pulse,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-loop-pulse{animation:s2f-climb-loop-b .9s both}.seo-visual [data-demo=climb] .s2f-climb-loop-pulse:nth-child(2){animation-delay:.18s}.seo-visual [data-demo=climb] .s2f-climb-loop-pulse:nth-child(3){animation-delay:.36s}@keyframes s2f-climb-loop-a{0%,16%{opacity:.25;transform:scale(.7);background:transparent}34%,to{opacity:1;transform:scale(1);background:currentColor}}@keyframes s2f-climb-loop-b{0%,16%{opacity:.25;transform:scale(.7);background:transparent}34%,to{opacity:1;transform:scale(1);background:currentColor}}.seo-visual [data-demo=climb] .s2f-climb-rep-count{position:relative;display:inline-block;width:2.75rem;height:1.15rem;font-size:.9rem;line-height:1.15rem;text-align:right;font-variant-numeric:tabular-nums}.seo-visual [data-demo=climb] .s2f-climb-rep-count i{position:absolute;inset:0;font-style:normal;opacity:0}.seo-visual [data-demo=climb] .s2f-climb-rep-count i[data-rep="3"]{opacity:1}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="1"]{animation:s2f-climb-rep-one-a .9s step-end both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="2"]{animation:s2f-climb-rep-two-a .9s step-end both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="3"]{animation:s2f-climb-rep-three-a .9s step-end both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="1"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="1"]{animation:s2f-climb-rep-one-b .9s step-end both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="2"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="2"]{animation:s2f-climb-rep-two-b .9s step-end both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="3"],.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="3"]{animation:s2f-climb-rep-three-b .9s step-end both}@keyframes s2f-climb-rep-one-a{0%,32%{opacity:1;transform:scale(1.08)}33%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-two-a{0%,32%{opacity:0}33%,65%{opacity:1;transform:scale(1.08)}66%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-three-a{0%,65%{opacity:0}66%,to{opacity:1;transform:scale(1.08)}}@keyframes s2f-climb-rep-one-b{0%,32%{opacity:1;transform:scale(1.08)}33%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-two-b{0%,32%{opacity:0}33%,65%{opacity:1;transform:scale(1.08)}66%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-three-b{0%,65%{opacity:0}66%,to{opacity:1;transform:scale(1.08)}}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-speed{animation:s2f-climb-speed-pop-a .9s both}.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-speed,.seo-visual [data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-speed{animation:s2f-climb-speed-pop-b .9s both}@keyframes s2f-climb-speed-pop-a{0%{transform:scale(.9);box-shadow:0 0 rgb(var(--color-primary-rgb) / .8)}28%{transform:scale(1.12);box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .38)}60%,to{transform:scale(1);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .28)}}@keyframes s2f-climb-speed-pop-b{0%{transform:scale(.9);box-shadow:0 0 rgb(var(--color-primary-rgb) / .8)}28%{transform:scale(1.12);box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .38)}60%,to{transform:scale(1);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .28)}}.seo-visual [data-demo=climb][data-step^=climb-speed-] .s2f-climb-auto{background:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .3)}.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-climb-auto,.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-auto{opacity:.4}.seo-visual [data-demo=climb][data-step=climb-rest] .s2f-climb-auto-more,.seo-visual [data-demo=climb][data-step=climb-engage] .s2f-climb-auto,.seo-visual [data-demo=climb][data-step=climb-stats-press] .s2f-climb-stats-btn{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .8)}.seo-visual [data-demo=climb] .s2f-climb-settings-anchor,.seo-visual [data-demo=climb] .s2f-climb-step-anchor,.seo-visual [data-demo=climb] .s2f-climb-recorded-anchor{position:absolute;z-index:70}.seo-visual [data-demo=climb] .s2f-climb-settings-anchor{left:50%;top:0}.seo-visual [data-demo=climb] .s2f-climb-step-anchor{right:0;top:0}.seo-visual [data-demo=climb] .s2f-climb-recorded-anchor{left:50%;top:0}.seo-visual [data-demo=climb] .s2f-climb-final-stack{display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;width:100%;min-height:0}.seo-visual [data-demo=climb] .s2f-climb-history,.seo-visual [data-demo=climb] .s2f-climb-added{display:block;flex:0 0 auto;width:100%}.seo-visual [data-demo=climb] .s2f-climb-history{height:var(--climb-history-height, 8%);border-radius:0 0 .18rem .18rem;background:var(--climb-history-color, var(--color-tier-locked));opacity:.82}.seo-visual [data-demo=climb] .s2f-climb-added{height:var(--climb-practice-height, 8%);border-radius:.18rem .18rem 0 0;border-top:1px solid rgb(255 255 255 / .48);background-color:rgb(var(--color-primary-rgb) / .68);background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgb(255 255 255 / .14) 4px 6px);box-shadow:0 0 7px rgb(var(--color-primary-rgb) / .35);transform:scaleY(1);transform-origin:bottom;transition:transform .52s cubic-bezier(.2,.85,.25,1)}.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-added{transform:scaleY(0);transition:none}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(2) .s2f-climb-added{transition-delay:60ms}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(3) .s2f-climb-added{transition-delay:.12s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(4) .s2f-climb-added{transition-delay:.18s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(5) .s2f-climb-added{transition-delay:.24s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(6) .s2f-climb-added{transition-delay:.3s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(7) .s2f-climb-added{transition-delay:.36s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(8) .s2f-climb-added{transition-delay:.42s}.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(9) .s2f-climb-added{transition-delay:.48s}.seo-visual [data-demo=climb] .s2f-climb-tier{display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center;margin-bottom:.18rem;opacity:1;transition:opacity .3s ease .46s}.seo-visual [data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=locked] .s2f-climb-tier{visibility:hidden}.seo-visual [data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=bronze] .s2f-climb-tier{color:var(--color-tier-bronze);--climb-medal-metal: var(--color-tier-bronze-metal)}.seo-visual [data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=silver] .s2f-climb-tier{color:var(--color-tier-silver);--climb-medal-metal: var(--color-tier-silver-metal)}.seo-visual [data-demo=climb] .s2f-climb-tier-disc{fill:var(--climb-medal-metal);stroke:var(--climb-medal-metal)}.seo-visual [data-demo=climb][data-step=climb-panel] .s2f-climb-tier{opacity:0;transition:none}.seo-visual [data-demo=climb] .s2f-climb-history-key{background:linear-gradient(90deg,var(--color-tier-locked) 0 33%,var(--color-tier-bronze) 33% 66%,var(--color-tier-silver) 66% 100%);opacity:.82}.seo-visual [data-demo=climb] .s2f-climb-added-key{border-top:1px solid rgb(255 255 255 / .48);background-color:rgb(var(--color-primary-rgb) / .68);background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgb(255 255 255 / .18) 3px 4px)}.seo-visual [data-demo=climb] .s2f-cap{max-width:min(20rem,78vw);max-width:min(20rem,78vw,calc(100cqw - 1.5rem));font-size:.95rem;padding:.5rem .85rem}.seo-visual [data-demo=climb][data-step=climb-settings] .s2f-cap[data-step-cap=climb-settings],.seo-visual [data-demo=climb][data-step=climb-settings-close] .s2f-cap[data-step-cap=climb-settings],.seo-visual [data-demo=climb][data-step^=climb-speed-]:not([data-step=climb-speed-100]) .s2f-cap[data-step-cap=climb-step],.seo-visual [data-demo=climb][data-step=climb-speed-100] .s2f-cap[data-step-cap=climb-full-speed],.seo-visual [data-demo=climb][data-step=climb-cap] .s2f-cap[data-step-cap=climb-cap],.seo-visual [data-demo=climb][data-step=climb-recorded] .s2f-cap[data-step-cap=climb-recorded]{display:block}@media (prefers-reduced-motion: reduce){.seo-visual [data-demo=climb] .s2f-climb-practice,.seo-visual [data-demo=climb] .s2f-climb-stats,.seo-visual [data-demo=climb] .s2f-climb-settings,.seo-visual [data-demo=climb] .s2f-climb-live-fill,.seo-visual [data-demo=climb] .s2f-climb-added,.seo-visual [data-demo=climb] .s2f-climb-tier{transition:none;animation:none}.seo-visual [data-demo=climb] .s2f-climb-loop-pulse,.seo-visual [data-demo=climb] .s2f-climb-speed,.seo-visual [data-demo=climb] .s2f-climb-rep-count i{animation:none}}.seo-visual .s2f-demo-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent}.seo-visual [data-demo]:not([data-step])~* .s2f-demo-toggle,.seo-visual [data-demo]:not([data-demo-ready])~* .s2f-demo-toggle,.seo-visual [data-demo][data-step=_still]~* .s2f-demo-toggle{visibility:hidden}.seo-visual .s2f-demo-ic-play,.seo-visual .s2f-demo-lbl-play,.seo-visual .s2f-demo-ic-replay,.seo-visual .s2f-demo-lbl-replay{display:none}.seo-visual [data-demo][data-paused]~* .s2f-demo-ic-pause,.seo-visual [data-demo][data-paused]~* .s2f-demo-lbl-pause{display:none}.seo-visual [data-demo][data-paused]~* .s2f-demo-ic-play{display:block}.seo-visual [data-demo][data-paused]~* .s2f-demo-lbl-play{display:inline}.seo-visual [data-demo][data-complete]~* .s2f-demo-ic-pause,.seo-visual [data-demo][data-complete]~* .s2f-demo-lbl-pause,.seo-visual [data-demo][data-complete]~* .s2f-demo-ic-play,.seo-visual [data-demo][data-complete]~* .s2f-demo-lbl-play{display:none}.seo-visual [data-demo][data-complete]~* .s2f-demo-ic-replay{display:block}.seo-visual [data-demo][data-complete]~* .s2f-demo-lbl-replay{display:inline}.seo-visual [data-demo][data-demo-ready][data-step]:not([data-step=_still]){cursor:pointer;-webkit-tap-highlight-color:transparent}.seo-visual [data-demo][data-paused],.seo-visual [data-demo][data-paused]:before,.seo-visual [data-demo][data-paused]:after,.seo-visual [data-demo][data-paused] *,.seo-visual [data-demo][data-paused] *:before,.seo-visual [data-demo][data-paused] *:after,.seo-visual [data-demo][data-viewport-paused],.seo-visual [data-demo][data-viewport-paused]:before,.seo-visual [data-demo][data-viewport-paused]:after,.seo-visual [data-demo][data-viewport-paused] *,.seo-visual [data-demo][data-viewport-paused] *:before,.seo-visual [data-demo][data-viewport-paused] *:after{animation-play-state:paused!important}@keyframes s2f-demo-landed{0%{transform:scale(.82)}55%{transform:scale(1.08)}to{transform:scale(1)}}.seo-visual [data-demo][data-step=preview] .s2f-demo-name,.seo-visual [data-demo][data-step=preview] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=preview] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=kept] .s2f-demo-name,.seo-visual [data-demo][data-step=kept] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=kept] .s2f-demo-saved-region{animation:s2f-demo-landed .42s cubic-bezier(.34,1.56,.64,1) .15s both}@media (prefers-reduced-motion: reduce){.seo-visual [data-demo][data-step=preview] .s2f-demo-name,.seo-visual [data-demo][data-step=preview] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=preview] .s2f-demo-saved-region,.seo-visual [data-demo][data-step=kept] .s2f-demo-name,.seo-visual [data-demo][data-step=kept] .s2f-demo-loopcount,.seo-visual [data-demo][data-step=kept] .s2f-demo-saved-region{animation:none}}.seo-visual [data-demo][data-step=name-pick] .s2f-demo-pick{background:rgb(var(--color-primary-rgb) / .95)!important;color:#fff;box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}.seo-visual [data-demo=link].s2f-link-stage{--demo-scale: 1;height:560px;isolation:isolate}.seo-visual [data-demo=link] .s2f-link-library,.seo-visual [data-demo=link] .s2f-link-modal,.seo-visual [data-demo=link] .s2f-link-success,.seo-visual [data-demo=link] .s2f-link-browser,.seo-visual [data-demo=link] .s2f-link-receiver{transition:opacity .26s ease,transform .36s cubic-bezier(.2,.75,.25,1)}.seo-visual [data-demo=link] .s2f-link-library,.seo-visual [data-demo=link] .s2f-link-modal,.seo-visual [data-demo=link] .s2f-link-success,.seo-visual [data-demo=link] .s2f-link-browser{opacity:0;pointer-events:none}.seo-visual [data-demo=link] .s2f-link-receiver{opacity:1;transform:scale(1)}.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-library] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-share-press] .s2f-link-library{opacity:1}.seo-visual [data-demo=link][data-step=link-modal] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-public-selected] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-public-ready] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-library,.seo-visual [data-demo=link][data-step=link-success] .s2f-link-library{opacity:0}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-share-press] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-modal] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-public-selected] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-public-ready] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-modal{opacity:1;transform:translateY(0)}.seo-visual [data-demo=link][data-step=link-success] .s2f-link-success{opacity:1;transform:scale(1)}.seo-visual [data-demo=link][data-step=link-handoff] .s2f-link-browser,.seo-visual [data-demo=link][data-step=link-browser-open] .s2f-link-browser,.seo-visual [data-demo=link][data-step=link-browser-launch] .s2f-link-browser,.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-browser{opacity:1}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-library] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-share-press] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-modal] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-public-selected] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-public-ready] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-success] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-handoff] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-browser-open] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-browser-launch] .s2f-link-receiver,.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-receiver{opacity:0;transform:scale(.97)}.seo-visual [data-demo=link] .s2f-link-modal{padding:0;background:var(--color-card);transform:translateY(3%)}.seo-visual [data-demo=link] .s2f-link-success{padding:0;align-items:stretch;background:var(--color-card);transform:scale(.96)}.seo-visual [data-demo=link] .s2f-link-success>div{display:flex;height:100%;flex-direction:column;justify-content:center;border:0;border-radius:0;box-shadow:none}.seo-visual [data-demo=link] .s2f-link-share-trigger,.seo-visual [data-demo=link] .s2f-link-check,.seo-visual [data-demo=link] .s2f-link-create{transition:box-shadow .18s ease,opacity .18s ease,background-color .18s ease}.seo-visual [data-demo=link][data-step=link-library] .s2f-link-share-trigger,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-scope-friends,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-scope-public,.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-address,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-create{box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .34)}.seo-visual [data-demo=link] .s2f-link-form-card{height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}.seo-visual [data-demo=link] .s2f-link-form-scroll{height:100%;transition:transform .36s cubic-bezier(.2,.75,.25,1)}.seo-visual [data-demo=link] .s2f-link-friends-picker{display:none}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-friends-picker,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-friends-picker,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-friends-picker,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-friends-picker,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-friends-picker{display:block}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-form-scroll,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-form-scroll,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-form-scroll{transform:translateY(-64px)}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-scope-public,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-scope-public,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-scope-public{border-color:var(--color-border);background:transparent;opacity:.7}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-public-radio i,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-public-radio i,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-public-radio i{opacity:0}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-scope-friends,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-scope-friends,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-scope-friends{border-color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .1);opacity:1}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-friends-radio,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-friends-radio,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-friends-radio{border-color:transparent}.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-friends-radio i,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-friends-radio i,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-friends-radio i{opacity:1}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-modal,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-modal{padding:0;background:var(--color-card);transform:translateY(0)}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-form-card,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-form-card{height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-form-scroll,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-form-scroll{height:100%;transform:none}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-note,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-note,.seo-visual [data-demo=link] .s2f-link-selected-count{display:none}.seo-visual [data-demo=link] .s2f-link-recipient-check{color:transparent}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-all-friends,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-all-friends{display:none}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-selected-count,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-selected-count{display:inline}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-preview-selected,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-preview-selected{color:var(--color-primary);border-color:var(--color-primary)}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-scope-public,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-scope-public{border-color:var(--color-border);background:transparent;opacity:.7}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-public-radio i,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-public-radio i{opacity:0}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-scope-friends,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-scope-friends{border-color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .1);opacity:1}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-friends-radio,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-friends-radio{border-color:transparent}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-friends-radio i,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-friends-radio i{opacity:1}.seo-visual [data-demo=link] .s2f-link-speed-chip{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:var(--color-card);font-size:9px;line-height:1.2;white-space:nowrap}.seo-visual [data-demo=link] .s2f-link-speed-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-public-selected] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-public-ready] .s2f-link-intro-check,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-intro-check{color:transparent;border:1px solid #94a3b8;background:#fff}.seo-visual [data-demo=link][data-step=link-preview] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-preview-exit] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-intro-off] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-verse-ready] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-friends] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-friends-ready] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-public-press] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-public-selected] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-public-ready] .s2f-link-intro-speeds,.seo-visual [data-demo=link][data-step=link-create] .s2f-link-intro-speeds{opacity:.35}.seo-visual [data-demo=link] .s2f-link-handoff-copy,.seo-visual [data-demo=link] .s2f-link-browser-home,.seo-visual [data-demo=link] .s2f-link-browser-shell,.seo-visual [data-demo=link] .s2f-link-browser-open-copy,.seo-visual [data-demo=link] .s2f-link-browser-type-copy{opacity:0}.seo-visual [data-demo=link][data-step=link-handoff] .s2f-link-handoff-copy,.seo-visual [data-demo=link][data-step=link-browser-open] .s2f-link-browser-home,.seo-visual [data-demo=link][data-step=link-browser-open] .s2f-link-browser-open-copy,.seo-visual [data-demo=link][data-step=link-browser-launch] .s2f-link-browser-home,.seo-visual [data-demo=link][data-step=link-browser-launch] .s2f-link-browser-open-copy,.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-browser-shell,.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-browser-type-copy{opacity:1}.seo-visual [data-demo=link] .s2f-link-browser-home,.seo-visual [data-demo=link] .s2f-link-browser-shell,.seo-visual [data-demo=link] .s2f-link-handoff-copy,.seo-visual [data-demo=link] .s2f-link-browser-open-copy,.seo-visual [data-demo=link] .s2f-link-browser-type-copy{transition:opacity .26s ease}.seo-visual [data-demo=link] .s2f-link-mobile-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffffffc7;font-size:9px}.seo-visual [data-demo=link] .s2f-link-mobile-status>span{display:flex;align-items:flex-end;gap:2px}.seo-visual [data-demo=link] .s2f-link-mobile-status i{width:2px;background:currentColor;border-radius:2px}.seo-visual [data-demo=link] .s2f-link-mobile-status i:nth-child(1){height:3px}.seo-visual [data-demo=link] .s2f-link-mobile-status i:nth-child(2){height:5px}.seo-visual [data-demo=link] .s2f-link-mobile-status i:nth-child(3){height:7px}.seo-visual [data-demo=link] .s2f-link-mobile-status b{width:13px;height:7px;margin-left:3px;border:1px solid currentColor;border-radius:2px;box-shadow:inset 0 0 0 1.5px #111318;background:currentColor}.seo-visual [data-demo=link] .s2f-link-browser-app{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#38bdf8,#2563eb);box-shadow:0 10px 28px #00000059}.seo-visual [data-demo=link] .s2f-link-address-text{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0}.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-address-placeholder{display:none}.seo-visual [data-demo=link][data-step=link-browser-type] .s2f-link-address-text{max-width:290px;opacity:1;transition:max-width 1.2s steps(32,end),opacity .12s ease}.seo-visual [data-demo=link] .s2f-link-loop-track{--s2f-link-rail-top: .75rem;--s2f-link-rail-height: .375rem;--s2f-link-band-top: .625rem;--s2f-link-handle-width: 1rem}.seo-visual [data-demo=link] .s2f-link-progress-rail{top:var(--s2f-link-rail-top);height:var(--s2f-link-rail-height)}.seo-visual [data-demo=link] .s2f-link-loop-band{left:var(--lo);width:calc(var(--hi) - var(--lo));top:var(--s2f-link-band-top);height:27px;display:flex;align-items:center;justify-content:center;padding:5px 3px 0;border-radius:2px 2px 6px 6px;color:#facc15;font-size:9px;font-weight:500;line-height:1;overflow:hidden}.seo-visual [data-demo=link] .s2f-link-loop-handle{left:var(--edge);transform:translate(-50%);width:var(--s2f-link-handle-width)}.seo-visual [data-demo=link] .s2f-link-loop-band i{position:absolute;inset:0;border-radius:inherit;background:#facc15;opacity:.1}.seo-visual [data-demo=link] .s2f-link-loop-band:before{content:"";position:absolute;z-index:1;inset:calc(var(--s2f-link-rail-top) - var(--s2f-link-band-top)) 0 auto;height:var(--s2f-link-rail-height);border-radius:999px;background:#facc15;opacity:.5}.seo-visual [data-demo=link] .s2f-link-loop-band span{position:relative;z-index:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .75)}.seo-visual [data-demo=link] .s2f-link-mini-key{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:13px;font-weight:600}.seo-visual [data-demo=link] .s2f-link-tool{position:relative;width:46px;height:43px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card);color:var(--color-text);font-size:15px}.seo-visual [data-demo=link] .s2f-link-tool small{color:var(--color-muted);font-size:8px;line-height:1}.seo-visual [data-demo=link] .s2f-link-tool b{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:8px;line-height:15px;text-align:center}.seo-visual [data-demo][data-demo=link][data-step=link-received] .s2f-link-receiver{animation:s2f-link-received .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes s2f-link-received{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 420px){.seo-visual [data-demo=link].s2f-link-stage{height:540px}}@media (prefers-reduced-motion: reduce){.seo-visual [data-demo=link] .s2f-link-library,.seo-visual [data-demo=link] .s2f-link-modal,.seo-visual [data-demo=link] .s2f-link-success,.seo-visual [data-demo=link] .s2f-link-browser,.seo-visual [data-demo=link] .s2f-link-receiver{transition:none;animation:none}}.seo-visual [data-demo=solo]{isolation:isolate;position:relative}.seo-visual [data-demo=solo] .s2f-solo-caption-slot{display:none}.seo-visual :lang(ko) [data-demo=solo] [data-mock-label="player.selector.download_current"]{word-break:keep-all}.seo-visual [data-demo=solo][data-solo-copy=guided] .s2f-solo-caption-slot{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;margin-bottom:1rem}.seo-visual [data-demo=solo][data-solo-copy=guided] .s2f-solo-caption{grid-area:1 / 1;visibility:hidden;align-self:start;box-sizing:border-box;width:fit-content;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:.55rem .85rem;border:1px solid rgb(var(--color-primary-rgb) / .75);border-radius:.6rem;background:linear-gradient(rgb(var(--color-primary-rgb) / .22),rgb(var(--color-primary-rgb) / .22)),#09090be6;color:#fff;box-shadow:0 6px 22px #00000080;font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:500;line-height:1.4;text-align:center;pointer-events:none}@keyframes s2f-solo-caption-arrive{0%{opacity:.7}to{opacity:1}}.seo-visual [data-demo=solo][data-solo-copy=guided]:is([data-step=solo-bass-result],[data-step=solo-bass-caption],[data-step=solo-play-press]) .s2f-solo-caption-bass,.seo-visual [data-demo=solo][data-solo-copy=guided]:is([data-step=solo-play-result],[data-step=solo-play-caption],[data-step=solo-return-press],[data-step=_still],:not([data-step])) .s2f-solo-caption-play,.seo-visual [data-demo=solo][data-solo-copy=guided]:is([data-step=solo-return-result],[data-step=solo-return-caption]) .s2f-solo-caption-return{visibility:visible}.seo-visual [data-demo=solo][data-solo-copy=guided]:is([data-step=solo-bass-result],[data-step=solo-play-result],[data-step=solo-return-result]) .s2f-solo-caption{animation:s2f-solo-caption-arrive .16s ease-out both}.seo-visual [data-demo=solo] [data-solo-row]{transition:opacity .24s ease,transform .24s ease}.seo-visual [data-demo=solo]:is([data-step=solo-full],[data-step=solo-intro],[data-step=solo-bass-press],[data-step=solo-return-result],[data-step=solo-return-caption]) [data-solo-row=guitar] [data-mock-label="player.selector.play_btn"],.seo-visual [data-demo=solo][data-step=solo-bass] [data-solo-row=guitar] [data-mock-label="player.selector.play_btn"]{background:transparent;border-color:#fff3;color:#ffffffb3;font-weight:400}.seo-visual [data-demo=solo]:is([data-step=solo-full],[data-step=solo-intro],[data-step=solo-bass-press],[data-step=solo-return-result],[data-step=solo-return-caption]) [data-solo-full]{background:rgb(var(--color-primary-rgb) / .22);border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .45)}.seo-visual [data-demo=solo]:is([data-step=solo-bass],[data-step=solo-bass-result],[data-step=solo-bass-caption],[data-step=solo-play-press]) [data-solo-row=bass] [data-mock-label="player.selector.solo_btn"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .4)}.seo-visual [data-demo=solo]:is([data-step=solo-bass],[data-step=solo-bass-result],[data-step=solo-bass-caption],[data-step=solo-play-press]) [data-solo-row]:not([data-solo-row=bass]){opacity:.55}.seo-visual [data-demo=solo]:is([data-step=solo-bass],[data-step=solo-bass-result],[data-step=solo-bass-caption],[data-step=solo-play-press]) [data-solo-row=bass],.seo-visual [data-demo=solo][data-step=solo-play] [data-solo-row=guitar]{transform:translate(2px)}.seo-visual [data-demo=solo][data-solo-target=guitar]:is([data-step=solo-play],[data-step=solo-play-result],[data-step=solo-play-caption],[data-step=_still],:not([data-step])) [data-solo-row=guitar] [data-mock-label="player.selector.play_btn"],.seo-visual [data-demo=solo][data-solo-target=bass]:is([data-step=solo-play],[data-step=solo-play-result],[data-step=solo-play-caption],[data-step=solo-return-press],[data-step=_still],:not([data-step])) [data-solo-row=bass] [data-mock-label="player.selector.play_btn"],.seo-visual [data-demo=solo][data-solo-target=drums]:is([data-step=solo-play],[data-step=solo-play-result],[data-step=solo-play-caption],[data-step=solo-return-press],[data-step=_still],:not([data-step])) [data-mock-label="player.track_drums"]~[data-mock-label="player.selector.play_btn"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .45)}.seo-visual [data-demo=solo][data-solo-target]:not([data-solo-target=guitar]) [data-solo-row=guitar] [data-mock-label="player.selector.play_btn"]{background:transparent;border-color:#fff3;color:#ffffffb3;font-weight:400;box-shadow:none}.seo-visual [data-demo=solo][data-solo-target=bass]:is([data-step=solo-play],[data-step=solo-play-result],[data-step=solo-play-caption],[data-step=solo-return-press]) [data-solo-row=bass],.seo-visual [data-demo=solo][data-solo-target=drums]:is([data-step=solo-play],[data-step=solo-play-result],[data-step=solo-play-caption],[data-step=solo-return-press]) [data-mock-label="player.track_drums"]{transform:translate(2px)}@media (prefers-reduced-motion: reduce){.seo-visual [data-demo=solo] [data-solo-row]{transition:none}.seo-visual [data-demo=solo] .s2f-solo-caption{animation:none}}