@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.inline-flex{display:inline-flex}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-800.ttf);font-weight:800;font-display:swap}:root{color:#f5f6f0;font-synthesis:none;--lime:#d5fb78;--muted:#969e96;--border:#30352f;--panel:#191c1a;--background:#101211;--foreground:#f5f6f0;background:#101211;font-family:Poppins,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:wait;opacity:.65}button{color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s}p,h1,h2{margin:0}::selection{background:var(--lime);color:#101211}.lime{color:var(--lime)}.header{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;max-width:1720px;height:88px;margin:auto;padding:0 5.5%;display:flex}.brand{letter-spacing:-1.7px;align-items:center;font-size:29px;font-weight:700;display:flex}.brand-dot{color:var(--lime)}.brand-mark{flex-direction:column;align-items:flex-start;gap:4px;width:29px;margin-right:12px;display:flex}.brand-mark i{background:var(--lime);border-radius:1px;width:27px;height:5px}.brand-mark i:nth-child(2){width:20px}.brand-mark i:nth-child(3){width:13px}.header-right{align-items:center;gap:30px;display:flex}.free-label,.eyebrow,.workspace-heading,.preview-header,.six-styles,.section-heading{letter-spacing:1.25px;font-family:monospace;font-size:10px;font-weight:500}.free-label{color:#b3b9ad;align-items:center;gap:8px;display:flex}.free-label>span{background:var(--lime);border-radius:50%;width:5px;height:5px}.text-button{color:#b5bcb2;align-items:center;gap:7px;padding:0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--lime)}.intro-button{background:#d5fb7805;border:1px solid #41493a;border-radius:6px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;display:flex}.intro-button:hover,.intro-button.active{border-color:var(--lime);background:#d5fb7814}.intro-button>svg{color:var(--lime)}.audio-wave{letter-spacing:1px;color:var(--lime);font-size:19px;line-height:1}main{max-width:1440px;margin:auto;padding:0 5.5%}.hero{justify-content:space-between;align-items:center;gap:40px;padding:48px 0 44px;animation:.6s ease-out reveal;display:flex}.eyebrow{color:var(--lime);align-items:center;gap:8px;margin-bottom:18px;font-size:10px;display:flex}.eyebrow>span{background:var(--lime);width:14px;height:2px}h1{letter-spacing:-2.3px;font-size:clamp(35px,3.75vw,54px);font-weight:600;line-height:1.17}h1 span{color:var(--lime)}.hero>div>p{color:var(--muted);letter-spacing:.02px;margin-top:18px;font-size:12px;line-height:1.9}.hero-note{border-left:1px solid #343b2d;width:224px;margin-right:32px;padding:17px 5px 17px 34px;position:relative}.note-icon{color:var(--lime);margin-bottom:13px;display:inline-flex}.hero .hero-note p{color:#e8ece1;letter-spacing:-.5px;margin:0 0 12px;font-size:19px;font-weight:500;line-height:1.45}.hero-note>span:not(.note-icon){color:var(--muted);font-size:11px;line-height:1.9;display:block}.note-line{background:var(--lime);width:40px;height:2px;margin-top:22px}.workspace-heading{color:#b4bbb0;letter-spacing:1.1px;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;display:flex}.workspace-heading>div,.workspace-heading>span{align-items:center;gap:7px;display:flex}.studio-dot{background:var(--lime);border-radius:50%;width:6px;height:6px}.workspace-heading>span{letter-spacing:0;color:#788176;font:10px Poppins,sans-serif}.workspace{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:20px;animation:.8s ease-out reveal;display:grid}.controls-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-title{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 22px;display:flex}.panel-title svg{color:var(--lime)}h2{letter-spacing:-.2px;font-size:13px;font-weight:500}.panel-title>span{color:#687161;margin-left:auto;font-family:monospace;font-size:11px}.control-section{border-bottom:1px solid #30352f;padding:23px 22px 21px}.section-heading{color:#a1ab99;letter-spacing:1.2px;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:9px;display:flex}.section-heading>span{letter-spacing:0;color:#747e71;font:9px Poppins,sans-serif}.section-heading .optional{letter-spacing:.5px;background:#252b23;border-radius:3px;padding:3px 5px;font:8px monospace}.field{color:#bec6b7;font-size:10px;font-weight:500;display:block;position:relative}.field+.field{margin-top:14px}.field input:not([type=color]),.select-wrap select{color:#eff3e8;background:#111512;border:1px solid #353d31;border-radius:5px;width:100%;margin-top:7px;padding:11px 12px;font-size:11px;transition:border .2s}.field input:hover,.select-wrap select:hover{border-color:#5e6a52}.field input:focus,.select-wrap select:focus{border-color:var(--lime)}.field-hint{color:#7d8877;align-items:center;gap:5px;margin-top:12px;font-size:8.5px;display:flex}.field-hint svg{color:#99b473}.upload-zone{background:#151915;border:1px dashed #48513e;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px 8px;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--lime);background:#d5fb7808}.upload-icon{color:#a6b393;background:#242c20;border-radius:7px;place-items:center;width:36px;height:36px;margin-bottom:11px;display:grid}.upload-zone strong{margin-bottom:3px;font-size:10px;font-weight:500}.upload-zone>span:not(.upload-icon){color:#8c9686;font-size:9px}.upload-zone b{color:var(--lime);font-weight:400}.upload-zone small{color:#697461;margin-top:14px;font-size:8px}.hidden-input{display:none}.uploaded-logo{background:#111512;border:1px solid #343d2e;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.uploaded-logo>img{object-fit:contain;width:42px;height:42px}.uploaded-logo>div{flex:1;min-width:0}.uploaded-logo strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.uploaded-logo span{color:var(--muted);margin:5px 0;font-size:8px;display:block}.uploaded-logo .text-button{color:var(--lime);font-size:9px}.icon-button{color:#929e88;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{color:var(--lime);background:#d5fb7810}.accent-label{justify-content:space-between;display:flex}.hex-value{color:#7d8974;font:400 9px monospace}.colors{align-items:center;gap:10px;margin:13px 0 21px;display:flex}.swatch{color:#171e10;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.swatch.selected{outline-offset:3px;outline:1px solid #b1bc9f}.swatch:hover{transform:scale(1.12)}.custom-color{color:#a4ae99;cursor:pointer;border:1px solid #46503c;border-radius:5px;place-items:center;width:24px;height:24px;margin-left:auto;display:grid;position:relative}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.two-fields{grid-template-columns:1.15fr 1fr;gap:10px;display:grid}.two-fields .field{margin-top:0}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;cursor:pointer;padding-right:25px}.select-wrap>svg{pointer-events:none;color:#92a180;position:absolute;top:50%;right:9px}.field .select-wrap>svg{margin-top:3px}.two-fields select{padding-left:10px;font-size:10px}.local-note{background:#1e241c;align-items:flex-start;gap:11px;padding:22px;display:flex}.local-note svg{color:#a0b589;flex-shrink:0;margin-top:3px}.local-note strong{color:#c2cbb8;font-size:10px;font-weight:500}.local-note p{color:#8a9780;margin-top:4px;font-size:9px;line-height:1.8}.studio-main{min-width:0}.preview-panel{border:1px solid var(--border);background:#191c1a;border-radius:10px;overflow:hidden}.preview-header{color:#b3bdaa;letter-spacing:.8px;justify-content:space-between;align-items:center;height:45px;padding:0 16px;font-size:9px;display:flex}.preview-header>div{align-items:center;gap:8px;display:flex}.live-dot{background:var(--lime);border-radius:50%;width:5px;height:5px}.preview-dimensions{color:#707d66;letter-spacing:0;border-left:1px solid #37412e;margin-left:4px;padding-left:12px;font-size:9px}.background-switch{background:#101510;border:1px solid #323a2c;border-radius:4px;padding:3px;gap:1px!important}.background-switch button{letter-spacing:0;color:#7c8874;border-radius:3px;align-items:center;gap:5px;padding:5px 8px;font:8px Poppins,sans-serif;display:flex}.background-switch button.selected{color:#d0dabd;background:#303929}.checker-icon{background:repeating-conic-gradient(#9ba892 0% 25%,#0000 0% 50%) 0 0/5px 5px;width:10px;height:10px;display:block}.stage{aspect-ratio:16/9;background-color:#0c100d;width:100%;position:relative;overflow:hidden}.stage.footage{background-image:linear-gradient(90deg,#07100855,#09130905),url(/images/studio.jpg);background-position:50% 49%;background-size:cover}.stage.transparent{background:repeating-conic-gradient(#252b25 0% 25%,#1a201b 0% 50%) 0 0/24px 24px}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.safe-area{pointer-events:none;border:1px solid #ffffff0e;position:absolute;inset:8.5%}.safe-area:before,.safe-area:after{content:"";border-top:1px solid #c5d3b140;width:12px;height:12px;position:absolute;top:-1px}.safe-area:before{border-left:1px solid #c5d3b140;left:-1px}.safe-area:after{border-right:1px solid #c5d3b140;right:-1px}.stage-top,.stage-bottom{letter-spacing:1px;color:#bac5ad80;z-index:1;justify-content:space-between;align-items:center;font:8px monospace;display:flex;position:absolute;left:18px;right:18px}.stage-top{top:15px}.stage-top>span:first-child{align-items:center;gap:6px;display:flex}.stage-top>span>span{background:#bec9b2;border-radius:50%;width:4px;height:4px}.stage-bottom{letter-spacing:.6px;font-size:7px;bottom:12px}.stage-bottom button{color:#a8b49c;cursor:pointer;padding:5px;display:flex}.stage:fullscreen{aspect-ratio:auto;background-color:#101211}.stage:fullscreen canvas{object-fit:contain}.playback{border-top:1px solid var(--border);align-items:center;gap:12px;height:50px;padding:0 15px;display:flex}.play-button{color:var(--lime);padding:5px;display:flex}.replay-button{padding:4px}.timecode,.total-time{color:#a6b19a;white-space:nowrap;font:9px monospace}.total-time{color:#75806b}.timeline{--progress:0%;appearance:none;background:linear-gradient(to right,var(--lime) var(--progress),#35412c var(--progress));cursor:pointer;flex:1;min-width:0;height:3px}.timeline::-webkit-slider-thumb{appearance:none;background:var(--lime);border-radius:50%;width:8px;height:8px}.timeline::-moz-range-thumb{background:var(--lime);border:none;border-radius:50%;width:8px;height:8px}.loop-button{color:#75846b;border:1px solid #35412c;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:flex}.loop-button.enabled{color:#bdd5a0;background:#d5fb7808}.styles-heading{justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px;display:flex}.styles-heading>div{align-items:center;gap:8px;display:flex}.styles-heading svg{color:#a5b193}.styles-heading h2{font-size:12px}.styles-heading>div>span{color:#7a8770;margin-left:5px;font-size:9px}.six-styles{color:#7c886f;letter-spacing:.7px;font-size:8px}.style-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.style-card{text-align:left;background:#191e18;border:1px solid #323a2d;border-radius:7px;padding:0;position:relative;overflow:hidden}.style-card:hover{border-color:#72815d;transform:translateY(-2px)}.style-card.selected{border-color:var(--lime);box-shadow:0 0 0 1px #d5fb7810}.sample{background:linear-gradient(130deg,#2a3127,#151b14);height:72px;position:relative;overflow:hidden}.sample:before{content:"";opacity:.35;background-image:radial-gradient(#63715050 .5px,#0000 .5px);background-size:5px 5px;position:absolute;inset:0}.sample-guide{border:1px solid #6e7c4f0e;position:absolute;inset:12px}.sample canvas{width:110%;height:auto;position:absolute;bottom:-4px;left:0}.sample-news{background:linear-gradient(120deg,#322926,#181917)}.sample-minimal{background:linear-gradient(120deg,#22271f,#161b15)}.sample-gradient{background:linear-gradient(120deg,#262737,#191b21)}.sample-documentary{background:linear-gradient(120deg,#352f25,#1b1c17)}.sample-glass{background:linear-gradient(120deg,#27342e,#17201c)}.style-card-content{border-top:1px solid #2a3224;padding:10px 11px 11px}.style-card-content>div{justify-content:space-between;align-items:center;display:flex}.style-card strong{font-size:10px;font-weight:500}.style-card p{color:#7e8b71;white-space:nowrap;margin-top:4px;font-size:7.6px}.style-check{background:var(--lime);color:#22300e;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.style-number{color:#68775c;font:8px monospace}.export-panel{background:#20271a;border:1px solid #3c492e;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;padding:20px 17px;display:flex}.export-title{flex-shrink:0;align-items:center;gap:10px;display:flex}.export-symbol{width:33px;height:33px;color:var(--lime);background:#d5fb7808;border:1px solid #d5fb7830;border-radius:6px;place-items:center;display:grid}.export-title h2{letter-spacing:-.3px;font-size:11px;font-weight:500}.export-title p{color:#929f83;margin-top:4px;font-size:8px}.export-actions{flex:1;min-width:0}.export-select-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.export-actions .select-wrap select{background:#151d11;border-color:#3a482e;height:36px;margin-top:0;padding:10px 24px 10px 10px;font-size:9px}.export-actions .select-wrap>svg{width:12px;right:7px}.export-button{background:var(--lime);color:#202913;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:36px;padding:11px 13px;font-size:10px;font-weight:600;display:flex}.export-button:hover{background:#e2ffa5;transform:translateY(-1px)}.export-button:disabled:hover{transform:none}.export-button>svg:last-child{margin-left:3px}.export-detail{text-align:right;color:#8e9d7d;margin-top:7px;font-size:7.5px;line-height:1.5;display:block}.status-box{color:#b8d598;background:#1d2816;border:1px solid #3f562d;border-radius:5px;margin-top:12px;padding:13px;font-size:10px;position:relative}.status-box.error{color:#ffc4b5;background:#30221f;border-color:#704337;padding-right:35px}.status-box>.icon-button{position:absolute;top:7px;right:7px}.export-progress{background:#3a482d;border-radius:3px;height:3px;margin-top:10px;overflow:hidden}.export-progress span{background:var(--lime);height:100%;transition:width .2s;display:block}.spin{animation:1s linear infinite spin}.feature-strip{border-top:1px solid #30372b;border-bottom:1px solid #30372b;grid-template-columns:1fr 1fr 1.2fr;gap:28px;margin:35px 0 38px;padding:25px 10px;display:grid}.feature-strip>div{align-items:center;gap:12px;display:flex}.feature-icon{color:#a7b58e;background:#1d2419;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.feature-strip strong{color:#c5cebc;font-size:10px;font-weight:500}.feature-strip p{color:#7f8b74;margin-top:4px;font-size:8px}footer{color:#87937b;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:0 5.5% 30px;font-size:9px;display:flex}footer>span{letter-spacing:-1px;color:#cad1c0;align-items:center;font-size:18px;font-weight:600;display:flex}footer small{letter-spacing:0;color:#78866b;margin-left:18px;font-size:8px;font-weight:400}footer>div{align-items:center;gap:25px;display:flex}footer .text-button{color:#a4b191;font-size:8px}.info-dialog{color:#e8efde;background:#191f17;border:1px solid #47563a;border-radius:13px;width:calc(100% - 32px);max-width:550px;margin:auto;padding:35px;box-shadow:0 24px 100px #0009}.info-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050905c9}.dialog-close{position:absolute;top:12px;right:12px}.info-dialog h2{letter-spacing:-1px;margin-top:10px;margin-bottom:18px;font-size:25px;font-weight:600}.info-dialog p{color:#a5b099;margin:9px 0 17px;font-size:11px;line-height:1.9}.info-dialog ol{padding:0;list-style:none}.info-dialog li{margin:0 0 20px}.info-dialog li strong{color:var(--lime);font-size:12px;font-weight:500}.dialog-tip{background:#252f1d;border:1px solid #3d4b2e;border-radius:6px;gap:12px;padding:14px;display:flex}.dialog-tip svg{color:var(--lime);flex-shrink:0;margin-top:5px}.dialog-tip p{margin:0;font-size:10px}.dialog-tip strong{color:#d0dcbf;font-weight:500}.info-dialog .dialog-small{color:#7e8d71;margin-top:16px;font-size:9px}.info-dialog>.export-button{margin-top:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.header{padding-left:calc(50% - 640px);padding-right:calc(50% - 640px)}.hero{padding-top:55px;padding-bottom:48px}}@media(max-width:1200px){.header{padding:0 4%}.header-right{gap:20px}main,footer{padding-left:4%;padding-right:4%}.workspace{grid-template-columns:265px minmax(0,1fr);gap:16px}.control-section{padding:21px 18px}.panel-title{padding:19px 18px}.hero-note{width:195px;margin-right:0}.export-panel{flex-direction:column;align-items:flex-start;padding:16px}.export-actions{width:100%}.export-select-row{justify-content:flex-start}.export-detail{text-align:left}.export-title h2{font-size:12px}.style-card p{font-size:7px}.style-card-content{padding:10px 8px}.six-styles{display:none}.styles-heading>div>span{font-size:8px}.colors{gap:9px}.feature-strip{gap:15px}.hero>div>p{font-size:11px}}@media(max-width:900px){.header{height:76px}.brand{font-size:25px}.brand-mark{margin-right:9px}.free-label{display:none}.hero{padding-top:35px;padding-bottom:30px}.hero-note{width:150px;padding-left:23px}.hero .hero-note p{font-size:16px}h1{letter-spacing:-1.5px;font-size:36px}.hero>div>p{max-width:430px}.desktop-br{display:none}.workspace{grid-template-columns:230px minmax(0,1fr);gap:12px}.control-section{padding:19px 15px}.panel-title{padding:18px 15px}.section-heading{letter-spacing:.5px;font-size:8px}.section-heading>span{font-size:8px}.colors{gap:7px}.swatch{width:20px;height:20px}.two-fields{grid-template-columns:1fr}.two-fields .field+.field{margin-top:10px}.stage-top,.stage-bottom{font-size:6px;left:12px;right:12px}.preview-header{padding:0 10px;font-size:8px}.background-switch button{padding:5px;font-size:7px}.preview-dimensions{display:none}.playback{gap:8px;padding:0 10px}.loop-button{padding:5px;font-size:7px}.replay-button{display:none}.style-grid{grid-template-columns:repeat(2,1fr)}.sample{height:64px}.sample canvas{width:100%}.styles-heading>div>span{display:none}.export-button{padding:9px;font-size:9px}.export-panel{padding:13px}.export-actions .select-wrap select{padding-left:7px;font-size:8px}.resolution-select{width:68px}.feature-strip{grid-template-columns:1fr;gap:18px;padding:23px 0}.feature-strip strong{font-size:11px}.feature-strip p{font-size:9px}footer small{display:none}footer>div{gap:15px}}@media(max-width:640px){.header{height:70px;padding:0 5%}.header-right{gap:8px}.how-button{gap:0;padding:8px;font-size:0}.how-button svg{width:19px;height:19px}.intro-button{gap:6px;padding:9px 10px;font-size:9px}.audio-wave{display:none}.brand{font-size:24px}.brand-mark{gap:3px;width:23px}.brand-mark i{width:22px;height:4px}.brand-mark i:nth-child(2){width:16px}.brand-mark i:nth-child(3){width:10px}main{padding:0 5%}.hero{padding:30px 0 29px;display:block}.eyebrow{letter-spacing:1px;margin-bottom:15px;font-size:8px}h1{letter-spacing:-1.5px;font-size:clamp(30px,7.4vw,43px);line-height:1.19}.hero>div>p{max-width:100%;margin-top:15px;font-size:10px;line-height:1.85}.hero-note{display:none}.workspace-heading{letter-spacing:.6px;margin-bottom:12px;font-size:8px}.workspace-heading>span{gap:0;font-size:0}.workspace-heading>span svg{width:14px;height:14px}.workspace{flex-direction:column;gap:18px;display:flex}.controls-panel{order:2;width:100%}.studio-main{width:100%}.preview-header{height:44px;padding:0 12px}.preview-header>div{gap:6px}.background-switch button{padding:5px 7px;font-size:8px}.stage-top{font-size:6px;top:12px}.stage-bottom{letter-spacing:.1px;font-size:5px;bottom:7px}.playback{gap:8px;height:46px;padding:0 10px}.timecode,.total-time{font-size:8px}.play-button{padding:4px}.loop-button{padding:5px 6px;font-size:7px}.styles-heading{margin-top:20px;margin-bottom:12px}.styles-heading>div>span{margin-left:1px;font-size:8px;display:block}.styles-heading h2{font-size:12px}.style-grid{gap:9px}.sample{height:72px}.sample canvas{width:115%}.style-card-content{padding:10px}.style-card strong{font-size:10px}.style-card p{font-size:7px}.export-panel{gap:13px;margin-top:17px;padding:15px}.export-title h2{font-size:12px}.export-title p{font-size:9px}.export-select-row{flex-wrap:wrap;gap:7px}.format-select{flex:1}.resolution-select{width:80px}.export-actions .select-wrap select{height:39px;padding-left:10px;font-size:10px}.export-button{width:100%;height:40px;font-size:11px}.export-detail{margin-top:8px;font-size:8px}.panel-title{padding:19px 20px}.control-section{padding:22px 20px}.section-heading,.section-heading>span{font-size:9px}.field{font-size:11px}.field input:not([type=color]){padding:12px;font-size:12px}.field-hint{font-size:9px}.upload-zone{padding:21px}.upload-zone strong{font-size:11px}.upload-zone>span:not(.upload-icon){font-size:10px}.upload-zone small{font-size:9px}.colors{gap:15px}.swatch{width:25px;height:25px}.two-fields{grid-template-columns:1fr 1fr;gap:14px}.two-fields .field+.field{margin:0}.two-fields select{font-size:11px}.local-note{padding:20px}.local-note strong{font-size:11px}.local-note p{font-size:10px}.feature-strip{gap:20px;margin:25px 0;padding:23px 0}footer{align-items:flex-start;padding:0 5% 28px}footer>div{flex-direction:column;align-items:flex-end;gap:7px;font-size:7px}footer .text-button{font-size:8px}.info-dialog{padding:26px 22px}.info-dialog h2{font-size:23px}.info-dialog .export-button{width:100%}}.status-box{display:block}@media(max-width:640px){.studio-main{display:contents}.preview-panel{order:0;width:100%}.controls-panel{order:1}.styles-heading{order:2;width:100%;margin:0}.style-grid{order:3;width:100%}.export-panel{order:4;width:100%;margin-top:0}.status-box{order:5;width:100%;margin-top:0}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}