:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7e8e8;background:#101114;font-synthesis:none;font-weight:400;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=color],input[type=range]{cursor:pointer}button{color:inherit}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #b1e3bb;outline-offset:4px}input,select{accent-color:#b1e3bb}button,select{transition:background .15s,border-color .15s}h1,h2,p{margin:0}[hidden]{display:none!important}.topbar{height:84px;padding:0 max(32px,calc((100vw - 1420px)/2));border-bottom:1px solid #292a2e;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:-.9px}.brand-symbol{width:32px;height:32px;display:grid;place-items:center;background:#b4e6bd;color:#152719;font-size:24px;font-weight:750;letter-spacing:-4px;padding-right:4px;transform:rotate(-5deg);border-radius:7px}.brand-label{font-size:9px;letter-spacing:2px;color:#777c82;margin:5px 0 0 7px}.local-badge{font-size:11px;color:#969ba3;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.local-badge i,.live-dot{display:inline-block;background:#b4e6bd;width:5px;height:5px;border-radius:50%}main{max-width:1420px;margin:auto;padding:48px 0 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#a1b5a7;margin-bottom:13px}h1{font-size:clamp(32px,3.4vw,49px);font-weight:530;letter-spacing:-2.2px;line-height:1.2}h1 span{color:#b4e6bd}.intro-copy{font-size:13px;color:#9498a0;margin-top:15px;line-height:1.6}.promise{border-left:1px solid #303237;padding-left:26px;margin-right:6px}.promise span{display:block;font-size:8px;color:#a8bead;letter-spacing:1.8px;margin-bottom:8px}.promise strong{font-size:21px;font-weight:450;letter-spacing:-.4px;line-height:1.3}.promise small{display:block;color:#818790;font-size:10px;margin-top:8px}.workspace{display:grid;grid-template-columns:292px minmax(0,1fr);gap:28px}.editor{border:1px solid #303137;border-radius:12px;background:#17181c;align-self:start;overflow:hidden}.control-section{padding:22px}.control-section+.control-section{border-top:1px solid #303137}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:19px}.step{font-size:9px;color:#a7b1ac;border:1px solid #3b413d;border-radius:5px;display:grid;place-items:center;width:23px;height:23px}h2{font-size:13px;font-weight:550;letter-spacing:-.1px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:149px;border:1px dashed #4c5152;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#20272466,#1b1d2000);color:#a8aeb4;font-size:11px}.drop-zone:hover,.drop-zone.dragging{background:#27372c;border-color:#b4e6bd}.drop-zone strong{color:#e4e8e5;font-weight:500;font-size:12px}.drop-zone u{color:#c2dfca;text-underline-offset:3px}.drop-zone small{font-size:9px;color:#777e84;margin-top:3px}.upload-icon{font-size:27px;color:#b4e6bd;line-height:1;margin-bottom:4px}.hint{font-size:10px;line-height:1.65;color:#8d939c;margin-top:10px}.sample-row{display:flex;align-items:center;gap:7px;margin-top:17px}.sample-row>span{font-size:10px;margin-right:auto;color:#a6abb2}.sample{height:32px;width:32px;border-radius:6px;border:1px solid #353a3d;background:#212329;font-size:20px;color:#aaaeb8}.sample.active{border-color:#9bc8a5;color:#d6eadd;background:#28372d}.asset-info{font-size:9px;color:#8fa098;line-height:1.5;margin-top:12px;min-height:27px}.asset-info.error{color:#f0ac9c;font-size:10px}.text-button{background:none;font-size:9px;color:#a3b1a7;padding:0}.section-heading .text-button{margin-left:auto}.colour-row{display:flex;gap:14px}.colour-row label{font-size:10px;color:#a4a9b2;flex:1;display:flex;flex-direction:column;gap:8px}.colour-row input{width:100%;height:33px;border:1px solid #3f4448;background:#202228;padding:4px;border-radius:6px}.colour-row input::-webkit-color-swatch-wrapper{padding:0}.colour-row input::-webkit-color-swatch{border:0;border-radius:3px}.check-row{display:flex;align-items:center;gap:6px;margin:13px 0 21px;color:#9ba1aa;font-size:10px}.check-row input{margin:0;width:12px;height:12px}.range-label{display:flex;justify-content:space-between;color:#b4b9c1;font-size:11px;margin-top:20px}.range-label output{color:#8f9994;font-size:10px}input[type=range]{height:3px;width:100%;margin:15px 0 4px;display:block}.field-label{display:block;color:#b4b9c1;font-size:11px;margin-top:23px}.field-label>span{float:right;color:#707781;font-size:10px}input[type=text],select{background:#202127;border:1px solid #3a3c43;border-radius:6px;color:#d6d9df;padding:10px;width:100%;font-size:11px}input[type=text]{margin-top:9px}input::placeholder{color:#727982;font-size:10px}.two-fields{display:flex;gap:12px}.two-fields>label{flex:1;min-width:0}.two-fields select{margin-top:9px;padding:9px 6px}.sound-preview{display:block;margin-top:13px}.stage-column{min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;min-height:30px}.stage-toolbar>div:first-child{display:flex;gap:8px;align-items:center;font-size:11px;color:#b8c0c6}.segments{display:flex;gap:3px;background:#1b1d21;padding:3px;border:1px solid #2e3036;border-radius:6px}.segments button{background:none;font-size:10px;padding:5px 13px;border-radius:3px;color:#848d98}.segments button.active{background:#3b4340;color:#d6eadd}.stage{background:#0b0d11;border:1px solid #30343a;border-radius:11px;position:relative;display:flex;justify-content:center;align-items:center;height:430px;overflow:hidden;background-image:radial-gradient(#34384366 .5px,transparent .5px);background-size:16px 16px}.stage canvas{width:100%;max-height:100%;object-fit:contain;display:block}.stage[data-aspect="9:16"] canvas{height:100%;width:auto}.stage[data-aspect="1:1"] canvas{height:100%;width:auto}.stage-corner{position:absolute;z-index:1;left:19px;top:18px;font-size:8px;letter-spacing:1.4px;color:#88949a;border:1px solid #50617166;padding:5px 7px;border-radius:3px;background:#12192288}.stage-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#74858e;font-size:8px;letter-spacing:1.9px;pointer-events:none}.loading{position:absolute;color:#b4e6bd;background:#101114bb;padding:20px;border-radius:9px}.transport{display:flex;align-items:center;gap:12px;height:52px;border-bottom:1px solid #2c2f35;color:#8c969f;font-variant-numeric:tabular-nums;font-size:10px}.transport button{background:none;width:25px;padding:5px;color:#e5e9ec;font-size:13px}.transport input[type=range]{margin:0;flex:1}.transport>span{white-space:nowrap}.transport .fps{font-size:8px;color:#64717b;margin-left:9px}.look-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.look-heading span{font-size:9px;color:#707b85}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.look-card{padding:5px 5px 14px;text-align:left;border:1px solid #30353c;border-radius:8px;background:#191c21;overflow:hidden}.look-card:hover{border-color:#626f6a}.look-card.active{border-color:#b4e6bd;background:#222b28}.look-card strong{display:block;font-size:11px;font-weight:500;padding:12px 7px 0;white-space:nowrap}.look-card small{display:block;font-size:9px;color:#8e98a1;padding:6px 7px 0;line-height:1.4}.look-art{height:94px;border-radius:4px;display:grid;place-items:center;position:relative;overflow:hidden}.look-art>span{font-size:76px;line-height:1;font-weight:600}.look-art i{position:absolute;top:10px;left:10px;font-style:normal;font-size:9px;color:#8e9ca7}.chrome-art{background:radial-gradient(ellipse at 50% 100%,#3a4553,#131a24 75%)}.chrome-art>span{background:linear-gradient(150deg,#8595a6 10%,#fff 32%,#354454 40%,#e7f2ff 51%,#4e6075 70%,#d6e8f2 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-12deg);filter:drop-shadow(3px 2px 0 #26313e)}.neon-art{background:radial-gradient(ellipse,#193e35,#0c1716 75%)}.neon-art>span{color:#96ffe0;text-shadow:0 0 12px #4ce9b5,0 0 35px #20b38c;transform:rotate(-9deg)}.particles-art{background:radial-gradient(#ad8fdd 1px,transparent 1.5px),radial-gradient(ellipse,#32283f,#161122 75%);background-size:15px 18px,100% 100%}.particles-art>span{color:#c7ade9;text-shadow:0 0 20px #8b56d0;transform:rotate(-8deg);opacity:.8}.glass-art{background:linear-gradient(115deg,transparent 30%,#6f9fc433 38%,transparent 46%,transparent 58%,#9fd8ff33 64%,transparent 70%),radial-gradient(ellipse,#1d2c3c,#0b1018 75%)}.glass-art>span{color:#d9f0ff55;-webkit-text-stroke:1.5px #cfeaff;text-shadow:0 0 18px #9fd8ff66;transform:rotate(-10deg)}.glitch-art{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),radial-gradient(ellipse,#2a1218,#07080b 75%)}.glitch-art>span{color:#f35;text-shadow:-4px 0 #00f0ff,4px 0 #ff2bd6;transform:rotate(-6deg) skew(-8deg)}.fire-art{background:radial-gradient(ellipse at 50% 110%,#7a2a08,#2a0d05 55%,#0a0605 80%)}.fire-art>span{background:linear-gradient(0deg,#ff4d0a 15%,#ffb347 45%,#fff3c4 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-8deg);filter:drop-shadow(0 0 10px #ff6a1a99)}.gold-art{background:radial-gradient(#e8b04b .8px,transparent 1.3px),radial-gradient(ellipse,#3a2a12,#0d0a07 75%);background-size:23px 19px,100% 100%}.gold-art>span{background:linear-gradient(150deg,#8a5a14 10%,#ffe7a3 34%,#b07a22 46%,#fff4d0 56%,#9a6a1c 74%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-10deg);filter:drop-shadow(2px 2px 0 #3a2a12)}.minimal-art{background:linear-gradient(#f3f2ee,#e2e0da)}.minimal-art>span{color:#1f2a36;transform:rotate(-4deg);filter:drop-shadow(5px 6px 4px #0003)}.minimal-art i{color:#8a8f96}.export-panel{margin-top:25px;padding:22px;border:1px solid #343a3e;border-radius:10px;background:#1b1f21}.export-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.export-heading .section-heading{margin-bottom:9px}.export-heading p{font-size:10px;color:#929fa4}.export-actions{display:flex;gap:10px;margin-top:19px}.export-actions select{width:145px;font-size:10px}.primary{background:#b4e6bd;color:#173421;font-size:12px;font-weight:600;flex:1;border-radius:6px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#c8f1d0}.primary:disabled{background:#536159;color:#b8c4bc}.primary>span{font-size:18px}.secondary{background:#323a3d;border:1px solid #596065;border-radius:6px;font-size:11px;padding:10px}.export-panel>.hint{font-size:9px;margin-top:12px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#b1c5b9;margin:15px 0 9px}progress{width:100%;height:5px;accent-color:#b4e6bd}progress::-webkit-progress-bar{background:#39413e;border-radius:8px}progress::-webkit-progress-value{background:#b4e6bd;border-radius:8px}#status{font-size:11px;color:#b8e4c1;line-height:1.5;margin-top:10px}#status:empty{margin:0}#status.error{color:#f0ac9c}footer{display:flex;justify-content:space-between;border-top:1px solid #2b2f33;margin-top:42px;padding:23px 0 28px;color:#68727c;font-size:9px;letter-spacing:1px}footer b{font-weight:400;margin:0 9px;color:#8a9992}footer span:last-child{letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(min-width:1500px){main{padding-top:50px}.stage{height:487px}}@media(max-width:1480px){main{margin:0 34px}.topbar{padding:0 34px}}@media(max-width:1050px){.workspace{grid-template-columns:250px minmax(0,1fr);gap:20px}.control-section{padding:18px}.stage{height:350px}.look-card strong{font-size:9px;white-space:normal}.look-card small{font-size:8px}.export-actions{flex-wrap:wrap}.export-actions select{flex:1;width:45%;min-width:0}.primary{flex-basis:100%}.export-heading>.local-badge{display:none}.look-art{height:85px}.transport .fps{display:none}}@media(max-width:740px){main{margin:0 18px;padding-top:30px}.topbar{height:65px;padding:0 20px}.topbar .local-badge{font-size:9px}.brand{font-size:17px}.brand-label{display:none}.brand-symbol{width:26px;height:26px;font-size:21px}.intro{margin-bottom:25px}.intro h1{font-size:33px;letter-spacing:-1.5px}.intro-copy{font-size:12px;max-width:330px}.eyebrow{font-size:8px;letter-spacing:1.7px}.promise{display:none}.workspace{display:flex;flex-direction:column;gap:24px}.editor{width:100%;display:grid;grid-template-columns:1fr 1fr;order:1}.control-section{padding:17px}.control-section+.control-section{border-top:0;border-left:1px solid #303137}.stage-column{display:contents}.stage-toolbar{order:0;margin-bottom:-14px}.stage{order:0;height:310px}.transport{order:0;margin-top:-24px}.look-heading{order:0;margin:0 0 -10px}.look-grid{order:0}.export-panel{order:2;margin-top:0}.stage-caption{font-size:6px;letter-spacing:1px}.look-art{height:85px}.look-card strong{font-size:10px}.look-card small{font-size:8px}.look-heading h2{font-size:12px}.export-actions{flex-wrap:nowrap}.primary{flex-basis:auto;white-space:nowrap}.export-actions select{width:100px;flex:0 1 100px}.editor .control-section:first-child{align-self:start}.drop-zone{height:160px}.sample-row{flex-wrap:wrap}.sample-row>span{width:100%}footer{font-size:7px;gap:20px;line-height:1.5}footer span{max-width:50%}.two-fields{flex-direction:column;gap:0}.two-fields .field-label{margin-top:13px}.colour-row{gap:8px}.range-label{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none}}@media(max-width:740px){.export-actions{flex-wrap:wrap}.export-actions select{flex:1 1 calc(50% - 10px);width:auto}.export-actions .primary{flex-basis:100%}}.look-art video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.look-art i{z-index:1;text-shadow:0 1px 2px #0009}.minimal-art i{text-shadow:none}@media(min-width:741px){.look-art{height:auto;aspect-ratio:2/1}}@media(max-width:520px){.editor{grid-template-columns:1fr}.control-section+.control-section{border-left:0;border-top:1px solid #303137}}.panel-row{border-top:1px solid #2b3134;margin-top:18px;padding-top:16px}.row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.row-head label{font-size:11px;color:#b4b9c1}.license-input{display:flex;gap:8px;margin-top:9px}#license-key{flex:1;min-width:0;background:#202127;border:1px solid #3a3c43;border-radius:6px;color:#d6d9df;padding:10px;font-size:11px}#license-key::placeholder{color:#6c727b}.license-input .secondary{padding:10px 20px;white-space:nowrap}.secondary:hover:not(:disabled){background:#3a4346;border-color:#6a7277}#license-note{margin-top:8px}#license-form>*{max-width:580px}.batch summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:11px;color:#b4b9c1}.batch summary::-webkit-details-marker{display:none}.batch .chevron{flex:none;width:7px;height:7px;margin:0 2px;border:solid #9aa1a9;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .15s}.batch[open] .chevron{transform:translateY(-2px) rotate(45deg)}.tier-pill{font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#173421;background:#b4e6bd;border-radius:3px;padding:2px 5px}.batch summary small{margin-left:auto;font-size:10px;color:#767d86}.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.batch fieldset{border:1px solid #2b3134;border-radius:8px;margin:0;padding:12px 14px 6px;min-width:0}.batch legend{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#7d848d;padding:0 5px;margin-left:-5px}.batch .check-row{margin:0 0 8px;font-size:11px;color:#c4c9d0}.batch-foot{display:flex;align-items:center;gap:14px;margin-top:12px}.batch-foot .hint{margin:0}.batch-foot .secondary{white-space:nowrap;padding:10px 18px}@media(max-width:740px){.batch-grid{grid-template-columns:1fr;gap:10px}.batch fieldset{display:flex;flex-wrap:wrap;gap:0 16px}.batch summary small{display:none}.batch-foot{flex-direction:column;align-items:stretch}}.brand-symbol{padding:0;overflow:hidden}.brand-symbol svg{width:100%;height:100%;display:block}.extra{max-width:1420px;margin:0 auto}@media(max-width:1480px){.extra{margin:0 34px}}@media(max-width:740px){.extra{margin:0 18px}}.extra-section{margin-top:88px}.extra-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}.extra-head h2{font-size:clamp(22px,2.2vw,28px);font-weight:540;letter-spacing:-.6px}.extra-head p{font-size:13px;color:#9498a0}.extra-head a{color:#c2dfca;text-decoration:underline;text-underline-offset:3px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{border:1px solid #303137;border-radius:12px;background:#17181c;padding:24px;display:grid;gap:16px;align-content:start}.plan.featured{border-color:#6f9c79;background:linear-gradient(180deg,#1b241e,#17181c 60%)}.plan-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.plan-name{font-size:14px;font-weight:600}.plan-badge{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#152719;background:#b4e6bd;border-radius:4px;padding:3px 7px}.plan-price{font-size:38px;font-weight:540;letter-spacing:-1.2px;line-height:1}.plan-price small{font-size:13px;font-weight:400;color:#8d939c;letter-spacing:0;margin-left:6px}.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px;color:#c4c8ce;line-height:1.5}.plan li{position:relative;padding-left:22px}.plan li:before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:5px;border:solid #b4e6bd;border-width:0 0 2px 2px;transform:rotate(-45deg)}.plan-action{font-size:12px;color:#767d86}.plan-action a{display:block;text-align:center;padding:11px;border-radius:7px;border:1px solid #3a4346;color:#e7e8e8;font-size:13px;font-weight:550}.plan.featured .plan-action a{background:#b4e6bd;border-color:#b4e6bd;color:#152719}.plan-upgrade{font-size:12px;color:#8d939c;text-align:center}.upgrade-note{margin-top:6px}.upgrade-note a{color:#c2dfca;text-decoration:underline;text-underline-offset:3px}.plans-note{margin-top:16px;font-size:12px;color:#8d939c}.plans-note a{color:#c2dfca;text-decoration:underline;text-underline-offset:3px}.faq-list{border-top:1px solid #2b2f33;max-width:880px}.faq-list details{border-bottom:1px solid #2b2f33}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:18px 0;font-size:15px;font-weight:500;color:#e7e8e8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";flex:none;width:8px;height:8px;margin-top:6px;border:solid #9aa1a9;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}.faq-list details[open] summary:after{transform:rotate(-135deg);margin-top:10px}.faq-list p{padding:0 0 20px;font-size:14px;line-height:1.7;color:#b9bec5;max-width:70ch}.look-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 24px;font-size:13px}.look-links a{color:#b9c9be;padding:9px 0;border-bottom:1px solid #24272b}.look-links a:hover{color:#e7e8e8}footer.site-foot{justify-content:flex-start;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:72px;padding:24px 0 36px;font-size:12px;letter-spacing:0;color:#68727c}.site-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-foot a{color:#9aa3ab}.site-foot a:hover{color:#e7e8e8}.site-foot .small{margin-left:auto;max-width:none}@media(max-width:900px){.plans{grid-template-columns:1fr}}@media(max-width:740px){footer.site-foot{font-size:12px}.site-foot .small{margin-left:0}}#license-note a{color:#c2dfca;text-decoration:underline;text-underline-offset:3px}.plan-head{min-height:20px;align-items:center}.tagline-row{display:flex;gap:8px;margin-top:9px}.tagline-row input[type=text]{margin-top:0;flex:1;min-width:0}.tagline-row select{width:auto;flex:none;padding:9px 6px}@media(max-width:740px){.editor{display:contents}.workspace .editor>.control-section{align-self:stretch;border:1px solid #303137;border-radius:12px;background:#17181c}.editor>.control-section:first-child{order:1}.look-heading,.look-grid{order:2}.editor>.control-section+.control-section{order:3}.export-panel{order:4}}.drop-zone img{max-width:80%;max-height:56px;object-fit:contain;border-radius:4px;padding:4px;background:repeating-conic-gradient(#2b2f34 0,#2b2f34 25%,#202327 0,#202327 50%) 0 0/10px 10px}.drop-zone.loaded .upload-icon{display:none}.drop-zone.loaded strong{max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unlock-note{font-size:11px;line-height:1.55;color:#c9d6cf;margin-top:12px;padding:10px 12px;border:1px solid #3d4a44;border-radius:6px;background:#1f2a25}.unlock-note strong{color:#e4efe8;font-weight:600}.unlock-note a{color:#b4e6bd;text-decoration:underline;text-underline-offset:3px}.stage[data-aspect="9:16"]{height:min(78vh,720px)}@media(max-width:740px){.stage[data-aspect="9:16"]{height:min(66vh,540px)}}.mini-preview{position:fixed;right:20px;bottom:20px;z-index:30;border:1px solid #4a5550;border-radius:9px;background:#0b0d11;box-shadow:0 12px 32px #000a;overflow:hidden}.mini-preview #mini-open{display:block;padding:0;background:none}.mini-preview canvas{display:block;width:240px;aspect-ratio:16/9}.mini-preview[data-aspect="9:16"] canvas{width:126px;aspect-ratio:9/16}.mini-preview[data-aspect="1:1"] canvas{width:180px;aspect-ratio:1}.mini-preview #mini-close{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#101114cc;color:#d6dbe0;font-size:15px;line-height:1;padding:0}@media(max-width:740px){.mini-preview{right:12px;bottom:12px}.mini-preview canvas{width:150px}.mini-preview[data-aspect="9:16"] canvas{width:78px}.mini-preview[data-aspect="1:1"] canvas{width:120px}}.fill-row{margin:6px 0 0}@media(max-width:740px){.mini-preview{top:12px;bottom:auto}.mini-preview canvas{width:132px}.stage[data-aspect="9:16"] .stage-corner,.stage[data-aspect="1:1"] .stage-corner{display:none}}.stage[data-transparent] canvas,.mini-preview[data-transparent] canvas{background:repeating-conic-gradient(#3a3e44 0,#3a3e44 25%,#272a2f 0,#272a2f 50%) 0 0/16px 16px}.text-button{font-size:11px;padding:8px 6px;margin:-8px -6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a3b1a755}.text-button:hover{color:#d6eadd}.sound-preview{margin:5px -6px -8px}input[type=range]{height:20px;margin:6px 0 0}@media(max-width:740px){input[type=range]{height:30px;margin:2px 0 0}.text-button{padding:11px 8px;margin:-11px -8px}.sound-preview{margin:8px -8px -11px}}@media(max-width:740px){.mini-preview{top:0;left:0;right:0;bottom:auto;border-width:0 0 1px;border-radius:0;display:flex;justify-content:center;padding:6px 0;background:#0b0d11}.mini-preview canvas,.mini-preview[data-aspect] canvas{width:auto;height:92px}.mini-preview[data-aspect="9:16"] canvas{height:124px}.mini-preview[data-aspect="1:1"] canvas{height:104px}.mini-preview #mini-close{top:8px;right:10px;width:32px;height:32px}}.keep-note{margin:-16px 0 18px 22px}.safe-guide{display:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:9/16;pointer-events:none;overflow:hidden}.stage[data-aspect="9:16"][data-safe] .safe-guide{display:block}.safe-guide i{position:absolute;top:6%;bottom:17%;left:6%;right:11%;border:1px dashed #ffffffb3;border-radius:4px;box-shadow:0 0 0 999px #00000047,0 0 0 1px #0000004d}.safe-guide span{position:absolute;top:calc(6% + 6px);left:calc(6% + 6px);font-size:8px;letter-spacing:1.4px;color:#fff;background:#000000a6;border-radius:3px;padding:3px 5px}.safe-row{margin:10px 0 0;line-height:1.45}.tagline-row input[type=color]{flex:none;width:38px;height:auto;margin:0;padding:4px;border:1px solid #3a3c43;background:#202127;border-radius:6px}.tagline-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tagline-row input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.tagline-color-note{margin-top:6px}.tagline-color-note .text-button{font-size:10px;margin-left:4px}.colour-row label.off{opacity:.45}.colour-row input:disabled{cursor:not-allowed}