@font-face{font-family:LanaPixel;src:url('/assets/LanaPixel.ttf') format('truetype');font-display:swap}
@font-face{font-family:Paperlogy;src:url('/assets/Paperlogy-7Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;color:#222228;background:#f5f5f7;font-family:LanaPixel,sans-serif;font-size:16px;min-height:100dvh;display:flex;flex-direction:column}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{width:min(1180px,calc(100% - 96px));margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.brand{width:164px;height:35px;overflow:hidden;display:flex;align-items:center}.brand img{width:170px;display:block}.header-note{color:#88858c;font-size:14px}.text-button{border:0;background:transparent;color:#66636d;padding:8px 0;font-size:14px}.text-button:hover,footer a:hover{color:#d1722a}main{width:min(1180px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:center;padding:24px 0 34px}.eyebrow{font-size:12px;letter-spacing:2px;color:#96909a}h1{font-size:clamp(38px,4.3vw,60px);line-height:1.14;font-weight:400;letter-spacing:-1px;margin:26px 0 22px}h1 span{color:#ba723e}.lead{font-size:19px;line-height:1.7;color:#747078;margin:0 0 34px}.product{display:flex;gap:14px;align-items:center}.app-icon{height:58px;width:58px;border-radius:15px;background:linear-gradient(145deg,#ffc994,#f2a15a);color:#fff;display:grid;place-content:center;position:relative;font-size:44px;box-shadow:inset 0 1px 1px #fff8,0 7px 22px #d7914422}.app-icon span{position:absolute;right:7px;bottom:5px;font-size:20px}.product h2{margin:0 0 5px;font-size:20px;font-weight:400}.product p{margin:0;color:#8c8690;font-size:13px}.version{margin-left:auto;color:#9b939d;font-size:12px}.download{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding:17px 22px;background:#eea260;border-radius:15px;color:#342110;box-shadow:0 7px 20px #e5a66425;cursor:pointer}.download:hover{background:#f7b072}.download[aria-disabled=true]{background:#e1ddd9;color:#9b948d;cursor:default;box-shadow:none}.download span{font-size:24px;line-height:16px}.download-note{font-size:12px;color:#8b848d;margin:12px 0 22px}.requirements{display:flex;gap:11px;align-items:center;font-size:12px;color:#97919b}.requirements i{height:3px;width:3px;border-radius:50%;background:#c0bbc3}.showcase{border-radius:23px;background:#fff;padding:12px 12px 0;box-shadow:0 24px 75px #3d2a2312,0 2px 4px #21212504}.preview-top{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 9px;color:#85808c;font-size:12px}.dots{font-family:inherit;letter-spacing:4px;color:#d9d4d4}.preview-tag{font-size:10px}.editor{background:#222223;border-radius:14px;padding:20px;color:#e4dfd8}.editor-tabs{display:flex;align-items:center;gap:13px;font-size:12px;color:#999694}.editor-tabs .active{background:#59402d;color:#f9bd86;padding:7px 11px;border-radius:20px}.editor-tabs small{font-size:11px;margin-left:auto}.script{margin-top:25px;min-height:248px;background:#1b1b1c;border-radius:10px;padding:16px 4px}.script label{margin-left:59px;font-size:11px;color:#bdac8e}.script p{margin:8px 0;padding:8px 12px;font-size:16px;white-space:nowrap}.script time{display:inline-block;width:44px;font-size:10px;color:#918575}.script .selected{background:#382d24;border-radius:3px}.script mark{background:#b98048;color:#fff0db;border:1px solid #ffc183;border-radius:5px;padding:3px 7px}.script em{display:inline-block;height:11px;width:29px;border-radius:5px;background:#485155;margin-left:8px}.export{background:#efa660;border-radius:18px;padding:9px 15px;text-align:center;color:#332111;margin-top:20px;font-size:13px}.export span{float:right}.wave{height:90px;position:relative;padding-top:28px}.wave>span{font-size:10px;position:absolute;top:14px}.bars{height:48px;display:flex;align-items:center;justify-content:space-between;gap:2px;background:linear-gradient(90deg,transparent 0 27%,#765032 27% 65%,transparent 65%)}.bars b{display:block;width:3px;border-radius:2px;background:#e4a157;min-height:2px}.cut{position:absolute;top:27px;height:51px;width:2px;background:#ac6ead}.c1{left:24%}.c2{left:78%}.playhead{position:absolute;left:43%;top:26px;height:54px;width:1px;background:#fff}.features{display:flex;justify-content:space-between;gap:18px;padding:24px 14px 26px}.features b{display:block;font-size:13px;font-weight:400}.features small{display:block;font-size:11px;color:#aaa2ad;margin-top:6px}footer{width:min(1180px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;color:#a49da8;font-size:11px}footer div{display:flex;gap:24px;align-items:center}footer .text-button{font-size:11px}dialog{width:min(470px,calc(100% - 36px));border:1px solid #e7e1db;border-radius:24px;padding:30px;background:#fff;color:#534b52;box-shadow:0 30px 100px #0002;font:inherit}dialog::backdrop{background:#25212666;backdrop-filter:blur(6px)}dialog h2{font-weight:400;font-size:24px;margin:15px 0 24px}dialog p{font-size:15px;line-height:1.8}dialog ol{padding-left:22px}dialog li{padding:9px 0;line-height:1.7}dialog small{display:block;color:#9b929d;font-size:12px}.close{float:right;border:0;border-radius:20px;background:#f1a565;padding:7px 13px;color:#432b1b}:focus-visible{outline:2px solid #e58d43;outline-offset:5px}
@media(max-width:940px){header,main,footer{width:calc(100% - 48px)}main{gap:25px;grid-template-columns:.9fr 1.1fr}h1{font-size:40px}.editor{padding:14px}.script p{font-size:13px}.features{gap:8px;padding:20px 8px}.features small{font-size:10px}.lead{font-size:16px}.header-note{display:none}}
@media(max-width:700px){header{height:70px}main{grid-template-columns:1fr;padding:15px 0 22px;gap:30px}.intro{max-width:440px;margin:auto;width:100%}h1{font-size:39px;margin:16px 0}.lead{margin-bottom:24px}.showcase{max-width:480px;width:100%;margin:auto}.script{min-height:215px}footer{flex-wrap:wrap;line-height:1.7}footer>span:last-child{display:none}}
@media(min-width:701px) and (max-height:760px){header{height:65px}main{padding:8px 0;gap:40px}h1{font-size:43px;margin:18px 0}.lead{margin-bottom:22px}.script{min-height:215px;margin-top:17px}.script p{padding-top:6px;padding-bottom:6px}.features{padding-top:17px;padding-bottom:18px}.wave{height:77px}.export{margin-top:13px}footer{padding:15px 0}}

/* Dark is the default regardless of the operating system theme. */
:root{color-scheme:dark}
body{color:#eeece8;background:#111113}
h1{font-family:Paperlogy,sans-serif;font-weight:700;letter-spacing:-1.5px;line-height:1.22}
h1 span{color:#ff9a55}
.lead{color:#aaa6ad}.eyebrow,.header-note{color:#9d97a2}
.showcase{background:#202023;box-shadow:0 24px 75px #0005,0 0 0 1px #ffffff07}
.preview-top{color:#a5a1ab}.dots{color:#514b52}.editor{background:#29292b}.script{background:#1b1b1d}
.text-button{color:#b9b1bd}.text-button:hover,footer a:hover{color:#ffac72}
.product p,.download-note{color:#a49ba8}.version,.requirements{color:#aaa0b0}
.download{background:#f38a35;color:#241509;box-shadow:0 7px 26px #e778261a}
.download:hover{background:#ff9a4d}.download[aria-disabled=true]{background:#363033;color:#b2a4a2}
.features small{color:#a89eaf}footer{color:#9a91a0}
dialog{background:#242326;border-color:#4b3c31;color:#e2dbe4;box-shadow:0 30px 100px #0008}
dialog small{color:#b4a8b7}.close{background:#f38a35;color:#251609}
.app-icon{overflow:hidden;display:block;background:#bd500b;box-shadow:0 7px 22px #0003}
.app-icon img{display:block;width:100%;height:100%;object-fit:cover}

[hidden]{display:none!important}
#downloadButton:not([aria-disabled=true]){background:#ff7900;color:#211000;box-shadow:0 6px 24px #ff790029}
#downloadButton:not([aria-disabled=true]):hover{background:#ff941f;box-shadow:0 8px 28px #ff79003d}