:root{--jelly-spring:cubic-bezier(.34, 1.56, .64, 1);--jelly-mint:linear-gradient(180deg, #8af0d6 0%, var(--brand) 52%, #1fa583 100%);--jelly-mint-glow:#3dd6b038;--jelly-light:linear-gradient(180deg, #fff 0%, #ecebe6 55%, #d6d4cc 100%);--jelly-dark:linear-gradient(180deg, #33363b 0%, #27292d 55%, #1d1f22 100%)}:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button[aria-pressed=true]):not(:disabled){isolation:isolate;transition:transform .55s var(--jelly-spring), box-shadow .2s, filter .15s;position:relative;overflow:hidden}:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button[aria-pressed=true]):not(:disabled):before{content:"";z-index:-1;background:linear-gradient(180deg, rgba(255, 255, 255, var(--jelly-sheen,.5)), rgba(255, 255, 255, calc(var(--jelly-sheen,.5) * .22)));pointer-events:none;border-radius:999px 999px 45% 45%/999px 999px 70% 70%;height:42%;position:absolute;top:2px;left:7%;right:7%}:is(.site .btn,.btn,.generate,.creator-sidebar .sidebar-create,.creator-topbar .workspace-import.cs-btn,.xb-change button):not(:disabled){--jelly-sheen:.5;background:var(--jelly-mint);color:var(--on-accent);box-shadow:0 8px 20px -8px var(--jelly-mint-glow), 0 2px 6px -2px #00000059, inset 0 -2px 3px #00463447, inset 0 1px 0 #ffffff59}:is(.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button[aria-pressed=true],.ch-banner-cta,.xp-go):not(:disabled){--jelly-sheen:.7;background:var(--jelly-light);box-shadow:0 6px 16px -8px #ffffff24,0 2px 5px -2px #00000059,inset 0 -2px 3px #0000001f}:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button):not(:disabled):hover{filter:brightness(1.06)}:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button):not(:disabled):active{transition-duration:80ms;transform:scale(1.05,.9)}@media (prefers-reduced-motion:reduce){:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button):not(:disabled){transition:box-shadow .2s,filter .15s}:is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button):not(:disabled):active{transform:none}}.cs-btn.cs-create{color:var(--sidebar-bg)}
html[lang=zh-CN] .site{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--inter),"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}html[lang=zh-CN] .cs-display,html[lang=zh-CN] .xp-title{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",var(--inter),"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;text-transform:none;line-height:1.3}html[lang=zh-CN] .sidebar-label{letter-spacing:.04em}html[lang=zh-CN] .cs-card-foot b{letter-spacing:0}html[lang=zh-CN] .xp-title{font-size:28px}.language-switch{border:1px solid var(--line);min-width:40px;min-height:30px;font:inherit;color:var(--dim);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:550;display:inline-flex}.language-switch:hover{color:var(--fg);background:var(--panel2)}.language-switch:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.sidebar-foot>.language-switch{margin:0 0 10px 8px}.sidebar-collapsed .sidebar-foot>.language-switch{min-width:30px;margin-left:0;padding:5px}
:root{--m-out:cubic-bezier(.2, .8, .2, 1);--m-spring:cubic-bezier(.34, 1.4, .64, 1)}@keyframes m-page{0%{opacity:0;translate:0 8px}}@keyframes m-rise{0%{opacity:0;translate:0 16px}}@keyframes m-pop{0%{opacity:0;translate:0 10px;scale:.975}}@keyframes m-slide{0%{opacity:0;translate:-14px}}@keyframes m-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.workspace-body>*{animation:m-page .45s var(--m-out) backwards}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>*{animation:m-rise .55s var(--m-out) .48s backwards}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:first-child{animation-delay:40ms}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(2){animation-delay:80ms}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(3){animation-delay:.12s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(4){animation-delay:.16s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(5){animation-delay:.2s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(6){animation-delay:.24s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(7){animation-delay:.28s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(8){animation-delay:.32s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(9){animation-delay:.36s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(10){animation-delay:.4s}:is(.ch-rail,.cs-wall,.discovery-grid,.results,.hook-found,.pricing-plans)>:nth-child(11){animation-delay:.44s}@supports (animation-timeline:view()){.cs-wall>:nth-child(n+13){animation:linear both m-rise;animation-timeline:view();animation-range:entry entry 70%}}.xp-card{animation:m-pop .6s var(--m-spring) 50ms backwards}.hook-panel{animation:m-slide .5s var(--m-out) 50ms backwards}.hook-canvas{animation:m-fade .6s var(--m-out) .15s backwards}.ad-match-box{animation:m-rise .5s var(--m-out) 80ms backwards}.cs-card,.ch-banner,.hook-found-card{transition:transform .3s var(--m-out), box-shadow .3s var(--m-out)}.cs-card:hover,.ch-banner:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000052}.hook-found-card:hover{transform:translateY(-2px)}:is(.sidebar-nav a,.discovery-filters button,.hook-parts button,.hook-models button,.hook-tabs button,.hook-after button,.xp-looks button,.cs-chips button,.td-res button){transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}}
:root{--bg:#000;--sidebar-bg:#000;--panel:#0b0b0c;--panel2:#141416;--panel3:#1c1c1f;--line:#ffffff12;--line-strong:#ffffff21;--scrim:#000000d6;--dim:#9a9ca1}body{background:#000}.site:has(.xp-stage) .composer-behind{display:none}.xp-card:is(.glass,.stories){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0c;border:1px solid #ffffff14;box-shadow:0 30px 90px #0009}.xp-card:is(.glass,.stories):before,.xp-card:is(.glass,.stories):after{display:none}.xp-card:is(.glass,.stories) .xp-form textarea,.xp-card.stories .xp-form input:not([type=file]){box-shadow:none;background:#111113;border-color:#ffffff14}.xp-card:is(.glass,.stories) .xp-close{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#141416;border-color:#ffffff1a}.xp-card:is(.glass,.stories) .xp-main{box-shadow:0 0 0 1px #ffffff14}.ch-banner{background:#0b0b0c}.ch-banner-backdrop,.site :is(.btn,.generate,.xp-go,.ch-banner-cta,.sidebar-create,.workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button[aria-pressed=true]):not(:disabled):before{display:none}.site :is(.btn,.cs-btn,.generate,.creator-topbar .workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.ch-banner-cta,.xp-go,.creator-sidebar button.sidebar-create,.creator-sidebar a.sidebar-create):not(:disabled){color:#000;box-shadow:none;background:#fff;font-weight:500}.site :is(.btn,.cs-btn,.generate,.creator-topbar .workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.ch-banner-cta,.xp-go,.creator-sidebar button.sidebar-create,.creator-sidebar a.sidebar-create):not(:disabled):is(:hover,:active){background:#ededed}.site .cs-tabs button[aria-pressed=true]:not(:disabled){color:#000;box-shadow:none;background:#fff}.creator-sidebar .sidebar-create{min-height:36px;padding:7px 12px}.site :is(.xp-chips:has(>button .size-glyph),.xp-chips[role=radiogroup]) button[aria-pressed=true],.site .cs-chips button[aria-pressed=true]{color:#000;background:#fff;border-color:#fff}
html[data-theme=light] body{background:#fff}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-form textarea,html[data-theme=light] .xp-card.stories .xp-form input:not([type=file]){background:#f4f4f3;border-color:#0000000e}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-close{background:#f3f3f1;border-color:#00000012}html[data-theme=light] .ch-banner{background:#f8f8f8}html[data-theme=light] .ch-banner-copy b{color:#000}html[data-theme=light] .uc{background:#fafafbc7}html[data-theme=light] .uc-box h2{color:#000}html[data-theme=light] .site .btn,html[data-theme=light] .cs-btn,html[data-theme=light] .creator-sidebar .sidebar-create{box-shadow:inset 0 1px #00000020}html[data-theme=light] .create-backdrop{background:#fafafb8c}html[data-theme=light] .create-menu video{border:1px solid #0000000e}html[data-theme=light] .create-menu a:hover video,html[data-theme=light] .create-menu a:focus-visible video{border-color:#0000005a}html[data-theme=light] .pricing-period i{background:var(--panel3,#dbdad7)}html[data-theme=light] .pricing-save{background:#00000012}html[data-theme=light] .pricing-plan.popular{background:linear-gradient(180deg,#0000000a,#00000002 45%), var(--panel);border-color:#00000051}html[data-theme=light] .pricing-tag.dim{background:#00000016}html[data-theme=light] .pricing-tool video{background:#fff}html[data-theme=light] .ad-match-hook{color:#000}html[data-theme=light] .ed-stage{background:#fff}html[data-theme=light] .ed-chip{color:#000}html[data-theme=light] .tl-strip{background:#fff}html[data-theme=light] .tl-box{background:#00000020}html[data-theme=light] .tl-grip:after{background:#f4f4f4}html[data-theme=light] .ed-take small{color:#000}html[data-theme=light] .voice-lib{background:#00000009;border:1px solid #00000012}html[data-theme=light] .voice-lib-search{background:#00000009;border:1px solid #00000015}html[data-theme=light] .voice-lib-tags button{border:1px solid #00000015}html[data-theme=light] .voice-lib-tags button:hover{border-color:#0000002b}html[data-theme=light] .voice-lib-list li:hover{background:#00000009}html[data-theme=light] .voice-lib-list .voice-play{background:#00000012}html[data-theme=light] .voice-lib.floating{background:#ecececfb;border-color:#00000012;box-shadow:0 18px 50px #0000002a,0 2px 8px #00000017}html[data-theme=light] .hook-panel .panel-foot{background:color-mix(in srgb,var(--panel),#fff 10%)}html[data-theme=light] .hook-slot-clear{color:#000}html[data-theme=light] .hook-stage video{background:#fff}html[data-theme=light] .hook-found-meta,html[data-theme=light] .hook-found-cap{color:#000}html[data-theme=light] .ig-filters button[aria-selected=true]{background:#00000012}html[data-theme=light] .ig-upload{background:#0000000c}html[data-theme=light] .ig-upload:hover{background:#00000014}html[data-theme=light] .ig-tile{background:#00000007}html[data-theme=light] .ig-tile>p{color:#000000db}html[data-theme=light] .ig-pic>p{background:linear-gradient(#0000,#fafafbb8)}html[data-theme=light] .ig-acts>*{color:#000;background:#fafafbb8}html[data-theme=light] .ig-acts>:hover{background:#fafafbeb}html[data-theme=light] .ig-wait{background:linear-gradient(110deg,#00000005 30%,#0000000e 50%,#00000005 70%)}html[data-theme=light] .ig-failed{background:radial-gradient(120% 60% at 30% 0,#ff6e5a21,#0000 70%),#00000005}html[data-theme=light] .ig-tags>span{background:#0000000c}html[data-theme=light] .ig-composer{background:#ececebdb;border:1px solid #00000010;box-shadow:0 24px 70px #0000002a}html[data-theme=light] .ig-ref{background:#f4f4f4}html[data-theme=light] .ig-ref button{color:#000;background:#fafafbb3}html[data-theme=light] .ig-chip{background:#0000000c}html[data-theme=light] .ig-chip:hover:not(:disabled){background:#00000015}html[data-theme=light] .ig-count:hover{background:#0000000c!important}html[data-theme=light] .ig-count button:hover:not(:disabled){background:#0000000e}html[data-theme=light] .ig-menu{background:#eeedec;box-shadow:0 18px 50px #0000002e}html[data-theme=light] .ig-menu button:hover{background:#0000000b}html[data-theme=light] .ig-menu button[aria-selected=true]{background:#00000012}html[data-theme=light] .ig-ghost{background:#0000000e}html[data-theme=light] .ig-ghost:hover{background:#00000017}html[data-theme=light] :is(.site .btn,.btn,.generate,.creator-sidebar .sidebar-create,.creator-topbar .workspace-import.cs-btn,.xb-change button):not(:disabled){box-shadow:0 8px 20px -8px var(--jelly-mint-glow), 0 2px 6px -2px #0000001b, inset 0 -2px 3px #00463447, inset 0 1px 0 #0000003e}html[data-theme=light] :is(.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.cs-tabs button[aria-pressed=true],.ch-banner-cta,.xp-go):not(:disabled){box-shadow:0 6px 16px -8px #00000019,0 2px 5px -2px #0000001b,inset 0 -2px 3px #00000009}html[data-theme=light] .lb-editor input,html[data-theme=light] .lb-editor textarea{background:#00000009;border:1px solid #00000012}html[data-theme=light] .lb-editor .lb-title:hover{border-color:#00000012}html[data-theme=light] .lb-points ul{background:#00000005}html[data-theme=light] .lb-quiz label.right input:not([type=radio]){border-color:#00000047}html[data-theme=light] .lb-bar,html[data-theme=light] .lb-block{background:linear-gradient(90deg,#0000000b,#00000017,#0000000b)}html[data-theme=light] .lesson-extras .cs-btn{border:1px solid #00000032}html[data-theme=light] .lesson-extras .cs-btn:hover{background:#0000000e}html[data-theme=light] .lib-versions,html[data-theme=light] .lib-badge-live{color:#000;background:#fafafb80}html[data-theme=light] .lib-play{color:#000;background:#0000001b}html[data-theme=light] .lib-bar{background:#00000016}html[data-theme=light] .lib-viewer::backdrop{background:#fafafbcc}html[data-theme=light] .lib-viewer-video{background:#fff}html[data-theme=light] .lib-viewer-mark:hover{background:#0000000e}@media (max-width:760px){html[data-theme=light] .lib-viewer-close{background:#fafafba6}}html[data-theme=light] .lib-private{color:#000;background:#fafafb80}html[data-theme=light] .lib-switch{background:var(--panel3,#dbdad7)}html[data-theme=light] .mp-backdrop{background:#fafafb8c}html[data-theme=light] .mp-modal{background:#ececec;border:1px solid #00000015;box-shadow:0 30px 90px #0000002e}html[data-theme=light] .mp-side{background:#00000004}html[data-theme=light] .mp-side button:hover{background:#00000009}html[data-theme=light] .mp-side button.on{background:#00000010}html[data-theme=light] .mp-side .mp-upload{background:#0000000e}html[data-theme=light] .mp-top{background:#ececec}html[data-theme=light] .mp-search,html[data-theme=light] .mp-close{background:#0000000c}html[data-theme=light] .mp-tile{background:#00000007}html[data-theme=light] .mp-action:hover{background:#0000000c}html[data-theme=light] .mp-gen{background:#0000000b}html[data-theme=light] .mp-pic em{color:#000;background:#fafafb99}html[data-theme=light] .mp-wait{background:linear-gradient(110deg,#00000005 30%,#00000010 50%,#00000005 70%)}html[data-theme=light] .mp-make{background:#00000009}html[data-theme=light] .mp-kinds button[aria-checked=true]{background:#00000015}html[data-theme=light] .mp-ghost{background:#0000000c}html[data-theme=light] .ref-change{background:#00000009;border:1px solid #00000019}html[data-theme=light] .mp-view img{background:#f4f4f4}html[data-theme=light] .nav-progress{box-shadow:0 0 10px #00000050}html[data-theme=light] .paywall-backdrop{background:#fafafb8c}html[data-theme=light] .paywall{background:#f8f8f7}html[data-theme=light] .paywall:after{background:linear-gradient(90deg,#fafafbb3 0%,#0000000e 45%,#00000004 72%,#0000000c 100%)}html[data-theme=light] .paywall-close{color:#000;background:#00000012;border:1px solid #00000020}html[data-theme=light] .paywall-close:hover{background:#00000020}html[data-theme=light] .paywall-copy{color:#000}html[data-theme=light] .paywall-copy li{color:#000000a1}html[data-theme=light] .paywall-tools:before{background:#0000002d}html[data-theme=light] .paywall-tools button{color:#00000074}html[data-theme=light] .paywall-tools button:hover,html[data-theme=light] .paywall-tools button[aria-pressed=true]{color:#000}html[data-theme=light] .paywall-tools i{background:#f8f8f7}@media (max-width:720px){html[data-theme=light] .paywall:after{background:linear-gradient(#00000007 0%,#fafafb80 45%,#fafafbcc 100%)}}html[data-theme=light] .import-video{background:#fff}html[data-theme=light] .remix-preview-badge{color:#000;background:#fafafbb3;border:1px solid #00000016}html[data-theme=light] .remix-scene-label{color:#000}html[data-theme=light] .remix-product-empty{color:#000;border:1px dashed #00000043}html[data-theme=light] .remix-preview-caption{color:#000}html[data-theme=light] .remix-hook-visual{background:#fff}html[data-theme=light] .remix-hook-type{color:#000;background:#fafafbb3}html[data-theme=light] .remix-hook-check{color:#000;background:#fafafba6;border:1px solid #00000038}html[data-theme=light] .frame-review-rail i{background:#fafafbb3}html[data-theme=light] .simple-idea-visual small{color:#000;background:#fafafba6}html[data-theme=light] .simple-idea-visual>span{border:1px solid #0000002d}html[data-theme=light] .btn{box-shadow:inset 0 1px #00000020}html[data-theme=light] .tile-label{background:linear-gradient(#0000,#fafafbd9)}html[data-theme=light] .hookline span{text-shadow:0 2px 10px #0000002e}html[data-theme=light] .phone{box-shadow:0 30px 80px #0002, 0 0 0 1px var(--line-strong)}html[data-theme=light] .tile .still i{background:#fafafba6}html[data-theme=light] .tpl-text{background:linear-gradient(#00000004,#fafafbd9 90%)}html[data-theme=light] .rail-text{background:linear-gradient(#0000,#fafafbeb 80%)}html[data-theme=light] video.result-frame{background:#fff}html[data-theme=light] .composer{box-shadow:0 20px 60px #00000026}html[data-theme=light] .menu{box-shadow:0 10px 30px #00000026}html[data-theme=light] .slot.filled:after{background:linear-gradient(#0000 45%,#fafafbb3)}html[data-theme=light] .slot-x{color:#000;background:#fafafb99}html[data-theme=light] .generate{box-shadow:inset 0 -4px #0000000f}html[data-theme=light] .xp-card{box-shadow:0 24px 80px #00000017}html[data-theme=light] .xp-title .xp-word>span{color:#000}html[data-theme=light] .xp-ctrl button{color:#000;background:#fafafb8c}html[data-theme=light] .xp-looks{-webkit-mask-image:linear-gradient(90deg,#fff 88%,#0000);mask-image:linear-gradient(90deg,#fff 88%,#0000)}html[data-theme=light] .xp-art>span{filter:drop-shadow(0 6px 10px #00000026)}html[data-theme=light] .xp-go{box-shadow:inset 0 1px #00000020}html[data-theme=light] .xb-shot i{color:#000;background:#fafafb99}html[data-theme=light] .xp-card:is(.glass,.stories){background:linear-gradient(150deg,#00000019,#00000007 42%,#0000000e);border:1px solid #00000019;box-shadow:inset 0 1px #00000047,inset 0 -1px #0000000b,0 30px 90px #0002,0 2px 10px #0000000f}html[data-theme=light] .xp-card:is(.glass,.stories):before{background:radial-gradient(120% 75% at 0 0,#0000001e,#0000 55%),radial-gradient(70% 45% at 100% 100%,#0000000b,#0000 60%)}html[data-theme=light] .xp-card:is(.glass,.stories):after{background:linear-gradient(135deg,#0000006b,#0000000b 32%,#0000 60%,#00000032);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-form textarea{background:#00000009;border-color:#00000012;box-shadow:inset 0 1px 3px #00000017}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-close{background:#00000012;border:1px solid #0000001d;box-shadow:inset 0 1px #00000036}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-close:hover{background:#00000020}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-go:disabled{color:#00000073;background:#e4e2e0eb;border:1px solid #00000012}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks:not(.tiles) button{background:#00000007;border:1px solid #00000015}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks:not(.tiles) button:hover{border-color:#0000002b}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks:not(.tiles) .xp-art.td-yours{background:#00000012}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks.tiles{-webkit-mask-image:linear-gradient(90deg,#fff 86%,#0000);mask-image:linear-gradient(90deg,#fff 86%,#0000)}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks.tiles .xp-art{background:#0000000a;border:1px solid #00000012;box-shadow:inset 0 1px #0000000b}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks.tiles button:hover .xp-art{border-color:#0000002e}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks.tiles button[aria-checked=true] .xp-art{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent), 0 10px 24px #0000001b}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-looks.tiles .xp-art.td-yours{background:#00000007;border:1px dashed #00000032}html[data-theme=light] .xp-card.glass .drop{background:#00000005;border:1px dashed #00000020}html[data-theme=light] .xp-card.glass .drop:hover,html[data-theme=light] .xp-card.glass .drop.over{background:#0000000b}html[data-theme=light] .xp-card.glass .drop-icon{background:#0000000e}html[data-theme=light] .xp-card.stories .xp-form input:not([type=file]){background:#00000009;border-color:#00000012}html[data-theme=light] .xp-card.stories .voice-chip{background:#00000007;border:1px solid #00000015}html[data-theme=light] .xp-card.stories .voice-chip:hover{border-color:#0000002b}html[data-theme=light] .xp-card.stories .voice-play{background:#00000012}html[data-theme=light] .xp-card.stories .xp-chips button{background:#00000007;border-color:#00000015}html[data-theme=light] .lang-pick{background:#00000009;border:1px solid #00000015}html[data-theme=light] .lang-pick:hover{background:#0000000b;border-color:#0000002b}html[data-theme=light] .lang-menu{background:#ecececfb;border:1px solid #00000012;box-shadow:0 18px 50px #0000002a,0 2px 8px #00000017}html[data-theme=light] .lang-search{border-bottom:1px solid #0000000e}html[data-theme=light] .lang-list{scrollbar-color:#00000020 transparent}html[data-theme=light] .lang-menu [role=option].hot{background:#0000000c}html[data-theme=light] .clip-slots .slot{background:#00000005;border:1px dashed #00000020}html[data-theme=light] .clip-slots .slot:hover{background:#0000000b}html[data-theme=light] .clip-slots .slot-plus{background:#0000000e}html[data-theme=light] .td-voice{background:#00000007;border:1px solid #00000015}html[data-theme=light] .td-voice:hover{border-color:#0000002b}html[data-theme=light] .td-voice-play{background:#00000012}html[data-theme=light] .td-voice-play:hover{background:#00000020}html[data-theme=light] .td-voice-del:hover{background:#00000015}html[data-theme=light] .td-look{border:1px solid #00000019;box-shadow:0 22px 60px #0002}html[data-theme=light] .td-look-empty{background:#00000007}html[data-theme=light] .xp-art.td-yours{background:#00000009;border:2px dashed #00000027}html[data-theme=light] .td-redraw{color:#000;background:#fafafb99}html[data-theme=light] .td-preview video{background:#fff}html[data-theme=light] .len-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--at), #00000019 var(--at))}html[data-theme=light] .len-row input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--at), #00000019 var(--at))}html[data-theme=light] .len-row input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 8px #0002}html[data-theme=light] .len-row input[type=range]::-moz-range-thumb{box-shadow:0 2px 8px #0002}html[data-theme=light] .len-row input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-soft), 0 2px 8px #0002}html[data-theme=light] .len-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-soft), 0 2px 8px #0002}html[data-theme=light] .sw-video video{background:#fff}html[data-theme=light] .sw-x,html[data-theme=light] .sw-role{color:#000}html[data-theme=light] .sw-cost{background:#00000002}html[data-theme=light] .sw-hero video{background:#fff}html[data-theme=light] .sw-clip{color:#000;background:#fff}html[data-theme=light] .sw-bar{background:#00000016}html[data-theme=light] .sx-hero{background:#fff}html[data-theme=light] .sx-hero:after{background:linear-gradient(#0000 35%,#fafafbc8)}html[data-theme=light] .sx-hero b{color:#000}html[data-theme=light] .sx-clip video{background:#fff}html[data-theme=light] .ad-composer .ad-name{background:#00000009;border:1px solid #00000012;box-shadow:inset 0 1px 3px #00000017}html[data-theme=light] .ad-composer .ad-file{background:#00000006;border:1px dashed #00000024}html[data-theme=light] .ad-composer .ad-advanced{text-decoration-color:#0000002d}html[data-theme=light] .ad-composer .ad-link{background:#00000009;border:1px solid #00000012}html[data-theme=light] .ad-plan-part{border-top:1px solid #0000000e}html[data-theme=light] .ad-plan-pair figure>video,html[data-theme=light] .ad-plan-pair figure>img,html[data-theme=light] .ad-plan-pair .ad-plan-wait{background:#fff;box-shadow:0 0 0 1px #00000015,0 14px 40px #0000001f}html[data-theme=light] .ad-plan-wait{background:#00000009}html[data-theme=light] .ad-plan-found button{background:#fff}html[data-theme=light] .ad-plan-found small{color:#000;background:#fafafb99}html[data-theme=light] .ad-plan-foot{border-top:1px solid #0000000e}html[data-theme=light] .ad-composer .ad-free{background:#00000006}html[data-theme=light] .simple-remix .panel-foot{background:color-mix(in srgb,var(--panel),#fff 10%)}html[data-theme=light] .variants-original video{background:#fff}html[data-theme=light] .variant-media>small,html[data-theme=light] .hookline,html[data-theme=light] .hookline mark,html[data-theme=light] .discovery-card-kind,html[data-theme=light] .discovery-card-duration{color:#000}html[data-theme=light] .discovery-card-play{color:#000;border:1px solid #00000043}html[data-theme=light] .visual-gallery .discovery-card-kind{border:1px solid #0000001a}html[data-theme=light] .visual-gallery .discovery-card-copy{color:#000}html[data-theme=light] .visual-gallery .discovery-card-action{background:#000000a9}html[data-theme=light] .visual-gallery .discovery-card-views{color:#00000091}html[data-theme=light] .visual-gallery .discovery-card-views:hover,html[data-theme=light] .idea-demo-reference>span{color:#000}
:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sidebar-bg:#fafafa;--panel:#f4f4f6;--panel2:#ececef;--panel3:#e3e3e7;--line:#00000014;--line-strong:#00000024;--scrim:#fafafbd6;--fg:#0a0a0b;--dim:#5b5e64;--faint:#8b8e94;--accent:#0a0a0b;--accent-hover:#000;--accent-press:#2a2a2d;--accent-text:#111113;--accent-soft:#0000000f;--accent-line:#0006;--on-accent:#fff}html[data-theme=light] body{color:var(--fg);background:#fff}html[data-theme=light] .site :is(.btn,.cs-btn,.generate,.creator-topbar .workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.ch-banner-cta,.xp-go,.creator-sidebar button.sidebar-create,.creator-sidebar a.sidebar-create):not(:disabled){color:#fff;background:#0a0a0b}html[data-theme=light] .site :is(.btn,.cs-btn,.generate,.creator-topbar .workspace-import.cs-btn,.xb-change button,.cs-use,.cs-create,.pill,.link-go,.paywall-go,.feedback-send,.ch-banner-cta,.xp-go,.creator-sidebar button.sidebar-create,.creator-sidebar a.sidebar-create):not(:disabled):is(:hover,:active){background:#26262a}html[data-theme=light] .site .cs-tabs button[aria-pressed=true]:not(:disabled){color:#fff;background:#0a0a0b}html[data-theme=light] .xp-card:is(.glass,.stories){background:#fff;border:1px solid #00000014;box-shadow:0 24px 70px #00000014,0 2px 8px #0000000a}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-form textarea,html[data-theme=light] .xp-card.stories .xp-form input:not([type=file]){color:var(--fg);background:#f6f6f8;border-color:#00000014}html[data-theme=light] .xp-card:is(.glass,.stories) .xp-go:disabled{color:#9a9ca1;background:#ececef;border-color:#0000}html[data-theme=light] .ch-banner{background:#f4f4f6}html[data-theme=light] .ch-banner-copy b{text-shadow:none}html[data-theme=light] .site :is(.xp-chips:has(>button .size-glyph),.xp-chips[role=radiogroup]) button[aria-pressed=true],html[data-theme=light] .site .cs-chips button[aria-pressed=true]{color:#fff;background:#0a0a0b;border-color:#0a0a0b}html[data-theme=light] .pricing-tag:not(.dim){color:#fff;background:#0a0a0b}html[data-theme=light] .pricing-tools button[aria-checked=true],html[data-theme=light] .pricing-count-card.popular{color:#fff;background:#0a0a0b;border-color:#0a0a0b}html[data-theme=light] .pricing-count-card.popular :is(.pricing-count-head small){color:#ffffffa6}html[data-theme=light] .pricing-count-card.popular .pricing-dots span{background:#fff}html[data-theme=light] .site :is(.cs-btn,.xp-go,.btn,.generate):disabled{color:#9a9ca1;opacity:1;background:#ececef}html[data-theme=light] .ch-banner-copy{background:linear-gradient(90deg,#f4f4f6 62%,#f4f4f600)}