@import"https://fonts.googleapis.com/css?family=Sora:regular,500&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:500&display=swap";@import"https://fonts.googleapis.com/css?family=JetBrains+Mono:100,200,300,regular,500,600,700,800,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic&display=swap";.function-button{border-radius:10px;outline:2px #d81921 solid;outline-offset:-2px;width:48px;aspect-ratio:1 / 1;color:#fff;transition:all .3s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:center}@media not (hover: none){.function-button:where(:hover,:focus .active){transform:scale(1.1);background-color:#d8192381;transition-duration:.3s}}.function-button:active{transition-duration:80ms;transform:scale(.9);background-color:#d81921}.function-button.open{background-color:#d81921}.function-button:disabled{opacity:.3;pointer-events:none;transform:none!important}#new-script-form{display:contents}.custom-color{position:relative;padding:11px 24px;background:#353535;border-radius:10px;height:100%;justify-content:center;align-items:center;display:inline-flex;color:#fff;font-size:14px;font-weight:400;gap:10px;cursor:pointer;z-index:30}.custom-color .display{width:30px;aspect-ratio:1/1;background-color:var(--editor-background, #1e1e1e);border-radius:15px;border:1px rgba(255,255,255,.4) solid}@media (max-width: 640px){.custom-color{font-size:10px;padding:11px 16px}.custom-color .display{width:25px}}.custom-color:before{content:"";top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease-out;z-index:1;box-shadow:0 0 0 100vmax #00000080;z-index:998}.custom-color.open:before{opacity:1}.custom-color-menu{position:absolute;top:105%;right:0%;box-shadow:0 16px 32px -8px #0c0c0d66;border-radius:10px;border:1px rgba(255,255,255,.1) solid;padding:16px;display:flex;flex-direction:column;gap:16px;cursor:auto;opacity:0;transform:scale(.5) translateY(-50px);z-index:20;background-color:#1e1e1e;z-index:999;width:clamp(300px,90vw,400px)}.custom-color-menu .menu-drop-arrow{position:absolute;top:0;right:0;transform:translateY(-100%)}.custom-color-menu .menu-title{text-align:center;color:#fff;font-size:12px;font-family:Sora;font-weight:500;word-wrap:break-word}.custom-color-menu .swatches-wrapper{position:relative;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,30px));grid-template-rows:repeat(10,auto)}.custom-color-menu .swatches-wrapper .swatch{display:inline-block;width:100%;aspect-ratio:1/1;position:relative;cursor:pointer}.custom-color-menu .swatches-wrapper .swatch:before{content:"";top:0;right:0;bottom:0;left:0;border:2px solid white;mix-blend-mode:difference;position:absolute;pointer-events:none;opacity:0;scale:.75;transition:.2s ease-out}.custom-color-menu .swatches-wrapper .swatch.active:before{opacity:1;scale:1}.custom-color-menu .swatches-wrapper .indicator{position:absolute;width:30px;height:30px;top:0;left:0;border:2px solid white;pointer-events:none;display:inline-block;transition:all .2s ease-out;mix-blend-mode:difference}.custom-color-menu .extras-wrapper{padding-top:22px;display:flex;justify-content:flex-start;align-items:stretch;gap:27px}.custom-color-menu .extras-wrapper .menu-display{width:clamp(32px,100%,78px);aspect-ratio:1/1;position:relative;background:#000;border-radius:10px;flex:none}@media (max-height: 520px){.custom-color-menu{padding:10px;gap:6px}.custom-color-menu .swatches-wrapper .swatch{aspect-ratio:auto;height:min(30px,calc((100dvh - 64px)*.1))}.custom-color-menu .extras-wrapper{display:none}}.custom-select:not(.custom-select-js){opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;pointer-events:none}.custom-select :where(span,p){white-space:inherit}.custom-select{position:relative;width:auto;border-radius:10px}.custom-select:before{content:"";top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease-out;z-index:1;box-shadow:0 0 0 100vmax #00000080;z-index:999}.custom-select>div:first-child{width:auto;cursor:pointer;padding:14px 12px;position:relative;display:flex;align-items:stretch;gap:10px;height:100%;background:#353535;border-radius:inherit;justify-content:space-between;align-items:center;display:inline-flex;color:#0006;font-weight:500}.custom-select>div:first-child:has(.title){padding-right:16px}.custom-select>div:first-child>div{display:flex;align-items:center;gap:24px;flex:1;border-right:inherit;text-wrap:nowrap;font-size:14px;color:#fff;font-weight:400}.custom-select>div:first-child:has(.title) div{padding:17px 0}.custom-select>div:first-child>div.title{padding:16px;background:#1e1e1e;border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px rgba(255,255,255,.4) solid;text-transform:capitalize}.custom-select>div:first-child :where(svg,img):last-child{width:18px;height:18px;transition:transform .2s ease-out}.custom-select-menu{background:#353535;display:grid;overflow-x:hidden;overflow-y:auto;max-height:360px;box-shadow:0 16px 32px -8px #0c0c0d66;padding:12px;border-radius:10px;border:.5px rgba(45,44,44,.1) solid;gap:16px;box-sizing:border-box}.custom-select-menu::-webkit-scrollbar{width:4px}.custom-select-menu::-webkit-scrollbar-thumb{background-color:#575757;border-radius:8px;padding-right:8px;margin-right:8px;transform:translate(-8px)}.custom-select-menu>*{padding:12px;cursor:pointer;position:relative;display:flex;align-items:center;transition:background-color .3s ease-out;border-radius:10px;color:#a0a0a0;font-size:14px;font-weight:600;word-wrap:break-word}.custom-select-menu>*:hover:not(.custom-select-drop-down-title){background:#424242}.custom-select-menu>.custom-select-drop-down-title{color:#000000b3;font-size:12px;font-weight:600;word-wrap:break-word}.custom-select-menu>*.selected{color:#fff;background:#575757}.custom-select-menu>.search-wrapper{display:flex;align-items:center;flex-direction:row;gap:16px}.custom-select-menu>.search-wrapper input{flex:1;background-color:transparent;font-size:14px;font-weight:500}.custom-select-menu>.search-wrapper input::placeholder{color:#0006}.custom-select-menu>.search-wrapper svg{color:#0003}.custom-select-menu>.search-wrapper,.custom-select-menu>.search-wrapper:hover{background-color:#18b2720d!important;border-radius:99px;padding:16px 16px 16px 24px;cursor:auto}.custom-select.open>div:first-child :where(svg,img):last-child{transform:rotate(180deg)}.custom-select.open:before{opacity:1}.avatar{cursor:pointer;display:flex;align-items:center;justify-content:center}.avatar img{width:48px;aspect-ratio:1/1;height:auto;border-radius:10px;outline:2px solid #ffffff1a}a,button{background-color:transparent;border:none;text-decoration:none}.account-menu{padding:8px;display:flex;flex-direction:column;gap:8px;z-index:10;border-radius:24px;right:0;top:100%;isolation:isolate;z-index:999;transform-origin:top right;transition:opacity ease-out .25s,transform linear(0,.002,.007,.015,.027,.042,.061 3.6%,.11 5%,.158 6.2%,.218 7.6%,.475 13%,.588,.695 18.1%,.742,.784,.823,.858,.89,.918,.943,.965,.984,1 31.5%,1.011,1.02,1.027,1.033,1.037,1.041,1.043 40.4% 41.9%,1.042 44.3%,1.038 47%,1.019 56.9%,1.011 61.3%,1.006,1.003 69%,1 74.1%,.998 80%,.999) .75s;transition-delay:.2s}.account-menu:before{content:"";top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease-out;box-shadow:0 0 0 200vmax #000c;z-index:-1}.account-menu button,.account-menu a,.account-menu label{padding:8px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;color:#ffffffb2;transition:transform .3s ease-out;cursor:pointer}.account-menu button:last-child,.account-menu a:last-child,.account-menu label:last-child{justify-content:space-between}.account-menu button:hover,.account-menu a:hover,.account-menu label:hover{transform:scale(1.02)}.account-menu button #upgrade-badge-label,.account-menu a #upgrade-badge-label,.account-menu label #upgrade-badge-label{font-weight:400;font-size:12px;color:#fff6}.account-menu hr{background-color:#ffffff1a;height:1px;width:100%;border:none}.account-menu.open{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:all}.account-menu.open:before{opacity:1}#avatar-options{visibility:hidden;display:none}#avatar-options:checked~.profile-drop-down{transform:scale(1);opacity:1}.avatar-wrapper{position:relative;z-index:10;transform:scale(1)!important}.account-menu .account-profile{display:flex;align-items:center;gap:12px;padding:10px 12px;position:relative}.account-menu .account-profile .account-avatar{width:44px;height:44px;flex-shrink:0;border-radius:10px;outline:2px solid #ffffff1a;object-fit:cover}.account-menu .account-profile .avatar-initial{display:inline-flex;align-items:center;justify-content:center;background:#06b6d4;color:#fff;font-family:Sora,sans-serif;font-weight:600;font-size:18px;-webkit-user-select:none;user-select:none}.account-menu .account-profile .account-profile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.account-menu .account-profile .account-name,.account-menu .account-profile .account-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu .account-profile .account-name{font-size:15px;font-weight:600;color:#fff}.account-menu .account-profile .account-email{font-size:12px;color:#ffffff8c}.avatar.guest-avatar{width:48px;aspect-ratio:1/1;padding:0;border-radius:10px;outline:2px solid #ffffff1a;background-color:#ffffff14;color:#fff}body[data-guest] #wifi-indicator{visibility:hidden}.guest-modal[data-variant=save] .guest-pro-only,.guest-modal[data-variant=pro] .guest-save-only{display:none}.pro-modal .carry-choice{height:auto;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.pro-modal .carry-choice:hover,.pro-modal .carry-choice:focus-visible{border-color:var(--red)}.pro-modal .carry-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.pro-modal .carry-text{font-family:inherit;font-weight:400;font-size:15px;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pro-modal .carry-text:empty{display:none}:root{--body-black: #1e1e1e;--primary-red: #d81921;--font-mono: "Jetbrains Mono", monospace;--container-padding: 24px;--spring-easing: linear( 0, .1407 4.43%, .9383 16.72%, 1.1493 24.31%, 1.1536 29.93%, 1.0168 43.09%, .9766 51%, 1.0033 76.88%, 1 );--spring-duration: 1.333s}.hidden{display:none!important}*,html,body,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}body{background-color:#000;color:#fff;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;border-radius:10px;border:1px rgba(255,255,255,.1) solid;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}button{border:none;background-color:transparent;cursor:pointer;font-family:inherit;color:inherit;display:flex;align-items:center;position:relative;text-align:center;justify-content:center}a{text-decoration:none;font-family:inherit;color:inherit}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-ms-inner-spin-button,input[type=number]::-ms-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}ul,ol{padding-left:40px}svg{display:block}.container{padding-left:8px;padding-right:8px}@media screen and (min-width: 480px){.container{padding-left:16px;padding-right:16px}}@media screen and (min-width: 640px){.container{padding-left:24px;padding-right:24px}}@media screen and (min-width: 1024px){.container{padding-left:32px;padding-right:32px}}@media screen and (min-width: 1280px){.container{padding-left:64px;padding-right:64px}}.value-display{aspect-ratio:1/1;width:44px;background:#191919;border-radius:10px;justify-content:center;align-items:center;display:flex}@media (max-width: 640px){.custom-select>div:first-child>div,.custom-select>ul>*,.custom-select :where(span,p){font-size:10px}}body>header{padding:18px 0;position:relative;z-index:100}body>header .container{display:flex;align-items:center;justify-content:space-between}body>header .container .logo{flex:none}body>header .container .logo.desktop{display:block}body>header .container .logo.mobile{display:none}@media screen and (max-width: 480px){body>header .container .logo.desktop{display:none}body>header .container .logo.mobile{display:block}}body>header .container #wifi-indicator{flex:none}body>header .container #wifi-indicator *{transition-property:fill,stroke;transition-duration:1s;transition-timing-function:ease-out}body>header .container .title{text-align:center;color:#fff;font-size:24px;font-weight:500;word-wrap:break-word;flex:1;overflow:hidden;max-width:max-content;display:flex;align-items:center;gap:16px}body>header .container .title svg{flex:none}body>header .container .title .title-content{display:flex;align-items:center;gap:16px;border-left:1px solid rgba(255,255,255,.4);padding:0 16px;overflow:auto}body>header .container .title .title-content span{overflow:hidden;text-overflow:ellipsis;max-width:max-content;white-space:nowrap}body>header .container nav>div{display:flex;align-items:center;height:100%;position:relative}@media screen and (max-width: 1024px){body>header .container nav{min-height:100vh;min-height:100svh;height:auto;position:fixed;right:0;top:0;bottom:0;z-index:5;background-color:#000;padding:68px 8px;transform:translate(100%);transition:transform .3s ease-out,box-shadow .3s ease-out}body>header .container nav>div{flex-direction:column;padding-top:16px;padding-bottom:100px;overflow:auto;gap:16px}body>header .container nav:before{content:"";opacity:.3;top:0;right:0;bottom:0;left:0;position:absolute;background-image:linear-gradient(180deg,#d8192100,#d81921)}body>header .container nav:after{box-shadow:0 0 0 100vmax #00000080;opacity:0;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";position:absolute;transition:opacity 1s cubic-bezier(.1,1,.43,1)}body>header .container nav .clickable:has(.function-button,.active){margin-right:24px;margin-left:24px;margin-top:0}body>header .container nav .clickable:has(.function-button,.active):has(.active){margin-top:0}@media screen and (max-width: 640px){body>header .container nav .clickable:has(.function-button,.active){margin-left:16px;margin-right:16px}}@media screen and (max-width: 480px){body>header .container nav .clickable:has(.function-button,.active){margin-left:8px;margin-right:8px}}body>header .container nav.open{transform:translate(0)}}body>header .container .nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease-out;z-index:4}body>header .container .function-button{--stagger: calc(.5s + (sibling-index() + 1)*30ms) ;--layout-duration: 1.1s;--layout-ease: cubic-bezier(.24, .67, .08, .99);--transform-duration: .6s;--transform-ease: cubic-bezier(0, .81, .36, 1.36);width:48px;height:48px;margin-left:8px;margin-right:8px;transform:scale(1)}body>header .container .function-button#nav-toggle{display:none}@media screen and (max-width: 1024px){body>header .container .function-button#nav-toggle{display:flex}}body>header .container .function-button#nav-toggle .icon-cancel{display:none}body>header .container .function-button#nav-toggle .icon-menu{display:block}body>header .container>div{display:flex;align-items:center;position:relative}body>header .container>div>div{display:flex;align-items:center;height:100%;z-index:99}body>header .container .clickable:has(.active){margin-left:8px}body>header .container .clickable:has(.function-button){z-index:5}body>header .container .clickable:has(.function-button) #nav-toggle{position:relative}body>header .container .clickable:has(#nav-toggle){z-index:6}body>header .container .remote-button,body>header .container #share-player{position:relative;cursor:pointer}body>header .container .remote-button:before,body>header .container .remote-button .badge,body>header .container #share-player:before,body>header .container #share-player .badge{position:absolute;content:attr(data-badge-count);bottom:-5px;right:-5px;background-color:#d81921;color:#fff;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;padding:2px;font-size:10px;width:18px;border-radius:99px;opacity:0;transform:scale(.5);transition:transform var(--spring-duration) var(--spring-easing),opacity .5s ease-out}body>header .container .remote-button .badge,body>header .container #share-player .badge{top:0;right:0;transform:translate(50%,-50%);width:fit-content;height:fit-content;padding:4px;opacity:1}body>header .container .remote-button.badge:before,body>header .container #share-player.badge:before{opacity:1;transform:scale(1)}@media screen and (max-width: 640px){body>header{padding:10px 0}body>header .container .logo{display:none}body>header .container .title{font-size:16px}body>header .container>div:last-child{display:flex}body>header .container>div:last-child #nav-toggle{display:flex}}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease-out;z-index:4}#nav-toggle-checkbox:checked~.nav-backdrop,body:has(#nav-toggle-checkbox:checked) .nav-backdrop{opacity:1;pointer-events:auto}@media screen and (max-width: 1024px){#nav-toggle-checkbox:checked~header nav,#nav-toggle-checkbox:checked~nav,body:has(#nav-toggle-checkbox:checked) header nav,body:has(#nav-toggle-checkbox:checked) nav{transform:translate(0)!important}}#nav-toggle-checkbox:checked~header #nav-toggle .icon-menu,body:has(#nav-toggle-checkbox:checked) #nav-toggle .icon-menu{display:none!important}#nav-toggle-checkbox:checked~header #nav-toggle .icon-cancel,body:has(#nav-toggle-checkbox:checked) #nav-toggle .icon-cancel{display:block!important}.collapse-wrapper{overflow:hidden;height:100%}main{flex:1;display:grid;grid-template-columns:1fr max-content;grid-template-rows:min-content 1fr max-content max-content max-content 24px;--general-ease: cubic-bezier(.24, .67, .08, .99);--general-duration: 1.1s;--grid-row-transition: grid-template-rows var(--general-ease) var(--general-duration);--grid-column-transition: grid-template-columns var(--general-ease) var(--general-duration);transition:var(--grid-row-transition);@keyframes tag-pulse{0%,to{box-shadow:0 0 12px #ff3b45}50%{box-shadow:0 0 18px #ff3b45cc}}}main .header-wrapper{grid-area:1 / 1 / 2 / 3;display:grid;grid-template-rows:1fr;min-height:0px;overflow:hidden;transition:var(--grid-row-transition)}main .header-wrapper header{padding:0 0 18px;z-index:5;transition:opacity .5s ease-out;display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}main .header-wrapper header>*{transform:scale(1);opacity:1;transition-property:transform,opacity;transition-duration:var(--general-duration);transition-timing-function:var(--general-ease);transition-delay:calc(.3s + sibling-index()*20ms)}main .header-wrapper header .title-wrapper{flex:1 0 300px}@media screen and (max-width: 855px){main .header-wrapper header .title-wrapper{width:100%;flex:auto}}main .header-wrapper header input{color:inherit;outline:none;background:#ffffff1a;border-radius:99px;overflow:hidden;padding:16px;width:100%;height:100%;border:.5px rgba(255,255,255,.1) solid}main .header-wrapper header input::placeholder{color:#fff6;font-size:14px;font-family:Montserrat;font-weight:500;word-wrap:break-word}main .header-wrapper header input:first-child{flex:1 1 500px}main .header-wrapper header input#script-title{min-width:0;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 640px){main .header-wrapper header{gap:12px}}@media screen and (max-width: 480px){main .header-wrapper header{gap:8px;column-gap:4px}main .header-wrapper header .custom-select>div:first-child,main .header-wrapper header .custom-color{padding:10px;gap:4px}}@media screen and (max-width: 375px){main .header-wrapper header{justify-content:space-between}}@media screen and (max-width: 855px){main .header-wrapper header>*{flex:1}main .header-wrapper header>*>:first-child{width:100%}}main .header-wrapper header .edit-area-speed{display:none!important}@media screen and (max-width: 640px){main{padding:0}}main .editor-area{flex-direction:column;gap:24px;display:flex;position:relative;width:100%;grid-area:2 / 1 / 7 / 2}main .editor-area textarea{display:none}main .editor-area .CrimsonEditorTheme{flex:1}main .editor-area .CrimsonEditorTheme .editor-work-space-container{height:100%;position:relative;perspective:5000px;display:flex;justify-content:center;align-items:center}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper{height:100%;transition:padding .5s ease-out,background-color .5s ease-out;position:absolute;width:100%;isolation:isolate;background:#000;border-radius:20px 20px 0 0;z-index:2;overflow:hidden;transition-property:background-color,transform;transition-duration:var(--general-duration);transition-timing-function:var(--general-ease)}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper:after{position:absolute;content:"";inset:auto 0 0 0;bottom:-10px;height:35%;pointer-events:none;z-index:1;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,1))}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space{position:relative;transition:padding .5s ease-out;overflow-y:auto;padding-right:8px;padding:0px var(--editor-margin, clamp(0px, calc((100% - 320px)*.07) , 96px));height:100%;display:flex;flex-direction:column}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .tags-wrapper{grid-column:1;grid-row:1 / -1;position:relative;width:0;transition:width .5s cubic-bezier(.4,0,.2,1),margin-right .5s cubic-bezier(.4,0,.2,1);overflow:visible;display:block}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .tags-wrapper .ui-tag{position:absolute;left:var(--tag-c, 50%);transform:translate(-50%,12.5%) scale(1);aspect-ratio:1/1;background:#d81921;border-radius:10px;outline:1px white solid;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1!important;transition:background-color .3s ease}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .tags-wrapper .ui-tag:hover{background-color:#f12c35}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .tags-wrapper .ui-tag.active{background-color:#ff3b45}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .editor-content{flex:1;display:flex}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding){outline:none;min-height:calc(50% - 24px);transition:min-height .3s ease-out;font-weight:500;flex:1}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) *{font-family:inherit!important}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) p[dir=rtl] *{font-family:auto!important}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) p,main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) ul li{font-size:var(--editor-base-font-size)}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) p:empty:after{content:"​"}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div[contenteditable=true]:not(.workspace-padding) a span{display:none}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space::-webkit-scrollbar{width:8px}main .editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space::-webkit-scrollbar-thumb{width:8px;background:#fff3;border-radius:80px;border:.5px rgba(255,255,255,.2) solid}main .editor-area .CrimsonEditorTheme .tool-bar-content-extra-wrapper{transition:height 1s cubic-bezier(.24,.67,.08,.99);width:100%}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper{z-index:10;position:absolute;bottom:0;left:0;width:100%;padding:0 24px 24px;will-change:height;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity var(--general-duration) var(--general-ease),height var(--general-duration) var(--general-ease),transform var(--general-duration) var(--general-ease)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper{padding:16px 24px;background:#1e1e1e;margin:0 auto;max-width:90%;width:100%;overflow:hidden;height:76px;border-radius:40px;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex;will-change:height;transition:height 1s cubic-bezier(.24,.67,.08,.99),transform 1s cubic-bezier(.24,.67,.08,.99)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper .CrimsonEditorTheme__toolbar{width:100%;justify-content:space-between;align-items:center;gap:24px;display:grid;grid-template-columns:repeat(auto-fit,44px)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button{--rotate: 0deg;--translateX: 0;--translateY: 0;--scale: 1;--expand-button-rotate: 180deg;padding:10px;justify-content:center;align-items:center;display:flex;background:#ffffff1a;border-radius:20px;transition:transform .3s ease-out,background-color .3s ease-out;transition-delay:50ms,0s;transform:translate(var(--translateX),var(--translateY)) rotate(var(--rotate))}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button.active{background-color:#d81921}@media not (hover: none){main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:hover+button,main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:has(+button:hover){--scale: 1.1;--translateY: -2.5px;transition-delay:0s,0s}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:hover{--scale: 1.3;--translateY: -5px;transition-delay:0s,0s}}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar{display:flex;align-items:center;color:#fff;padding:10px 16px;border-radius:99px;font-size:16px;background:#1e1e1e;transform:translate(var(--translateX),var(--translateY)) rotate(var(--expand-button-rotate));transition:width 1.5s cubic-bezier(0,1.01,.34,1.02)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper{transition:transform .7s ease-out;margin-right:10px;transition:margin-right 1s cubic-bezier(0,1.01,.34,1.02);display:block!important}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon{overflow:hidden;display:block;transition:transform 1s cubic-bezier(.24,.67,.08,.99)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path{transition:transform 1s cubic-bezier(0,1.01,.34,1.02)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path:first-child{transform:translateY(-17%)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path:last-child{transform:translateY(17%)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden{margin-right:0}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden .expand-button-icon path:first-child{transform:translateY(0)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden .expand-button-icon path:last-child{transform:translateY(0)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full{margin-right:0}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon{transform:rotate(180deg)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon path:first-child{transform:translateY(-17%)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon path:last-child{transform:translateY(17%)}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .text-wrapper{width:100%;display:inline-block;position:relative}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .text-wrapper span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;transform-origin:-25% -25%}@media screen and (max-width: 640px){main .editor-area .CrimsonEditorTheme .tool-bar-wrapper{padding:0 16px 16px;bottom:0}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper{max-width:none;border-radius:24px;padding:16px}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper .CrimsonEditorTheme__toolbar{justify-content:space-around}main .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button.expand-tool-bar{display:flex!important;height:auto;position:absolute;bottom:calc(100% - var(--arrow-padding-offset) - 20px);left:50%;--translateY: -100%;--translateX: -50%}}@media screen and (max-width: 1024px){main .editor-area{width:100%!important}}main .workspace-padding{display:block;height:24px;pointer-events:none;opacity:0;visibility:hidden;will-change:height;flex:none;transition:height var(--general-ease) var(--general-duration)}main .workspace-padding:last-child{height:50%}main .editor-area.programmatic-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100svh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;z-index:99999!important;box-sizing:border-box!important;border-radius:0!important;background:#000}main .editor-area.programmatic-fullscreen~:where(.timer-container,.controls-container,.speed-controller-wrapper){z-index:100000!important}main .editor-area.programmatic-fullscreen .CrimsonEditorTheme,main .editor-area.programmatic-fullscreen .editor-work-space-container,main .editor-area.programmatic-fullscreen .CrimsonEditorTheme__editor-work-space-wrapper{border-radius:0!important;height:100%!important;width:100%!important}main a[title=section-tag]{display:none!important}main .timer-container{grid-area:3 / 1 / 4 / -1;display:grid;min-height:0px;overflow:hidden;transition:var(--grid-row-transition);margin:0 auto;grid-template-rows:0fr;transition-delay:.3s;padding:0 16px}main .timer-container .timer-wrapper{display:flex;align-items:center;gap:6px;color:#d81921;margin:16px auto 0;z-index:99;padding-top:16px}main .timer-container .timer-wrapper .timer{position:relative;transform:scale(.5);opacity:0;transition:transform var(--general-ease) var(--general-duration),opacity var(--general-ease) var(--general-duration);transition-delay:calc(sibling-index()*30ms)}main .timer-container .timer-wrapper .timer .label{position:absolute;text-align:center;font-size:8px;font-weight:400;left:50%;top:-5px;transform:translate(-50%) translateY(-100%)}main .timer-container .timer-wrapper .timer .time{aspect-ratio:1/1;width:44px;background:#191919;border-radius:10px;justify-content:center;align-items:center;display:flex}main .controls-container{grid-area:4 / 1 / 5 / -1;display:grid;min-height:0px;overflow:hidden;transition:var(--grid-row-transition);margin:0 auto;grid-template-rows:0fr;transition-delay:.3s;width:100%;padding:0 16px}main .controls-container .controls-wrapper{margin-top:16px;padding:32px 28px 38px;background:#1e1e1e;border-radius:24px;align-items:center;gap:32px;display:flex;justify-content:space-between;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto;z-index:99;transform:scale(.5);opacity:0;transition:transform var(--general-duration) var(--general-ease),opacity var(--general-duration) var(--general-ease)}main .controls-container .controls-wrapper .control-group{display:flex;align-items:center;gap:10px}main .controls-container .controls-wrapper .control-group .control{position:relative}main .controls-container .controls-wrapper .control-group .value-display{position:relative;background-color:#ffffff1a}main .controls-container .controls-wrapper .control-group .control>span:first-child:not(.value),main .controls-container .controls-wrapper .control-group .value-display>span:first-child:not(.value){text-align:center;color:#fff6;font-size:8px;font-weight:400;position:absolute;top:-5px;left:50%;transform:translate(-50%,-100%)}main .controls-container .controls-wrapper .control-group .control>span:last-child:not(.value),main .controls-container .controls-wrapper .control-group .value-display>span:last-child:not(.value){position:absolute;padding:4px;background:#ffffff05;border-radius:30px;color:#fff;font-size:8px;font-weight:400;width:max-content;bottom:-4px;left:50%;transform:translate(-50%,100%)}main .controls-container .controls-wrapper .control-group.disabled{opacity:.3;pointer-events:none}main .controls-container .controls-wrapper .control-group.disabled .value-display{opacity:.45}main .controls-container .controls-wrapper .control-group .function-button:disabled{opacity:.4;cursor:default}@media screen and (max-width: 640px){main .controls-container .controls-wrapper{gap:0px;border-radius:24px;width:100%;padding:30px 20px 24px}main .controls-container .controls-wrapper .control-group .control>span:last-child:not(.value),main .controls-container .controls-wrapper .control-group .value-display>span:last-child:not(.value){display:none}}main .speed-controller-wrapper{z-index:2;grid-area:2 / 2 / 5 / 3;display:grid;grid-template-columns:0fr;min-width:0px;transition:opacity var(--general-duration) var(--general-ease),transform var(--general-duration) var(--general-ease),grid-template-columns var(--general-duration) var(--general-ease),grid-template-rows var(--general-duration) var(--general-ease);transition-delay:0ms,0ms,.15s;transform:translate(300px);opacity:0}main .speed-controller-wrapper #speed-slider{display:block;height:100%;min-width:76px}@media (max-width: 1024px){main .speed-controller-wrapper{grid-area:5 / 1 / 6 / -1;grid-template-columns:1fr;grid-template-rows:0fr}main .speed-controller-wrapper #speed-slider{position:relative;bottom:0;right:0;top:0;padding:20px 16px 16px;margin:16px 16px 0;border-radius:10px;border:2px #d81921 solid;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;height:auto;display:flex;flex-direction:row}main .speed-controller-wrapper #speed-slider .slider-content-wrapper{width:100%;flex-direction:row}main .speed-controller-wrapper #speed-slider .slider-content-wrapper .slider-input-wrapper{width:100%}main .speed-controller-wrapper #speed-slider .slider-content-wrapper .slider-input-wrapper input{writing-mode:lr;width:100%;height:5px}main .speed-controller-wrapper #speed-slider .slider-content-wrapper .slider-input-wrapper input::-webkit-slider-thumb{width:20px;height:20px}}body[data-mode=edit] .function-button.edit{width:48px;height:48px;transform:scale(1);margin-left:8px;margin-right:8px;transition:width var(--layout-duration) var(--layout-ease),height var(--layout-duration) var(--layout-ease),background-color .3s cubic-bezier(.24,.67,.08,.99),margin-left var(--layout-duration) var(--layout-ease),margin-right var(--layout-duration) var(--layout-ease),opacity var(--transform-duration) var(--transform-ease) var(--stagger),transform var(--transform-duration) var(--transform-ease) var(--stagger)}body[data-mode=edit] .function-button.play{width:0px;height:0px;transform:scale(.5);opacity:0;margin-left:0;margin-right:0;transition:width var(--layout-duration) var(--layout-ease) .15s,height var(--layout-duration) var(--layout-ease) .15s,background-color .3s cubic-bezier(.24,.67,.08,.99),margin-left var(--layout-duration) var(--layout-ease) .15s,margin-right var(--layout-duration) var(--layout-ease) .15s,opacity var(--layout-duration) var(--transform-ease),transform var(--layout-duration) var(--transform-ease)}body[data-mode=edit] main .header-wrapper{grid-template-rows:1fr;transition-delay:0ms}body[data-mode=edit] main .editor-area .tool-bar-wrapper{pointer-events:auto;opacity:0;animation:toolbarEnter var(--general-duration) var(--general-ease) var(--general-duration) forwards}body[data-mode=edit] main .workspace-padding{font-size:var(--editor-base-font-size, 18px);height:max(0px,calc(var(--eyeline-y, .5) * 100% - .5lh))}body[data-mode=edit] main .editor-content~.workspace-padding{height:max(0px,calc((1 - var(--eyeline-y, .5)) * 100% - .5lh))}body[data-mode=play] .function-button.edit{width:0px;height:0px;transform:scale(.5);opacity:0;margin-left:0;margin-right:0;transition:width var(--layout-duration) var(--layout-ease) .15s,height var(--layout-duration) var(--layout-ease) .15s,background-color .3s cubic-bezier(.24,.67,.08,.99),margin-left var(--layout-duration) var(--layout-ease) .15s,margin-right var(--layout-duration) var(--layout-ease) .15s,opacity var(--layout-duration) var(--transform-ease),transform var(--layout-duration) var(--transform-ease)}body[data-mode=play] .function-button.play{width:48px;height:48px;transform:scale(1);opacity:1;margin-left:8px;margin-right:8px;transition:width var(--layout-duration) var(--layout-ease),height var(--layout-duration) var(--layout-ease),background-color .3s cubic-bezier(.24,.67,.08,.99),margin-left var(--layout-duration) var(--layout-ease),margin-right var(--layout-duration) var(--layout-ease),opacity var(--transform-duration) var(--transform-ease) var(--stagger),transform var(--transform-duration) var(--transform-ease) var(--stagger)}body[data-mode=play] main .header-wrapper{grid-template-rows:0fr;transition-delay:.3s}body[data-mode=play] main .header-wrapper header>*{transform:scale(.75);opacity:0;transition-delay:0ms}body[data-mode=play] main .tool-bar-wrapper{pointer-events:none;animation:toolbarExit var(--general-duration) var(--general-ease) forwards}body[data-mode=play] main .workspace-padding{font-size:var(--editor-base-font-size, 18px);height:max(0px,calc(var(--eyeline-y, .5) * 100% - .5lh))}body[data-mode=play] main .editor-content~.workspace-padding{height:max(0px,calc((1 - var(--eyeline-y, .5)) * 100% - .5lh))}body[data-speed-controller-shown=true] #toggle-side-bar{background-color:var(--primary-red)}body:is([data-speed-controller-shown=true],.remote)[data-mode=play] .speed-controller-wrapper{grid-template-columns:1fr;opacity:1;transform:translate(0);transition-delay:.15s,.15s,0ms}body:is([data-speed-controller-shown=true],.remote)[data-mode=play] .speed-controller-wrapper #speed-slider{opacity:1}@media screen and (max-width: 1024px){body:is([data-speed-controller-shown=true],.remote)[data-mode=play] .speed-controller-wrapper{grid-template-columns:1fr;grid-template-rows:1fr}}body[data-timer-shown=true] #toggle-timer{background-color:var(--primary-red)}body:is([data-timer-shown=true],.remote)[data-mode=play] .timer-container{grid-template-rows:1fr;transition-delay:0ms}body:is([data-timer-shown=true],.remote)[data-mode=play] .timer-container .timer{transform:scale(1);opacity:1;transition-delay:calc(.2s + sibling-index()*30ms)}body[data-bottom-bar-shown=true] #bottom-bar-toggle{background-color:var(--primary-red)}body:is([data-bottom-bar-shown=true],.remote)[data-mode=play] .controls-container{grid-template-rows:1fr;transition-delay:0ms}body:is([data-bottom-bar-shown=true],.remote)[data-mode=play] .controls-container .controls-wrapper{transform:scale(1);opacity:1;transition-delay:.25s}body[data-flip-horizontal=true] #flip-horizontal{background-color:var(--primary-red)}body[data-flip-horizontal=true][data-mode=play] .CrimsonEditorTheme__editor-work-space-wrapper{transform:rotateY(180deg) rotateX(0)}body[data-flip-vertical=true] #flip-vertical{background-color:var(--primary-red)}body[data-flip-vertical=true][data-mode=play] .CrimsonEditorTheme__editor-work-space-wrapper{transform:rotateY(0) rotateX(180deg)}body[data-flip-vertical=true][data-flip-horizontal=true] #flip-vertical,body[data-flip-vertical=true][data-flip-horizontal=true] #flip-horizontal{background-color:var(--primary-red)}body[data-flip-vertical=true][data-flip-horizontal=true][data-mode=play] .CrimsonEditorTheme__editor-work-space-wrapper{transform:rotateY(180deg) rotateX(180deg)}body[data-full-screen=true] #full-screen-mode{background-color:var(--primary-red)}.keep-awake{width:min(100%,500px)}body.remote main{grid-template-rows:min-content 1fr max-content max-content max-content 0px}body.remote main .editor-area{grid-area:2 / 1 / 3 / 2}body.remote main .editor-area .editor-work-space-container{--editor-w: 100%;--editor-h: 100%;--preview-w: var(--editor-w, 500);--preview-h: var(--editor-h, 500);display:flex;justify-content:center;align-items:center;overflow:hidden}body.remote main .editor-area .editor-work-space-container .CrimsonEditorTheme__editor-work-space-wrapper{will-change:width,height,transform;width:calc(var(--preview-w) * 1px);height:calc(var(--preview-h) * 1px);--scale-x: calc(var(--editor-w) / var(--preview-w));--scale-y: calc(var(--editor-h) / var(--preview-h));--scale-factor: min(var(--scale-x), var(--scale-y));transform:rotateY(0) rotateX(0) scale(var(--scale-factor));transform-origin:center center;transition:width .4s ease,height .4s ease,transform .4s ease;flex-shrink:0}body.remote .timer-wrapper{width:100%;color:#fff}body.remote .timer-wrapper .timer{flex:1}body.remote .timer-wrapper .timer .time{aspect-ratio:1/1;padding:0;width:52px;margin:0 auto;background-color:#ffffff1a;font-size:14px}body.remote .timer-wrapper .timer .label,body.remote .timer-wrapper .divider{color:#d81921}body.remote .controls-wrapper{flex-wrap:wrap-reverse;gap:24px 10px;padding:24px;overflow:visible;max-width:400px;width:100%}body.remote .controls-wrapper .control-group{flex:1}body.remote .controls-wrapper .control-group:first-child{flex-grow:0;flex-shrink:0;flex-basis:100%;width:100%}body.remote .controls-wrapper .control-group .control{width:100%}body.remote .controls-wrapper .control-group .control button,body.remote .controls-wrapper .control-group .control .value-display{width:100%;aspect-ratio:167/90}body.remote .controls-wrapper .control-group .control span{display:none}body.remote .controls-wrapper .control-group .value-display{width:100%;aspect-ratio:167/90}body.remote[data-mode=edit] main .editor-area .editor-work-space-container .CrimsonEditorTheme__editor-work-space-wrapper{--scale-factor: calc(var(--editor-w) / var(--preview-w));height:calc((var(--editor-h) / var(--scale-factor)) * 1px)}body.remote[data-mode=play] main{grid-template-rows:min-content 1fr max-content max-content max-content 24px}body.remote[data-mode=play] .speed-controller-wrapper{grid-template-columns:1fr;grid-template-rows:1fr;opacity:1;transform:translate(0);transition-delay:.15s,.15s,0ms}body.remote[data-mode=play] .speed-controller-wrapper #speed-slider{opacity:1}body.remote[data-mode=play] .timer-container{grid-template-rows:1fr;transition-delay:0ms}body.remote[data-mode=play] .timer-container .timer{transform:scale(1);opacity:1;transition-delay:calc(.2s + sibling-index()*30ms)}body.remote[data-mode=play] .controls-container{grid-template-rows:1fr;transition-delay:0ms}body.remote[data-mode=play] .controls-container .controls-wrapper{transform:scale(1);opacity:1;transition-delay:.25s}@keyframes toolbarEnter{0%{transform:translateY(300px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toolbarExit{0%{transform:translateY(0);opacity:1}to{transform:translateY(300px);opacity:0}}.avatar-wrapper.mobile-edit-only{display:none;margin-left:16px}.avatar-wrapper.desktop-or-play{display:flex}@media (max-width: 640px){body:has(main[data-mode=edit]) header .avatar-wrapper.mobile-edit-only{display:flex}}@media (max-width: 640px){body:has(main[data-mode=edit]) .avatar-wrapper.desktop-or-play{display:none}}.speed-pill{position:fixed;z-index:10000;pointer-events:none;background:#d81921;color:#fff;font:600 15px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;padding:8px 12px;border-radius:999px;box-shadow:0 4px 14px #00000073;opacity:0;transition:opacity .16s ease,transform .2s cubic-bezier(.24,.67,.08,.99);transform:translate(-50%,-100%) scale(.7)}.speed-pill.on{opacity:1;transform:translate(-50%,-100%) scale(1)}.speed-pill[data-side=left]{transform:translate(-100%,-50%) scale(.7)}.speed-pill.on[data-side=left]{transform:translate(-100%,-50%) scale(1)}.speed-pill[data-side=right]{transform:translateY(-50%) scale(.7)}.speed-pill.on[data-side=right]{transform:translateY(-50%) scale(1)}.dd-spotlight{position:fixed;z-index:999990;pointer-events:none;box-shadow:0 0 0 200vmax #000000b8;opacity:0;transition:opacity .22s ease-out}.dd-spotlight.on{opacity:1}:root{--bg: #000000;--bg-1: #0a0a0a;--bg-2: #121212;--bg-3: #1a1a1a;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .14);--line-3: rgba(255, 255, 255, .22);--fg: #f5f5f5;--fg-1: rgba(255, 255, 255, .7);--fg-2: rgba(255, 255, 255, .48);--fg-3: rgba(255, 255, 255, .3);--fg-4: rgba(255, 255, 255, .16);--red: #ff3b30;--red-hi: #ff5a4f;--red-soft: rgba(255, 59, 48, .1);--red-line: rgba(255, 59, 48, .32);--green: #34d399;--green-soft: rgba(52, 211, 153, .1);--green-line: rgba(52, 211, 153, .32);--amber: #fbbf24;--display: "Sora", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}.remote-btn{background:#ff3b300f;border:1px solid var(--red-line);width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .15s;position:relative;flex-shrink:0}.remote-btn:hover{background:#ff3b301f;border-color:var(--red);transform:translateY(-1px)}.multi-btn{margin-right:2px}.lock-mini{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:99px;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center}.modal-content::-webkit-scrollbar{width:0;height:0;display:none}@media (max-width: 480px){.modal-content{padding:28px 22px 24px;border-radius:14px}}.modal-content:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:19px;background:radial-gradient(ellipse at top,rgba(255,59,48,.16),transparent 50%);pointer-events:none;z-index:-1;mask:linear-gradient(black,transparent 50%);-webkit-mask:linear-gradient(black,transparent 50%)}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.modal-close:hover{background:#ffffff0f;color:var(--fg)}.modal-content .icon-wrap{width:56px;height:56px;border-radius:14px;background:#ff3b301a;border:1px solid var(--red-line);color:var(--red);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative}.modal-content .icon-wrap .pro-pill{position:absolute;top:-8px;right:-8px;background:var(--red);color:#fff;font-family:var(--mono);font-size:9px;font-weight:500;padding:3px 7px;border-radius:99px;letter-spacing:.1em;text-transform:uppercase}.modal-content h2{margin:0 0 10px;font-weight:600;font-size:clamp(24px,3.6vw,30px);letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.modal-content h2 b{color:var(--red);font-weight:600}.modal-content .lede{color:var(--fg-1);font-size:15px;line-height:1.55;margin:0 0 22px}.perks{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}.perks li{font-size:14px;color:var(--fg-1);line-height:1.5;display:flex;align-items:flex-start;gap:12px}.perks li:before{content:"";flex-shrink:0;width:16px;height:16px;background:var(--red);margin-top:2px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.5l2.5 2.5L10 3.5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.5l2.5 2.5L10 3.5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.perks li.soon:before{background:var(--fg-2)}.perks li b{color:var(--fg);font-weight:500}.perks li .soon-tag{font-family:var(--mono);font-size:9px;font-weight:500;padding:1px 6px;border-radius:3px;background:#ffffff0f;color:var(--fg-2);margin-left:6px;text-transform:uppercase;letter-spacing:.08em}.modal-content .actions{display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:600;font-size:15px;padding:14px 22px;height:52px;border-radius:10px;cursor:pointer;width:100%;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s;letter-spacing:-.005em}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff;border:1px solid var(--red-hi);box-shadow:0 14px 36px -16px #ff3b3099}.btn-primary:hover{background:var(--red-hi)}.btn-outline{background:#ff3b300f;color:var(--red-hi);border:1px solid rgba(255,59,48,.4)}.btn-outline:hover{background:#ff3b301f;border-color:var(--red-hi)}.shared-from{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line-2);font-size:13.5px;color:var(--fg-1);letter-spacing:-.005em}.shared-from b{color:var(--fg);font-weight:600}.sf-avatar{flex:none;width:30px;height:30px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:12px;color:#fff;background:linear-gradient(145deg,#ff6b52,var(--red));letter-spacing:.02em}.pro-modal .btn-neutral{background:transparent;color:var(--fg);border:1px solid var(--line-2)}.pro-modal .btn-neutral:hover{background:#ffffff0a;border-color:#ffffff4d}.actions [data-action=continueFree]{margin-top:8px}[data-no-pro-pricing] .plan-label,[data-no-pro-pricing] .plan-row,[data-no-pro-pricing] .plan-sub,[data-no-pro-pricing] .founding-rate{display:none!important}.shared-copy{display:contents}[data-owner-pro=true] .shared-copy[data-owner=free],[data-owner-pro=false] .shared-copy[data-owner=pro]{display:none}.shared-alt{margin-top:18px;text-align:center;font-size:13px;color:var(--fg-2);letter-spacing:-.005em}.shared-alt a,.shared-alt button{color:var(--red-hi);font-weight:600;margin-left:6px;white-space:nowrap}.shared-alt button{display:inline;background:none;border:0;padding:0;font:inherit;font-weight:600;letter-spacing:inherit;cursor:pointer}.shared-alt a:hover,.shared-alt button:hover{text-decoration:underline}@media (min-width: 481px){.shared-alt{white-space:nowrap}}@media (max-width: 480px){.shared-alt a,.shared-alt button{display:table;margin:6px auto 0}}.icon-wrap.banned,.icon-wrap.heart{background:#ff3b301a;border-color:var(--red-line);color:var(--red)}.icon-wrap.warn{background:#fbbf241c;border-color:#fbbf2457;color:var(--amber)}.grace-bar-wrap{margin:4px 0 20px}.grace-bar{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.grace-bar>i{display:block;height:100%;background:var(--amber);border-radius:99px}.grace-countdown{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--fg-2);margin-top:10px;letter-spacing:.06em;text-transform:uppercase}.grace-countdown b{font-size:15px;color:var(--amber);font-weight:600;letter-spacing:0;text-transform:none}.contact-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.contact-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px 15px;border-radius:13px;cursor:pointer;background:#ffffff05;border:1px solid var(--line-2);color:var(--fg);font-family:inherit;transition:all .15s ease}.contact-row:hover{border-color:var(--line-3);background:#ffffff0b;transform:translateY(-1px)}.contact-ic{flex:none;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--fg-1)}.contact-ic.wa{background:#25d36624;color:#25d366}.contact-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.contact-lbl{font-family:var(--mono, monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}.contact-val{font-size:14.5px;font-weight:600;color:var(--fg);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-action{flex:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-weight:600;font-size:12.5px;color:var(--fg-1);padding:6px 11px;border-radius:99px;background:#ffffff0d}.contact-action svg{width:13px;height:13px}.contact-row:hover .contact-action{color:var(--fg);background:#ffffff17}.contact-row.copied .contact-action{color:#34c759;background:#34c75924}.contact-row.wa:hover .contact-action{color:#25d366;background:#25d36629}.plan-label{font-family:var(--mono, monospace);font-size:10.5px;color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:-2px}.plan-sub{font-size:12px;color:var(--fg-2);text-align:center;line-height:1.45;margin-top:2px}.plan-sub b{color:var(--fg-1);font-weight:600}.plan-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 360px){.plan-row{grid-template-columns:1fr}.modal:not(.account-modal) .modal-content{padding-left:16px;padding-right:16px}}.plan-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 15px 12px;border-radius:12px;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid var(--line-2);transition:all .15s ease}.plan-opt:hover{border-color:var(--line-3);background:#ffffff0a;transform:translateY(-1px)}.plan-opt.best{background:#ff3b3012;border-color:#ff3b3066}.plan-opt.best:hover{background:#ff3b301f;border-color:var(--red-hi)}.plan-price{font-family:var(--display);font-weight:700;font-size:22px;color:var(--fg);letter-spacing:-.01em}.plan-per{font-size:13px;font-weight:600;color:var(--fg-1)}.plan-note{font-family:var(--mono, monospace);font-size:10.5px;color:var(--fg-2);letter-spacing:.02em}.plan-cta{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-family:var(--display);font-weight:600;font-size:13px;color:var(--red-hi)}.plan-cta svg{width:13px;height:13px}.plan-opt.best .plan-cta{color:#fff}.plan-tag{position:absolute;top:-8px;right:10px;font-family:var(--mono, monospace);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--red);padding:2px 7px;border-radius:99px}.btn-ghost{background:transparent;color:var(--fg-1);border:1px solid var(--line-2)}.btn-ghost:hover{color:var(--fg);border-color:var(--line-3);background:#ffffff08}.trial-meta{margin:14px 0 0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--fg-2);letter-spacing:.04em;line-height:1.6}.trial-meta b{color:var(--fg);font-weight:500}.remote-btn .live-dot{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:99px;background:var(--green);border:2px solid #000;animation:pulseDot 1.8s infinite}.remote-btn .count-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:99px;border:2px solid #000;box-sizing:border-box;font-family:var(--mono);font-size:10px;font-weight:700;line-height:1;background:var(--green);color:#062b1c}.remote-btn.session-live{border-color:var(--red);background:#ff3b301f}.remote-btn .count-badge.zero{background:var(--amber);color:#3a2c00;animation:pulseZero 1.8s infinite}@keyframes pulseZero{0%{box-shadow:0 0 #fbbf2480}70%{box-shadow:0 0 0 7px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}@keyframes pulseDot{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}.remote-tip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-4px);background:#121212;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 14px 34px -10px #000c;z-index:2000!important}.remote-tip.hidden{display:none}.remote-tip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#121212}.remote-tip .tip-lbl{font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff7a}.remote-tip .tip-time{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:#34d399;letter-spacing:.02em;font-variant-numeric:tabular-nums}.remote-tip.low .tip-time{color:#fbbf24}.remote-tip.expired .tip-time{color:#ff3b30;font-size:11px}:where(.remote-button,#share-player):hover .remote-tip{opacity:1;transform:translate(-50%) translateY(0)}.connect-title{margin:0 0 8px;font-weight:600;font-size:23px;letter-spacing:-.02em;text-align:center;line-height:1.1}.connect-sub{margin:0 auto 22px;text-align:center;color:var(--fg-1);font-size:14px;line-height:1.5;max-width:340px}.qr-overlay-layer{z-index:130}.qr-modal{max-width:340px!important;text-align:center}.qr-modal-head{position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0 18px}.qr-modal-head .conn-ic{position:absolute;left:0;top:50%;transform:translateY(-50%)}.qr-modal-head .connect-title{font-size:19px;white-space:nowrap}.qr-card-lg{width:216px;height:216px}.qr-modal-link{display:inline-block;margin:0 auto}.qr-card{background:#fff;border-radius:16px;padding:14px;width:176px;height:176px;margin:0 auto 16px;box-shadow:0 18px 50px -16px #000000b3}.qr-card svg{width:100%;height:100%;display:block;border-radius:4px}.qr-card.dim{opacity:.35;position:relative}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;background:#0000008c;border-radius:16px;color:#fff;font-family:var(--display);font-weight:600;font-size:12.5px;cursor:pointer}.screen-modal{text-align:center;padding-top:30px}.screen-modal-head{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:4px;color:var(--fg-1)}.screen-modal-title{margin:0 0 22px;font-weight:600;font-size:21px;letter-spacing:-.02em}.screen-modal-head .screen-modal-title{margin-bottom:0}.existing-msg{margin:0 0 20px;color:var(--fg-1);font-size:15px}.existing-note{margin:-12px 0 20px;color:var(--green);font-size:12.5px;font-family:var(--mono);letter-spacing:.01em}.present-here{position:relative;width:100%;max-width:300px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-lock{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;background:#00000040;color:#fff}.btn-lock.inline{width:14px;height:14px;background:#ff3b3024;color:var(--red-hi);margin-left:6px;vertical-align:middle}.or-divider{display:flex;align-items:center;gap:14px;margin:0 0 16px;color:var(--fg-2);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.or-divider span{flex:1;height:1px;background:var(--line-2)}.remote-fallback-lbl{margin-bottom:12px;color:var(--fg-1);font-size:14px;font-weight:500}.link-pill{margin:0 auto 16px;max-width:340px;padding:11px 18px;border-radius:99px;border:1px solid var(--line-2);background:#ffffff05;font-family:var(--mono);font-size:12.5px;color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-actions{display:flex;justify-content:center;gap:10px;margin:14px 0 16px}.conn-list{display:flex;flex-direction:column;gap:10px;margin:4px 0}.conn-row{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:13px;background:#ffffff05;border:1px solid var(--line-2)}.conn-ic{flex:none;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ff3b3014;color:var(--red-hi)}.conn-body{flex:1;min-width:0;text-align:left}.conn-name{font-size:14px;font-weight:600;color:var(--fg);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-hint{font-size:11px;color:var(--fg-2);margin-top:2px;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-link{display:inline-block;font-family:var(--mono);font-size:11.5px;color:var(--fg-2);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color .12s}a.conn-link:hover{color:var(--red-hi);text-decoration:underline}.conn-actions{flex:none;display:flex;gap:8px}.conn-actions .icon-sq{width:38px;height:38px;border-radius:10px}.conn-row.soon{opacity:.72;border-style:dashed}.conn-row.soon .conn-ic{background:#ffffff0d;color:var(--fg-2)}.conn-link.muted{color:var(--fg-2);opacity:.7;pointer-events:none}.soon-badge{display:inline-block;margin-left:8px;vertical-align:middle;font-family:var(--mono, monospace);font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-1);background:#ffffff17;border:1px solid var(--line-2);padding:2px 6px;border-radius:99px}.conn-actions .icon-sq:disabled{opacity:.4;cursor:not-allowed;background:#ffffff0a;color:var(--fg-2);border-color:var(--line-2)}.conn-actions .icon-sq:disabled:hover{background:#ffffff0a;border-color:var(--line-2)}.icon-sq{width:44px;height:44px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#ff3b300f;color:var(--red-hi);border:1px solid var(--red-line);transition:background .12s,border-color .12s}.icon-sq:hover{background:#ff3b3024;border-color:var(--red-hi)}.icon-sq.copied{color:#34c759;background:#34c75924;border-color:#34c75966}.connect-url{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;color:var(--fg);background:#ffffff0a;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:0 auto 18px;width:max-content;max-width:100%}.connect-url .host{color:var(--fg-2)}.waiting{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--mono);font-size:12px;color:var(--fg-2);margin-top:22px;margin-bottom:22px;letter-spacing:.02em}.waiting .wdot{width:8px;height:8px;border-radius:99px;background:var(--amber);animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.chip-row{display:flex;justify-content:center}.connected-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--green);background:var(--green-soft);border:1px solid var(--green-line);border-radius:99px;padding:8px 14px;margin:0 auto 22px}.connected-chip .cdot{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 8px var(--green)}.trial-bar-wrap{margin:0 0 4px}.trial-bar{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.trial-bar>i{display:block;height:100%;background:var(--green);border-radius:99px;transition:width 1s linear,background .3s}.trial-bar-wrap.low .trial-bar>i{background:var(--amber)}.trial-countdown{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--fg-2);margin-top:10px;letter-spacing:.06em;text-transform:uppercase}.trial-countdown b{font-size:17px;color:var(--green);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}.trial-countdown.low b{color:var(--amber)}.connect-note{text-align:center;font-size:13px;color:var(--fg-2);line-height:1.55;text-wrap:balance;max-width:34ch;margin:16px auto 22px}.connect-note b{color:var(--fg-1);font-family:var(--mono)}.icon-wrap.locked{background:#ff3b301a;border-color:var(--red-line)}.support-nudge{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 15px;border-radius:13px;cursor:pointer;margin-bottom:4px;background:#ff3b300d;border:1px solid var(--red-line);color:var(--fg-1);font-family:inherit;font-size:13.5px;line-height:1.4;transition:background .12s,border-color .12s}.support-nudge:hover{background:#ff3b301a;border-color:var(--red-hi)}.support-nudge>span:first-child{flex:none;color:var(--red-hi);display:inline-flex}.support-nudge b{color:var(--fg)}.text-link{display:block;width:100%;text-align:center;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--fg-2);letter-spacing:.04em;background:none;border:none;cursor:pointer}.text-link:hover{color:var(--fg-1)}.takeover-hint{margin:-4px 0 16px;text-align:center;font-size:12px;color:var(--fg-2)}:root{--antic: cubic-bezier(.5, -.35, .25, 1);--antic-dur: .56s}@media screen and (min-width: 481px) and (max-width: 855px){main .header-wrapper header#edit-header-controlls{flex-wrap:nowrap}main .header-wrapper header#edit-header-controlls>*{flex:0 0 auto}main .header-wrapper header#edit-header-controlls>.title-wrapper{flex:1 1 0;width:auto;min-width:96px}main .header-wrapper header#edit-header-controlls>*>:first-child{width:auto}main .header-wrapper header#edit-header-controlls>.title-wrapper>:first-child{width:100%}}@media screen and (max-height: 480px) and (orientation: landscape){main .header-wrapper header#edit-header-controlls{padding-bottom:10px;gap:8px}main .header-wrapper header#edit-header-controlls input{padding:10px 14px}main .header-wrapper header#edit-header-controlls .custom-select>div:first-child,main .header-wrapper header#edit-header-controlls .custom-color{padding:8px 10px;gap:6px}main .header-wrapper header#edit-header-controlls .custom-color .display{width:22px}}body.phone-portrait #edit-header-controlls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}body.phone-portrait #edit-header-controlls>.title-wrapper{grid-column:1/-1}body.phone-portrait #edit-header-controlls>:not(.title-wrapper){width:auto!important;min-width:0;max-width:none;margin:0}body.phone-portrait #edit-header-controlls>:not(.title-wrapper)>div{width:100%!important;min-width:0;padding:10px 6px!important;justify-content:center;box-sizing:border-box;gap:4px}body.phone-portrait #edit-header-controlls .custom-select>div>svg:last-child{display:none}body.phone-portrait #edit-header-controlls .custom-select>div>div{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}body.phone-portrait #edit-header-controlls .custom-select>div>svg{flex:none}body.phone-portrait #edit-header-controlls .custom-color{width:100%!important;min-width:0;padding:10px 6px!important;justify-content:center;box-sizing:border-box}body.phone-portrait #edit-header-controlls .custom-color .display{flex:none}body.inline-bar>header nav{position:static;min-height:0;height:auto;padding:0;background:none;transform:none!important;transition:none;z-index:auto}body.inline-bar>header nav:before,body.inline-bar>header nav:after{display:none}body.inline-bar>header nav>div{flex-direction:row;padding:0;overflow:visible;gap:0}body.inline-bar>header nav .clickable:has(.function-button,.active){margin-left:0;margin-right:0}body.inline-bar>header .function-button#nav-toggle,body.inline-bar>header .clickable:has(>#nav-toggle){display:none!important}body.inline-bar .nav-backdrop{display:none}body.inline-bar>header .avatar-wrapper.mobile-edit-only{display:none!important}body.inline-bar>header .avatar-wrapper.desktop-or-play{display:flex!important}body.inline-bar>header{padding-top:8px;padding-bottom:8px}body.inline-bar[data-mode=edit]>header .function-button:not(.play),body.inline-bar[data-mode=play]>header .function-button:not(.edit){width:38px!important;height:38px!important;min-width:38px;flex:none;margin-left:3px!important;margin-right:3px!important;padding:0!important;box-sizing:border-box}body.inline-bar>header .function-button>svg{width:20px!important;height:20px!important}body.inline-bar>header .remote-btn>svg:first-child{width:8px!important;height:20px!important}body.inline-bar>header #wifi-indicator{width:38px;height:38px;flex:none;margin-right:3px}body.inline-bar>header .clickable:has(.active),body.inline-bar>header .clickable:has(.function-button){margin-left:0!important;margin-right:0!important}body.inline-bar>header .avatar,body.inline-bar>header .avatar-wrapper{width:38px;height:38px;flex:none;margin-left:3px!important;margin-right:0!important}body.inline-bar>header .avatar img{width:38px;height:38px}body.inline-bar.phone-portrait>header nav{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}body.inline-bar.phone-portrait>header nav>div{justify-content:flex-end}body.phone-bar>header nav>div{scrollbar-width:none}body.phone-bar>header nav>div::-webkit-scrollbar{display:none}body.phone-bar[data-mode=play]>header nav>div{padding:12px 0!important;gap:6px!important}body.phone-bar[data-mode=play]>header nav>div .function-button:not(.edit),body.phone-bar[data-mode=play]>header>.container>.function-button:not(.edit),body.phone-bar[data-mode=play]>header>.container .clickable>.function-button:not(.edit),body.phone-bar[data-mode=play]>header>.container>div>div>.function-button:not(.edit),body.phone-bar[data-mode=play]>header .function-button#edit-mode,body.phone-bar[data-mode=play]>header .function-button#share-player,body.phone-bar[data-mode=play]>header .function-button#remote-button,body.phone-bar[data-mode=play]>header #wifi-indicator,body.phone-bar[data-mode=play]>header .function-button#nav-toggle,body.phone-bar[data-mode=play]>header nav>div>.function-button.play,body.phone-bar[data-mode=play]>header nav>div>.avatar-wrapper{width:38px!important;height:38px!important;min-width:38px;padding:0!important;box-sizing:border-box}body.phone-bar[data-mode=play]>header>.container>div>div>.function-button:not(.edit){flex:none;margin-left:3px!important;margin-right:3px!important}body.phone-bar[data-mode=play]>header .function-button>svg{width:20px!important;height:20px!important}body.phone-bar[data-mode=play]>header .remote-btn>svg:first-child{width:8px!important;height:20px!important}body.phone-bar[data-mode=play]>header nav>div .avatar{width:38px!important;height:38px!important;border-radius:10px}body.phone-bar[data-mode=play]>header nav>div .avatar img{width:38px;height:38px}@media (max-width: 1024px){html body:not(.inline-bar)[data-mode=edit]>header .function-button#nav-toggle{width:48px!important;height:48px!important;transform:none!important;opacity:1!important;margin-left:4px;margin-right:4px}}@media (max-width: 1024px){body:not(.inline-bar)>header nav{padding-bottom:12px!important;display:flex;flex-direction:column;box-sizing:border-box}body:not(.inline-bar)>header nav>div{flex:1 1 auto;min-height:0;height:auto!important;padding-bottom:0!important;box-sizing:border-box;justify-content:flex-start!important}body:not(.inline-bar)>header nav>div>.avatar-wrapper{margin-top:auto!important;order:99}}html body:not(.inline-bar)>header #nav-bar{left:auto!important;transform:none!important;will-change:auto!important;right:calc(-1 * var(--nav-w, 90px) - 8px)!important;transition:right var(--antic-dur) var(--antic),box-shadow var(--antic-dur) var(--antic)!important}html body:not(.inline-bar):has(#nav-toggle-checkbox:checked)>header #nav-bar{right:0!important}html body .nav-backdrop{background-color:#0000008c!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;transition:opacity .3s ease-out!important}html body[data-playing=true] .nav-backdrop{background-color:#000000bf!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:has(#nav-toggle-checkbox:checked)>header>.container>div>div{z-index:auto!important}body:has(#nav-toggle-checkbox:checked)>header>.container>div>div>.clickable:not(:has(#nav-toggle)){z-index:auto!important}body:has(#nav-toggle-checkbox:checked)>header>.container>div>div>.clickable:has(#nav-toggle){position:relative;z-index:6!important}body:has(#nav-toggle-checkbox:checked)>header nav{z-index:5!important}body:has(#nav-toggle-checkbox:checked)>header>.container>svg,body:has(#nav-toggle-checkbox:checked)>header>.container>div>svg{position:relative;z-index:auto}html body.phone-landscape:not(.inline-bar)>header .clickable:has(#nav-toggle){position:fixed!important;top:var(--menu-top, 11px);right:var(--menu-r-closed, 15px);width:38px!important;min-width:0!important;padding:0!important;z-index:1000;margin:0!important;display:flex!important;justify-content:center;translate:0 0;transition:right .4s var(--antic) 0ms,opacity .3s ease-out,translate .4s var(--antic)!important}html body.phone-landscape:not(.inline-bar)>header #nav-bar{padding-inline:0!important}html body.phone-landscape:not(.inline-bar)>header #nav-bar .clickable:has(.function-button,.active){margin-inline:var(--menu-r-closed, 15px)!important}html body.phone-landscape:not(.inline-bar) #nav-bar{padding-top:56px!important;box-sizing:border-box}html body.phone-landscape:not(.inline-bar)[data-mode=play]>header>.container>div:has(>div>#edit-mode){margin-right:28px;transition:margin-right .4s var(--antic) 0ms}html body.phone-landscape:not(.inline-bar)[data-mode=play].pc-drawer-open>header>.container>div:has(>div>#edit-mode){margin-right:48px}html body.phone-landscape:not(.inline-bar)[data-mode=play]>header{margin-right:0;max-width:none;transition:max-height .4s var(--antic),padding .4s var(--antic),opacity .4s var(--antic),margin-right .4s cubic-bezier(.45,0,.55,1) 0ms!important}html body.phone-landscape:not(.inline-bar)[data-mode=play].pc-drawer-open>header{margin-right:-68px}html body.phone-landscape:not(.inline-bar).top-collapsed.top-collapsed>header{opacity:1!important}html body.phone-landscape:not(.inline-bar)>header>.container>svg,html body.phone-landscape:not(.inline-bar)>header>.container>div>div>:not(.clickable:has(#nav-toggle)){transition:opacity .3s ease-out}html body.phone-landscape:not(.inline-bar).top-collapsed>header>.container>svg,html body.phone-landscape:not(.inline-bar).top-collapsed>header>.container>div>div>:not(.clickable:has(#nav-toggle)){opacity:0}html body.phone-landscape:not(.inline-bar).top-collapsed:not(.pc-drawer-open)>header .clickable:has(#nav-toggle){opacity:0;translate:0 -12px;pointer-events:none!important}html body.phone-landscape:not(.inline-bar).top-collapsed:not(.pc-drawer-open)>header .clickable:has(#nav-toggle) *{pointer-events:none!important}#bottom-bar-toggle .pc-icon-right{display:none}body.phone-landscape #bottom-bar-toggle .pc-icon-right{display:block}body.phone-landscape #bottom-bar-toggle .pc-icon-bottom{display:none}body:is(.phone-bar,.remote) main .controls-wrapper{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:12px!important;padding:10px 14px!important;width:fit-content!important;max-width:100%!important;box-sizing:border-box;margin:12px auto 0!important;border-radius:16px!important;background:#1e1e1e!important;overflow:visible!important}body:is(.phone-bar,.remote) main .controls-wrapper .control-group{flex:none!important;min-width:0;width:auto!important;gap:12px!important;display:flex!important}body:is(.phone-bar,.remote) main .controls-wrapper .control{flex:none;width:40px!important}body:is(.phone-bar,.remote) main .controls-wrapper .control>span,body:is(.phone-bar,.remote) main .controls-wrapper .value-display>.label{display:none!important}body:is(.phone-bar,.remote) main .controls-wrapper .control button{width:40px!important;height:40px!important;aspect-ratio:1!important;margin:0!important;padding:0!important}body:is(.phone-bar,.remote) main .controls-wrapper .value-display{flex:none;width:40px!important;height:40px!important;aspect-ratio:1!important;display:flex;align-items:center;justify-content:center;border-radius:12px;box-sizing:border-box;padding:0!important;background:#2c2c2c!important}body:is(.phone-bar,.remote) main .controls-wrapper .control,body:is(.phone-bar,.remote) main .controls-wrapper .value-display{--i: 0;transform:scale(.5);opacity:0;transition:transform .65s var(--antic),opacity .65s ease!important;transition-delay:calc(var(--i) * 70ms)!important}body:is(.phone-bar,.remote) main .controls-wrapper .control-group>:nth-child(2){--i: 1}body:is(.phone-bar,.remote) main .controls-wrapper .control-group>:nth-child(3){--i: 2}body:is(.phone-bar,.remote) main .controls-wrapper .control-group>:nth-child(4){--i: 3}body:is(.phone-bar,.remote) main .controls-wrapper .control-group+.control-group>*{--i: 4}body:is(.phone-bar,.remote) main .controls-wrapper .control-group+.control-group>:nth-child(2){--i: 5}body:is(.phone-bar,.remote):is([data-bottom-bar-shown=true],.remote)[data-mode=play] main .controls-wrapper .control,body:is(.phone-bar,.remote):is([data-bottom-bar-shown=true],.remote)[data-mode=play] main .controls-wrapper .value-display{transform:scale(1);opacity:1;transition:transform var(--general-duration) var(--general-ease),opacity var(--general-duration) var(--general-ease)!important;transition-delay:calc(.3s + var(--i) * 90ms)!important}body:is(.phone-bar,.remote) main .controls-container{transition-delay:.75s!important}body:is(.phone-bar,.remote) main .controls-container .controls-wrapper{transition:transform .8s var(--antic),opacity .8s ease!important;transition-delay:.45s!important}body:is(.phone-bar,.remote):is([data-bottom-bar-shown=true],.remote)[data-mode=play] main .controls-container{transition-delay:0ms!important}body:is(.phone-bar,.remote):is([data-bottom-bar-shown=true],.remote)[data-mode=play] main .controls-container .controls-wrapper{transition:transform var(--general-duration) var(--antic),opacity var(--general-duration) ease!important;transition-delay:.15s!important}@media (max-width: 1024px){body .speed-controller-wrapper{transform:none!important;opacity:1!important;transition:grid-template-rows var(--general-duration) var(--general-ease)!important;transition-delay:.3s!important}body .speed-controller-wrapper>.collapse-wrapper{min-height:0;overflow:visible!important}body:not([data-speed-controller-shown=true],.remote) .speed-controller-wrapper #speed-slider,body[data-mode=edit] .speed-controller-wrapper #speed-slider{pointer-events:none}body .speed-controller-wrapper #speed-slider{transform:scale(.5);opacity:0;transition:transform var(--antic-dur) var(--antic),opacity var(--antic-dur) ease}body:is([data-speed-controller-shown=true],.remote)[data-mode=play] .speed-controller-wrapper{transition-delay:0ms!important}body:is([data-speed-controller-shown=true],.remote)[data-mode=play] .speed-controller-wrapper #speed-slider{transform:scale(1);opacity:1;transition-delay:calc(var(--general-duration) * .6)}}body .timer-wrapper .timer{transition-delay:calc(var(--ti, 0) * 90ms)!important}body .timer-wrapper .timer.minutes{--ti: 1}body .timer-wrapper .timer.seconds{--ti: 2}body:is([data-timer-shown=true],.remote)[data-mode=play] .timer-container .timer{transition-delay:calc(.3s + var(--ti, 0) * 90ms)!important}#play-pause .pause-icon{display:none}body[data-playing=true]:not([data-voice=on]) #play-pause .pause-icon{display:block}body[data-playing=true]:not([data-voice=on]) #play-pause .play-icon{display:none}body[data-mode=play] main{-webkit-user-select:none;user-select:none}html body>header .function-button{transition-property:width,min-width,background-color,margin-left,margin-right,opacity,transform!important;transition-duration:.4s,.4s,.3s,.4s,.4s,.3s,.4s!important;transition-timing-function:var(--antic),var(--antic),ease,var(--antic),var(--antic),ease,var(--antic)!important;transition-delay:0ms!important}html body>header,html body>header>.container,html body>header>.container>div,html body>header>.container>div>div{pointer-events:none!important}html body>header>.container>:not(div),html body>header nav,html body>header label:not(.nav-backdrop),html body>header input,html body>header>.container>div>:not(div),html body>header>.container>div>div>*{pointer-events:auto!important}.tf-handle{display:none}body.tf-drawer{--tf-w: 0px;--tf-handle: 14px;padding-right:calc(var(--tf-w) + var(--tf-handle));box-sizing:border-box;transition:padding-right .4s var(--antic)}body.tf-drawer.tf-drawer-open{--tf-w: 68px}body.tf-drawer>header,body.tf-drawer>main{max-width:100%}body.tf-drawer>header>.container,body.tf-drawer>main.container{padding-right:6px!important}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper{position:fixed;top:0;bottom:0;right:0;left:auto;z-index:60;width:var(--tf-w);height:auto!important;padding:0;display:block;transform:none!important;opacity:1;animation:none;pointer-events:auto;overflow:visible;transition:width .4s var(--antic)!important}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar{display:none!important}body.tf-drawer .tf-handle{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:100%;transform:translateY(-50%);width:var(--tf-handle);height:72px;padding:0;margin:0;border:0;background:transparent;cursor:pointer}body.tf-drawer .tf-grip,body:is(.phone-bar,.top-drawer) .top-grip{display:block;border-radius:2px;background:#d81921}body.tf-drawer .tf-grip{width:4px;height:36px;transition:background .2s ease-out,height .2s ease-out}body.tf-drawer .tf-handle:hover .tf-grip{background:#fff9;height:44px}body.tf-drawer.tf-drawer-open .tf-grip{background:#d81921}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-extra-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto!important;overflow:visible;transition:none}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper{position:absolute;top:0;bottom:0;left:0;width:68px;height:auto!important;max-width:none;margin:0;padding:12px;border-radius:0;background:#1e1e1e;border-left:1px solid rgba(255,255,255,.08);box-shadow:24px 0 #1e1e1e;transform:none!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;box-sizing:border-box}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper::-webkit-scrollbar{display:none}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .CrimsonEditorTheme__toolbar{grid-template-columns:44px;grid-auto-rows:44px;justify-content:center;align-content:start;gap:8px!important}body.tf-drawer .editor-area .CrimsonEditorTheme .tool-bar-wrapper .CrimsonEditorTheme__toolbar>button{width:44px;height:44px;padding:10px;box-sizing:border-box}.tf-more{display:none}body.tf-drawer .tf-more{position:absolute;left:0;width:68px;height:34px;z-index:2;pointer-events:none;display:flex;justify-content:center;opacity:0;transition:opacity .2s ease-out}body.tf-drawer .tf-more.down{bottom:0;align-items:flex-end;padding-bottom:4px;background:linear-gradient(to bottom,#1e1e1e00,#1e1e1e 70%)}body.tf-drawer .tf-more.up{top:0;align-items:flex-start;padding-top:4px;background:linear-gradient(to top,#1e1e1e00,#1e1e1e 70%)}body.tf-drawer .tf-more.show{opacity:1}body.tf-drawer .tf-more svg{display:block;color:#d81921}body.tf-drawer[data-mode=play]{padding-right:0}body.tf-drawer[data-mode=play] .editor-area .CrimsonEditorTheme .tool-bar-wrapper{display:none}body.tf-drawer[data-mode=play]>header>.container{padding-right:28px!important}.top-handle{display:none}body:is(.phone-bar,.top-drawer)>header{max-height:140px;overflow:visible;will-change:max-height}body:is(.phone-bar,.top-drawer):not(.top-collapsed)>header{max-height:var(--top-h, 140px)}body:is(.phone-bar,.top-drawer) main .header-wrapper header#edit-header-controlls{padding-bottom:28px;transition:opacity .26s ease-out,visibility 0s linear 0s}body:is(.phone-bar,.top-drawer) main .editor-area{overflow:visible}body:is(.phone-bar,.top-drawer) .top-handle{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:-26px;transform:translate(-50%);z-index:30;width:72px;height:24px;padding:0;margin:0;border:0;background:transparent;cursor:pointer}body:is(.phone-bar,.top-drawer) .top-grip{width:36px;height:4px;transition:background .2s ease-out,width .2s ease-out}body:is(.phone-bar,.top-drawer) .top-handle:hover .top-grip{background:#fff9;width:44px}body:is(.phone-bar,.top-drawer).top-collapsed>header{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;pointer-events:none}body:is(.phone-bar,.top-drawer).top-collapsed main .header-wrapper{grid-template-rows:0fr!important}body:is(.phone-bar,.top-drawer).top-collapsed main .header-wrapper .collapse-wrapper{overflow:hidden;min-height:0}body:is(.phone-bar,.top-drawer).top-collapsed main .header-wrapper header#edit-header-controlls{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}body:is(.phone-bar,.top-drawer).top-collapsed main{padding-top:22px}body.phone-bar[data-mode=play]:not(.inline-bar):not(.top-collapsed)>header{max-height:54px}body:is(.phone-bar,.top-drawer)[data-mode=play]:not(.top-collapsed) main .editor-area{margin-top:32px}body:is(.phone-bar,.top-drawer)>header,body:is(.phone-bar,.top-drawer) main,body:is(.phone-bar,.top-drawer) main .editor-area,body:is(.phone-bar,.top-drawer) main .header-wrapper{transition-property:max-height,padding,margin,grid-template-rows,opacity!important;transition-duration:.4s!important;transition-timing-function:var(--antic)!important;transition-delay:0ms!important}body.phone-landscape[data-mode=play]{--sp-w: 0px;--pc-w: 0px;padding-left:var(--sp-w)!important;padding-right:var(--pc-w)!important;box-sizing:border-box;transition:padding-left .4s var(--antic) 0ms,padding-right .4s cubic-bezier(.45,0,.55,1) 0ms!important}body.phone-landscape[data-mode=play].sp-drawer-open{--sp-w: 68px}body.phone-landscape[data-mode=play].pc-drawer-open{--pc-w: 68px}html body.phone-landscape.phone-landscape[data-mode=play]>main{padding-left:6px!important}body.phone-landscape main .speed-controller-wrapper,body.phone-landscape main .controls-container{position:fixed!important;top:0;bottom:0;margin:0!important;padding:0!important;z-index:60;overflow:hidden!important;background:#1e1e1e;display:flex!important;align-items:center;transform:none!important;opacity:1!important;min-height:0;grid-template-rows:none!important;transition:width .4s var(--antic) 0ms!important}body.phone-landscape main .speed-controller-wrapper{left:0;right:auto;width:var(--sp-w, 0px);box-shadow:-24px 0 #1e1e1e}body.phone-landscape main .controls-container{right:0;left:auto;width:var(--pc-w, 0px)!important;justify-content:flex-start;box-shadow:24px 0 #1e1e1e}body.phone-landscape:not([data-mode=play]) main .speed-controller-wrapper,body.phone-landscape:not([data-mode=play]) main .controls-container{width:0!important}body.phone-landscape main .speed-controller-wrapper>.collapse-wrapper{width:68px;flex:none;height:100%;overflow:visible!important}body.phone-landscape main .speed-controller-wrapper #speed-slider{width:68px!important;min-width:0!important;height:100%!important;margin:0!important;padding:14px 10px!important;border:none!important;border-radius:0!important;box-sizing:border-box;background:transparent;flex-direction:column!important;align-items:center!important}body.phone-landscape{--pc-top: calc(var(--menu-top, 11px) + 38px + 12px);--pc-size: clamp(30px, calc((100dvh - var(--pc-top) - 16px - 40px) / 5), 40px)}body.phone-landscape main .controls-container .controls-wrapper{width:68px!important;height:100%!important;flex:none;flex-direction:column!important;align-items:center;justify-content:safe flex-end!important;margin:0!important;padding:var(--pc-top) 0 16px!important;box-sizing:border-box;gap:10px!important;background:transparent!important;border-radius:0!important;transform:none!important;opacity:1!important}body.phone-landscape main .controls-container .controls-wrapper-container{height:100%!important;width:68px;flex:none}body.phone-landscape main .controls-wrapper .control-group{display:contents!important}body.phone-landscape main .controls-wrapper .control,body.phone-landscape main .controls-wrapper .value-display{margin:0 auto!important}html body.phone-landscape main .controls-wrapper .control,html body.phone-landscape main .controls-wrapper .control button,html body.phone-landscape main .controls-wrapper .value-display{width:var(--pc-size)!important;height:var(--pc-size)!important}.timer-wrapper .ts-h,.tm-surface{display:none}html body.phone-landscape main .timer-container{position:fixed!important;top:auto!important;bottom:0;left:calc(50% + var(--tx, 0px))!important;right:auto;width:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;z-index:55;transform:translate(-50%)!important;opacity:1!important;pointer-events:none;transition:none!important}html body.phone-landscape main .timer-container>.collapse-wrapper{overflow:visible!important;min-height:0}html body.phone-landscape main .timer-wrapper{position:relative;width:auto!important;margin:0!important;padding:22px 16px 12px!important;background:transparent!important;filter:drop-shadow(0 -6px 16px rgba(0,0,0,.45));transform:scale(var(--ts, 1));transform-origin:50% 100%;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:none}html body.phone-landscape[data-mode=play]:is([data-timer-shown=true],.remote) main .timer-wrapper{pointer-events:auto}html body.phone-landscape main .timer-wrapper *{cursor:inherit;user-select:none;-webkit-user-select:none}html body.phone-landscape main .timer-wrapper.tm-grabbing,html body.phone-landscape main .timer-wrapper.tm-grabbing *{cursor:grabbing}html body.phone-landscape main .tm-surface{display:block;position:absolute;left:0;top:0;overflow:visible;z-index:0;pointer-events:none}html body.phone-landscape main .timer-wrapper .timer,html body.phone-landscape main .timer-wrapper .divider{position:relative;z-index:1;opacity:1;transition:none!important}html body.phone-landscape main .timer-wrapper .timer{flex:none!important;opacity:1!important}html body.phone-landscape main .timer-wrapper .time{width:40px!important}html body.phone-landscape main .timer-wrapper .ts-h{display:block;position:absolute;z-index:3;touch-action:none;opacity:0;pointer-events:none;transition:opacity .15s ease}html body.phone-landscape[data-mode=play]:is([data-timer-shown=true],.remote) main .timer-wrapper .ts-h{opacity:1;pointer-events:auto;transition:opacity .25s ease .6s}html body.phone-landscape main .timer-wrapper .ts-l,html body.phone-landscape main .timer-wrapper .ts-r{top:18px;bottom:0;width:16px;cursor:ew-resize}html body.phone-landscape main .timer-wrapper .ts-l{left:-8px}html body.phone-landscape main .timer-wrapper .ts-r{right:-8px}html body.phone-landscape main .timer-wrapper .ts-t{left:18px;right:18px;top:-8px;height:16px;cursor:ns-resize}html body.phone-landscape main .timer-wrapper .ts-tl,html body.phone-landscape main .timer-wrapper .ts-tr{top:-8px;width:26px;height:26px}html body.phone-landscape main .timer-wrapper .ts-tl{left:-8px;cursor:nwse-resize}html body.phone-landscape main .timer-wrapper .ts-tr{right:-8px;cursor:nesw-resize}html body.phone-landscape main .timer-wrapper .ts-tl:after,html body.phone-landscape main .timer-wrapper .ts-tr:after{content:"";position:absolute;top:10px;width:9px;height:9px;border-top:2px solid rgba(255,255,255,.35);transition:border-color .15s ease}html body.phone-landscape main .timer-wrapper .ts-tl:after{left:10px;border-left:2px solid rgba(255,255,255,.35);border-radius:6px 0 0}html body.phone-landscape main .timer-wrapper .ts-tr:after{right:10px;border-right:2px solid rgba(255,255,255,.35);border-radius:0 6px 0 0}html body.phone-landscape main .timer-wrapper.ts-active .ts-tl:after,html body.phone-landscape main .timer-wrapper.ts-active .ts-tr:after,html body.phone-landscape main .timer-wrapper .ts-tl:hover:after,html body.phone-landscape main .timer-wrapper .ts-tr:hover:after{border-color:#d81921}@media (prefers-reduced-motion: reduce){html body.phone-landscape main .timer-wrapper .ts-h,html body.phone-landscape main .timer-wrapper .ts-h:after{transition:none!important}}html.tp-loading *,html.tp-loading *:before,html.tp-loading *:after,html.tp-loading body>header #nav-bar{transition:none!important}html.tp-loading body:not(.inline-bar)>header nav,html.tp-loading .speed-controller-wrapper,html.tp-loading .controls-container,html.tp-loading .timer-container{visibility:hidden!important}html.tp-loading .editor-area .tool-bar-wrapper,html.tp-loading .editor-area .tool-bar-wrapper *{opacity:0!important;visibility:hidden!important;animation:none!important}html body.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap,html body.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap>header,html body.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap>header *,html body.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap.tp-mode-swap>header #nav-bar,html body.tp-mode-swap>header *:before,html body.tp-mode-swap>header *:after,html body.tp-mode-swap main .header-wrapper,html body.tp-mode-swap main .header-wrapper *{transition:none!important}html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap>header,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap>header *,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap main .header-wrapper *,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap main .speed-controller-wrapper,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap main .controls-container,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap main .timer-container,html body.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap.tp-layout-swap .tool-bar-wrapper{transition:none!important}.settings-modal .modal-content{max-width:420px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-modal .modal-content>.content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.settings-modal h2{margin:0 0 16px}.settings-modal .settings-section{display:flex;flex-direction:column;gap:10px;text-align:left}.settings-modal .settings-section+.settings-section{margin-top:18px}.settings-modal h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff9}.settings-modal .settings-hint{margin:0 0 4px;font-size:13px;line-height:1.4;color:#fff9;text-wrap:pretty}.settings-modal .settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff0f;border-radius:10px;font-size:14px;color:#fff;cursor:default}.settings-modal .settings-row input{width:64px;height:36px;box-sizing:border-box;padding:0 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#141414;color:#fff;font:inherit;text-align:center}.settings-modal .settings-row input:focus{outline:none;border-color:#d81921}.settings-modal .settings-range{flex-wrap:wrap}.settings-modal .settings-range>span{flex:1 1 auto}.settings-modal .settings-range output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:#ffffffb3}.settings-modal .settings-range input[type=range]{order:3;flex:1 0 100%;width:100%;height:24px;padding:0;border:none;background:transparent;accent-color:#d81921;cursor:pointer}.settings-modal .settings-row input.settings-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:26px;padding:0;border:none;border-radius:13px;background:#ffffff2e;cursor:pointer;transition:background-color .2s ease}.settings-modal .settings-row input.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:translate .26s var(--antic)}.settings-modal .settings-row input.settings-switch:checked{background:#d81921}.settings-modal .settings-row input.settings-switch:checked:after{translate:18px 0}.settings-modal .settings-row input.settings-switch:focus-visible,.settings-modal .settings-range input[type=range]:focus-visible{outline:2px solid #d81921;outline-offset:2px}.settings-modal .settings-row .custom-color{z-index:auto;height:36px;padding:0 5px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#141414}.settings-modal .settings-row .custom-color .display{width:24px}.settings-modal .settings-section .settings-row{transition:opacity .2s ease}.settings-modal .settings-section.eyeline-off .settings-row:not(:has(#setting-eyeline-on)){opacity:.4;pointer-events:none}.settings-modal .settings-reset{align-self:flex-start;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.settings-modal .settings-reset:hover{background:#ffffff14;border-color:#ffffff59}.settings-modal .settings-reset:active{background:#d8192140;border-color:#d81921}.CrimsonEditorTheme__editor-work-space-wrapper>.CrimsonEditorTheme__editor-work-space{z-index:1}.tp-eyeline-under{position:absolute;left:0;right:0;top:calc(var(--eyeline-y, .5) * 100%);height:0;z-index:0;pointer-events:none;transition:opacity .3s ease}.tp-eyeline-bar{position:absolute;left:0;right:0;font-size:var(--editor-base-font-size, 18px);transition:top var(--antic-dur) var(--antic),height var(--antic-dur) var(--antic),border-radius var(--antic-dur) var(--antic),background-color var(--antic-dur) ease,box-shadow var(--antic-dur) ease,opacity var(--antic-dur) ease;top:calc(var(--eyeline-size, 2px) / -2);height:var(--eyeline-size, 2px);border-radius:var(--eyeline-size, 2px);background:var(--eyeline-color, #d81921);box-shadow:0 0 0 var(--eyeline-outline-size, 0px) var(--eyeline-outline, #000);opacity:var(--eyeline-opacity, .6)}body.eyeline-band .tp-eyeline-bar{top:-.5lh;height:1lh;border-radius:min(12px,.25lh);background:var(--band-color, #d81921);box-shadow:none;opacity:var(--band-opacity, .3)}body.eyeline-band .tp-eyeline-under{opacity:1}.tp-eyeline{position:absolute;height:0;z-index:3;pointer-events:none;transition:opacity .3s ease}.tp-eyeline-hit{position:absolute;left:0;right:0;top:-12px;height:24px;pointer-events:auto;touch-action:none;cursor:row-resize;outline:none}.tp-eyeline-hit:focus-visible{background:#ffffff14;border-radius:6px}.tp-eyeline-tri{--tri-h: max(16px, calc(var(--eyeline-size, 2px) * 3));position:absolute;top:50%;width:calc(var(--tri-h) * .7);height:var(--tri-h);translate:0 -50%;overflow:visible;opacity:max(var(--eyeline-opacity, .6),.85);transition:scale .16s ease}.tp-eyeline-tri polygon{fill:var(--eyeline-color, #d81921);stroke:var(--eyeline-outline, #000);stroke-width:calc(var(--eyeline-outline-size, 0px) * 1.4);stroke-linejoin:round;paint-order:stroke;vector-effect:non-scaling-stroke}.tp-eyeline-tri.l{right:calc(100% + 4px)}.tp-eyeline-tri.r{left:calc(100% + 4px)}body:not(.eye-tri-l) .tp-eyeline-tri.l,body:not(.eye-tri-r) .tp-eyeline-tri.r{display:none}.tp-eyeline.dragging .tp-eyeline-tri{opacity:1}.editor-area:has(.tp-eyeline.dragging) .tp-eyeline-bar{opacity:min(1,calc(var(--eyeline-opacity, .6) + .2))}.editor-area:has(.tp-eyeline.snapped) .tp-eyeline-bar{opacity:1;transition:opacity .12s ease}.tp-eyeline.snapped .tp-eyeline-tri{opacity:1;scale:1.15;transition:scale .16s cubic-bezier(.34,1.56,.64,1)}body:not(.eyeline-on) .tp-eyeline,body:not(.eyeline-on) .tp-eyeline-under{opacity:0}body:not(.eyeline-on) .tp-eyeline *{pointer-events:none!important}@media (prefers-reduced-motion: reduce){.tp-eyeline,.tp-eyeline-under,.tp-eyeline-bar,.tp-eyeline-tri,.settings-modal .settings-row input.settings-switch:after{transition:none!important}}body.remote:is(.phone-portrait,.tablet-portrait)>header .title-content>span{display:none}body.remote.phone-portrait>header .title-content{flex:none;padding:0 10px}@media (max-width: 1024px){body:not(.phone-landscape) main .speed-controller-wrapper #speed-slider{width:var(--controls-w, auto);max-width:calc(100% - 32px);margin-inline:auto;box-sizing:border-box}}.display-role{flex:none;display:flex;align-items:center;gap:10px;margin-left:10px;margin-right:auto}.display-role:before{content:"";width:1px;height:24px;background:#fff3}.display-role[hidden],.role-popover[hidden]{display:none}.role-pill{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 12px;border:0;border-radius:14px;background:#ffffff1a;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;cursor:pointer}.role-dot{width:10px;height:10px;border-radius:50%;background:#d81921;box-shadow:0 0 0 4px #d8192140}.role-pill.follow{color:#bbb}.role-pill.follow .role-dot{width:6px;height:6px;border:2px solid #bbb;background:transparent;box-shadow:none}.role-pill:focus-visible,.role-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}body.inline-bar>header .display-role,body.phone-bar[data-mode=play]>header .display-role{margin-left:3px}body.inline-bar>header .role-pill,body.phone-bar[data-mode=play]>header .role-pill{height:38px;padding:0 10px;gap:6px;font-size:12px}body.phone-portrait>header .role-pill{height:38px;padding:0 10px;gap:6px;font-size:12px}body.phone-portrait>header .role-dot{width:8px;height:8px;box-shadow:0 0 0 3px #d8192140}body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden]))>header{--bar-btn: 34px;--bar-gap: 2px}body.phone-portrait.inline-bar:has(#display-role:not([hidden]))[data-mode=edit]>header .function-button:not(.play),body.phone-portrait.inline-bar:has(#display-role:not([hidden]))[data-mode=play]>header .function-button:not(.edit),body.phone-portrait.phone-bar[data-mode=play]:not(.inline-bar):has(#display-role:not([hidden]))>header :is(.container>div>div>.function-button:not(.edit),#edit-mode,#nav-toggle),body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden]))>header :is(#wifi-indicator,.avatar,.avatar-wrapper,.avatar img){width:var(--bar-btn)!important;height:var(--bar-btn)!important;min-width:var(--bar-btn)}body.phone-portrait.inline-bar:has(#display-role:not([hidden]))[data-mode=edit]>header .function-button:not(.play),body.phone-portrait.inline-bar:has(#display-role:not([hidden]))[data-mode=play]>header .function-button:not(.edit),body.phone-portrait.phone-bar[data-mode=play]:not(.inline-bar):has(#display-role:not([hidden]))>header .container>div>div>.function-button:not(.edit){margin-left:var(--bar-gap)!important;margin-right:var(--bar-gap)!important}body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden])) .display-role{gap:6px;margin-left:4px}body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden]))>header .role-pill{height:var(--bar-btn);padding:0 8px;gap:5px;font-size:11px}@media (max-width: 359px){body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden]))>header{--bar-btn: 32px;--bar-gap: 1px}body.phone-portrait:is(.inline-bar,.phone-bar[data-mode=play]):has(#display-role:not([hidden]))>header .role-pill{padding:0 6px;font-size:10px}}.role-popover{position:fixed;z-index:50;box-sizing:border-box;padding:14px;border:1px solid #333;border-radius:16px;background:#1c1c1c;color:#fff;box-shadow:0 12px 40px #0009;text-align:left}.role-popover h4{margin:0 0 4px;font-size:15px}.role-popover p{margin:0 0 12px;color:#aaa;font-size:13px;line-height:1.35}.role-switch{display:flex;padding:3px;border-radius:12px;background:#2a2a2a}.role-switch button{flex:1;padding:10px 0;border:0;border-radius:9px;background:none;color:#aaa;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.role-switch button[aria-checked=true]{background:#d81921;color:#fff;cursor:default}.role-popover .role-count{display:block;margin-top:10px;color:#888;font-size:12px}body[data-display-role=follow] main .editor-area .editor-work-space-container{overflow:hidden}body[data-display-role=follow] main .editor-area .CrimsonEditorTheme__editor-work-space-wrapper{--flip-y: 0deg;--flip-x: 0deg;width:calc(var(--preview-w, var(--editor-w)) * 1px);height:calc(var(--preview-h, var(--editor-h)) * 1px);--scale-factor: min( var(--editor-w) / var(--preview-w, var(--editor-w)), var(--fit-h, var(--editor-h)) / var(--preview-h, var(--editor-h)) );translate:0 calc(var(--fit-y, 0) * 1px);scale:var(--scale-factor);transform:rotateY(var(--flip-y)) rotateX(var(--flip-x));transform-origin:center center;flex-shrink:0}body[data-display-role=follow] main .editor-area .CrimsonEditorTheme__editor-work-space-wrapper{transition:background-color var(--general-duration) var(--general-ease),transform var(--general-duration) var(--general-ease),translate .38s cubic-bezier(.2,.8,.2,1),scale .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease-out}body.tp-frame-wait[data-display-role=follow] main .editor-area .CrimsonEditorTheme__editor-work-space-wrapper{opacity:0;transition:none}body[data-display-role=follow][data-mode=play][data-flip-horizontal=true] .CrimsonEditorTheme__editor-work-space-wrapper{--flip-y: 180deg}body[data-display-role=follow][data-mode=play][data-flip-vertical=true] .CrimsonEditorTheme__editor-work-space-wrapper{--flip-x: 180deg}.settings-modal .follower-settings{display:none}body[data-display-role=follow] .settings-modal .follower-settings{display:block}#wifi-indicator .no-network-slash{display:none}#wifi-indicator.no-network .no-network-slash{display:inline}.connection-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10000;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px 16px;border-radius:12px;background:#141414eb;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;line-height:1.4;text-align:center;transform:translate(-50%);pointer-events:none}.connection-toast[hidden],.account-menu #install-app[hidden]{display:none}.signed-out-bar{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;z-index:10001;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:8px 8px 8px 16px;border-radius:12px;background:#141414eb;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;line-height:1.4;text-align:center;transform:translate(-50%)}.signed-out-bar button{flex:none;padding:6px 14px;border:0;border-radius:8px;background:#fff;color:#141414;font:inherit;font-weight:600;cursor:pointer}.signed-out-bar .signed-out-later{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}body[data-display-role=follow] .settings-modal .voice-settings{display:none}.settings-modal .voice-settings h3{display:flex;align-items:center;gap:8px}.settings-modal .voice-settings .pro-pill{padding:2px 7px;border-radius:99px;background:var(--red);color:#fff;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em}.settings-modal .settings-row select{min-width:0;max-width:72%;height:36px;padding:0 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#141414;color:#fff;font:inherit}.settings-modal .settings-row select:focus{outline:none;border-color:#d81921}.settings-modal .settings-row .custom-select.voice-lang{flex:0 1 auto;min-width:0;max-width:72%;border-radius:8px}.settings-modal .settings-row .voice-lang>div:first-child{box-sizing:border-box;max-width:100%;height:36px;padding:0 12px 0 14px;gap:14px;border:1px solid rgba(255,255,255,.2);background:#141414}.settings-modal .settings-row .voice-lang.open>div:first-child{border-color:#d81921}.settings-modal .settings-row .voice-lang>div:first-child>div{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;border-right:0;font-size:14px}.settings-modal .settings-row .voice-lang>div:first-child>:last-child{flex:none}.custom-select-menu:has(>[data-voice-lang]){width:max-content!important;max-width:calc(100vw - 20px);gap:4px}.custom-select-menu>[data-voice-lang]{white-space:nowrap}.settings-modal .voice-note{color:#ff8a8f}.voice-chip{position:fixed;left:50%;z-index:60;max-width:calc(100vw - 32px);box-sizing:border-box;padding:6px 12px 6px 26px;border-radius:99px;background:#141414d9;color:#fff;font-size:13px;line-height:1.3;translate:-50% 0;pointer-events:none}.voice-chip:before{content:"";position:absolute;top:50%;left:11px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#d81921;animation:voice-pulse 1.4s ease-in-out infinite}.voice-chip.error:before{animation:none;background:#ff8a8f}.voice-chip[hidden]{display:none}@keyframes voice-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.voice-chip:before{animation:none}}body[data-display-role=follow] .voice-control,body.remote .voice-control{display:none!important}html body[data-mode] main .controls-wrapper .control-group>.control:is(.play-control,.voice-control){transition:opacity var(--antic-dur) ease!important}body[data-voice=on] main .controls-wrapper .play-control,body[data-playing=true]:not([data-voice=on]) main .controls-wrapper .voice-control{opacity:.35!important;pointer-events:none}body[data-voice=on][data-speed-controller-shown=true][data-mode=play] .speed-controller-wrapper #speed-slider{opacity:.35!important;pointer-events:none!important}.voice-more{position:absolute;top:-7px;right:-7px;z-index:2;width:20px;height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#2c2c2c;cursor:pointer}#voice-listen:has(>.lock-mini:not([style*=none]))+.voice-more{display:none}.voice-more svg{width:10px;height:10px}.voice-more[aria-expanded=true]{border-color:transparent;background:var(--primary-red)}.voice-more:focus-visible{outline:2px solid #fff;outline-offset:1px}.voice-menu{position:fixed;z-index:120;width:min(320px,calc(100vw - 32px));box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#1e1e1e;box-shadow:0 16px 40px #00000080;color:#fff;animation:voice-menu-in var(--antic-dur) var(--antic)}.voice-menu[hidden]{display:none}.voice-menu h3{margin:0 0 2px;font-size:13px;font-weight:500}@keyframes voice-menu-in{0%{transform:scale(.5);opacity:0}}@media (prefers-reduced-motion: reduce){.voice-menu{animation:none}}#voice-listen.listening{background-color:var(--primary-red)}#voice-listen.listening svg{animation:voice-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){#voice-listen.listening svg{animation:none}}.CrimsonEditorTheme__modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;opacity:0;font-family:inherit;box-sizing:border-box}.CrimsonEditorTheme__modal-wrapper *{margin:0;padding:0;box-sizing:border-box}.CrimsonEditorTheme__modal-wrapper :where(p,span){color:#000!important}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content{background-color:#fff;border-radius:10px;box-shadow:0 15px 40px #00000029;display:flex;flex-direction:column;gap:16px;transform:translateY(20px);opacity:0;padding:20px;border:1px solid rgb(228,228,228);width:100%;max-width:600px;overflow-y:auto;max-height:90vh}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content::-webkit-scrollbar{width:10px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content::-webkit-scrollbar-thumb{width:10px;background-color:#eee;border-radius:10px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;border-bottom:1px solid rgb(228,228,228);padding-bottom:8px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__modal-header .CrimsonEditorTheme__modal-cancel-button{cursor:pointer;border:none;background-color:transparent;padding:0}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field{display:flex;flex-direction:column;gap:8px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field span{font-size:12px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field input{border:1px solid rgb(228,228,228);border-radius:10px;padding:12px 16px;outline:none;font-family:inherit;color:#000}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper{display:flex;gap:16px;flex-wrap:wrap}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label{display:flex;align-items:center;gap:4px;padding:8px;border-radius:8px;border:1px solid rgb(228,228,228)}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label input{accent-color:black;width:auto!important}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label:has(input:checked){background-color:#000}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label:has(input:checked) :where(span,p){color:#fff!important}.CrimsonEditorTheme__modal-submit-button{cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:10px;font-weight:600;font-family:inherit;transition:background-color .2s ease-in-out;width:100%;padding:16px 32px}.CrimsonEditorTheme table{border-collapse:collapse;border-spacing:0;max-width:100%;overflow-y:scroll;table-layout:fixed;width:100%;margin:20px 0}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.CrimsonEditorTheme table th{background-color:#f2f3f5;text-align:start}.CrimsonEditorTheme table :where(td,th){border:1px solid #bbb;min-width:75px;vertical-align:middle;padding:6px 8px;position:relative;outline:none;cursor:text}