@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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;--spacing:.25rem;--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;-webkit-text-decoration: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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--sans:Inter,Arial,sans-serif;--mono:"Courier New",monospace;--bg:#080b0c;--panel:#0d1112;--line:#22292a;--muted:#738080;--text:#eef3ef;--lime:#d7ff3f;--purple:#a574ff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans),Arial;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 45% 20%,#152122 0,transparent 27%),var(--bg);grid-template-rows:62px minmax(360px,1fr) 264px;min-width:1050px;height:100vh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:4;background:#090c0d;align-items:center;padding:0 16px;display:flex;position:relative}.brand{align-items:center;gap:10px;width:220px;display:flex}.brand>b{background:var(--lime);color:#101310;width:30px;height:30px;font:bold 20px var(--mono);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);place-items:center;display:grid}.brand strong{letter-spacing:.14em;font-size:16px}.brand strong span{color:var(--lime)}.project-title{font:600 10px var(--mono);color:#9ca5a3;letter-spacing:.08em;position:absolute;left:50%;transform:translate(-50%)}.project-title i,.canvas-bar>span i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 8px var(--lime);border-radius:50%;margin-right:6px;display:inline-block}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.clock{text-align:right;border-right:1px solid var(--line);padding-right:12px}.clock b,.clock span{font:600 8px var(--mono);display:block}.clock span{color:#697472;margin-top:3px}.login,.export{height:34px;font:700 9px var(--mono);letter-spacing:.08em;border-radius:3px;padding:0 14px}.login{background:0 0;border:1px solid #2b3332}.export{background:var(--lime);color:#111;border:0}.avatar{width:34px;height:34px;font:700 9px var(--mono);background:#171d1d;border:1px solid #3a4442;border-radius:50%}.workspace{border-bottom:1px solid var(--line);grid-template-columns:72px 250px minmax(430px,1fr) 242px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);background:#090c0d;flex-direction:column;padding:8px 7px;display:flex}.rail button{color:#6e7978;background:0 0;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:56px;font-size:9px;display:flex}.rail button b{font:500 17px var(--mono)}.rail button.active{color:var(--lime);border-left:2px solid var(--lime);background:#d7ff3f0a}.rail .shortcuts{margin-top:auto}.assets,.inspector{background:linear-gradient(#0e1213,#0b0f10);padding:16px 14px;overflow:auto}.assets{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.heading{justify-content:space-between;display:flex}.heading span,.ai-head span,.modal label,.modal header span{font:700 8px var(--mono);letter-spacing:.14em;color:#687371}.heading h2{margin:4px 0 14px;font-size:16px}.heading button{color:#717b79;background:0 0;border:0}.upload{background:#101617;border:1px dashed #394442;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:84px;display:flex}.upload:hover{border-color:var(--lime)}.upload>b{color:var(--lime);font-size:19px}.upload strong{font-size:10px}.upload span{font:500 8px var(--mono);color:#697371;margin-top:4px}.tabs{border-bottom:1px solid var(--line);align-items:end;gap:17px;height:40px;display:flex}.tabs button{color:#66716f;height:30px;font:700 8px var(--mono);background:0 0;border:0}.tabs button:first-child{border-bottom:1px solid var(--lime);color:#e2e9e6}.tabs i{background:#29302f;border-radius:8px;padding:1px 5px;font-style:normal}.asset-grid{grid-template-columns:1fr 1fr;gap:7px;padding:10px 0;display:grid}.asset{border:1px solid #293130;border-radius:4px;height:64px;position:relative;overflow:hidden}.beach{background:radial-gradient(circle at 72% 18%,#f8db91 0 7%,#0000 8%),linear-gradient(165deg,#4d7078 0 48%,#b77442 49% 62%,#20515c 63%)}.city{background:linear-gradient(90deg,#0000 25%,#232b2c 26% 43%,#0000 44% 57%,#293333 58% 75%,#0000 76%),linear-gradient(#56615f 0 45%,#202828 46%)}.asset span{font:600 7px var(--mono);background:#070a0ac9;padding:2px 4px;position:absolute;bottom:3px;right:3px}.asset i{background:var(--lime);color:#111;text-align:center;border-radius:50%;width:14px;height:14px;font-size:9px;position:absolute;top:4px;right:4px}.audio-asset{height:44px;font:600 8px var(--mono);border:1px solid #293130;border-radius:4px;grid-column:1/-1;grid-template-columns:28px 1fr auto;align-items:center;padding:8px;display:grid}.audio-asset>b{color:var(--purple)}.audio-asset span{color:#687371}.ai-head{justify-content:space-between;margin-top:5px;display:flex}.ai-head i{font:600 7px var(--mono);color:var(--lime);font-style:normal}.ai-tool{text-align:left;background:0 0;border:0;border-top:1px solid #1e2524;grid-template-columns:30px 1fr auto;align-items:center;width:100%;height:40px;display:grid}.ai-tool>b{color:var(--lime);font:600 13px var(--mono)}.ai-tool strong,.ai-tool small{display:block}.ai-tool strong{font-size:9px}.ai-tool small{font:500 7px var(--mono);color:#687371}.ai-tool em{color:#65706e;font-style:normal}.stage-wrap{grid-template-rows:42px 1fr 42px;min-width:0;display:grid}.canvas-bar{color:#707b79;font:500 9px var(--mono);border-bottom:1px solid #181e1e;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.canvas-bar>span{font-size:7px}.stage{place-items:center;min-height:0;padding:18px;display:grid}.canvas{aspect-ratio:16/9;outline:1px solid #d7ff3f88;width:min(80%,630px);position:relative;box-shadow:0 15px 45px #0009}.scene{filter:saturate(.8);background:linear-gradient(#547883 0 47%,#3b8997 48% 73%,#bc7b49 74%);position:absolute;inset:0;overflow:hidden}.sun{background:#ffe3a0;border-radius:50%;width:44px;height:44px;position:absolute;top:12%;right:17%;box-shadow:0 0 38px #ffe3a0}.water{background:repeating-linear-gradient(176deg,#6fb0b7 0 4px,#407f89 5px 9px);position:absolute;inset:49% 0 0}.rock{clip-path:polygon(18% 0,75% 12%,100% 100%,0 100%);background:#4c4038;position:absolute;bottom:0}.rock.left{width:45%;height:52%;left:-4%}.rock.right{background:#59483e;width:36%;height:43%;right:-7%}.title{text-align:center;text-shadow:0 2px 10px #000;position:absolute;top:25%;left:50%;transform:translate(-50%)}.title span{font:700 clamp(10px,1vw,14px) var(--mono);letter-spacing:.4em}.title b{letter-spacing:-.05em;font-size:clamp(25px,4vw,55px);line-height:.95;display:block}.title i{background:var(--lime);width:30%;height:3px;margin:11px auto;display:block}.handle{background:var(--lime);border:1px solid #111;width:7px;height:7px;position:absolute}.tl{top:-4px;left:-4px}.tr{top:-4px;right:-4px}.bl{bottom:-4px;left:-4px}.br{bottom:-4px;right:-4px}.transport{font:600 8px var(--mono);color:#75807e;border-top:1px solid #181e1e;justify-content:center;align-items:center;gap:32px;display:flex}.transport div{align-items:center;gap:12px;display:flex}.transport button{background:0 0;border:0}.transport .play{color:#111;background:#edf3ef;border-radius:50%;width:28px;height:28px}.inspect{border-top:1px solid var(--line);padding:12px 0}.inspect-title{font:700 8px var(--mono);letter-spacing:.11em;color:#75807e;justify-content:space-between;margin-bottom:9px;display:flex}.inspect-title button{background:0 0;border:0}.fields{gap:6px;margin-bottom:6px;display:flex}.fields label{font:600 8px var(--mono);color:#697472;flex:1}.fields input{color:#ccd4d2;background:#121718;border:1px solid #293130;width:100%;height:28px;margin-top:4px;padding:0 8px;display:block}.slider{font:600 8px var(--mono);color:#717c7a;align-items:center;gap:7px;display:flex}.slider input{min-width:0;accent-color:var(--lime);flex:1}.align{color:#6f7a78;background:#121718;border:1px solid #293130;place-items:center;height:28px;margin-top:9px;font-size:11px;display:grid}.inspect select{color:#cad2d0;background:#121718;border:1px solid #293130;width:100%;height:30px;padding:0 8px;font-size:9px}.option{text-align:left;background:0 0;border:0;grid-template-columns:28px 1fr auto;align-items:center;width:100%;height:36px;display:grid}.option b{font-size:9px}.option em{font:600 7px var(--mono);color:var(--lime);font-style:normal}.checker{background:conic-gradient(#555 25%,#222 0 50%,#555 0 75%,#222 0);background-size:8px 8px;width:16px;height:16px}.timeline{background:#0b0f10;grid-template-rows:34px 1fr;min-height:0;display:grid}.timeline-bar{border-bottom:1px solid var(--line);color:#707a79;font:500 9px var(--mono);grid-template-columns:322px 1fr 242px;display:grid}.timeline-bar>div{border-right:1px solid var(--line);align-items:center;padding:0 13px;display:flex}.timeline-bar>div:last-child{justify-content:center}.ruler{background:repeating-linear-gradient(90deg,#0000 0 49px,#29302f 50px 51px);font-size:7px;justify-content:space-around!important}.tracks{grid-template-columns:160px 1fr;min-height:0;display:grid}.labels{border-right:1px solid var(--line)}.labels>div,.track-row{border-bottom:1px solid #1b2222;height:68px}.labels>div{font:600 8px var(--mono);grid-template-columns:24px 1fr auto;align-items:center;padding:0 9px;display:grid}.labels b{color:var(--lime)}.labels span{color:#818b89}.labels i{color:#596360;font-style:normal}.track-area{position:relative;overflow:hidden}.track-row{background:repeating-linear-gradient(90deg,#0000 0 119px,#151b1b 120px 121px);align-items:center;display:flex;position:relative}.clip{height:44px;font:600 7px var(--mono);background:repeating-linear-gradient(90deg,#526b6155 0 27px,#233832 28px 33px),#263b34;border:1px solid #4f6d61;border-radius:3px;align-items:end;padding:5px;display:flex}.clip b{z-index:1}.clip small{margin-left:auto}.v1{width:44%;margin-left:25px}.v2{background-color:#30302e;width:26%;margin-left:5px}.title-clip{background:#2a2040;border-color:#7659a8;align-items:center;width:31%;height:30px;margin-left:12%}.audio-clip{background:#122a2f;border-color:#247988;align-items:center;width:57%;height:38px;margin-left:4%;position:relative;overflow:hidden}.audio-clip i{color:#51c3d188;letter-spacing:2px;font-size:15px;position:absolute}.record{color:#cc6877;font:600 7px var(--mono);background:#1d1215;border:1px solid #4b2c33;margin-left:auto;margin-right:20px;padding:7px}.playhead{z-index:3;border-left:1px solid var(--lime);position:absolute;top:0;bottom:0;left:20%}.playhead:before{content:"";border-top:6px solid var(--lime);border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:0;left:-4px}.playhead span{background:var(--lime);color:#111;font:700 7px var(--mono);padding:2px 4px;position:absolute;top:3px;left:5px}.chat-fab{background:var(--lime);color:#111;z-index:20;border:0;border-radius:50%;width:43px;height:43px;font-size:18px;position:fixed;bottom:18px;right:18px;box-shadow:0 0 25px #d7ff3f3a}.chat-fab i{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:1px}.chat{z-index:20;background:#101516;border:1px solid #313b39;border-radius:8px;width:295px;padding:14px;position:fixed;bottom:70px;right:18px;box-shadow:0 18px 50px #000a}.chat header{font:700 9px var(--mono);color:var(--lime);justify-content:space-between;display:flex}.chat button{background:0 0;border:0}.chat p{color:#b6c0bd;margin:18px 0;font-size:12px}.chat>div{gap:5px;display:flex}.chat>div button{border:1px solid #303a38;border-radius:20px;padding:6px 9px;font-size:9px}.chat form{border:1px solid #303a38;margin-top:12px;display:flex}.chat input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:9px;font-size:10px}.chat form button{color:var(--lime)}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#050708df;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#101516;border:1px solid #303938;border-radius:7px;width:475px;padding:22px;box-shadow:0 20px 80px #000}.modal header{justify-content:space-between;display:flex}.modal header h2{margin:5px 0;font-size:21px}.modal header button{color:#7c8684;background:0 0;border:0;font-size:22px}.preview{border-top:1px solid #28302f;border-bottom:1px solid #28302f;align-items:center;gap:12px;margin:10px 0 16px;padding:14px 0;display:flex}.preview>div{aspect-ratio:16/9;background:linear-gradient(#4c747e 52%,#327f8e 53% 72%,#a5693c 73%);width:74px}.preview b,.preview span{display:block}.preview p{margin:0;font-size:11px}.preview span{font:500 8px var(--mono);color:#6e7977;margin-top:4px}.qualities{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px;display:grid}.qualities button{background:#13191a;border:1px solid #2d3635;border-radius:4px;height:70px;position:relative}.qualities button.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.qualities b,.qualities span{display:block}.qualities b{font-size:16px}.qualities span{font:600 7px var(--mono);color:#6c7674;margin-top:4px}.qualities i{color:#c2a3ff;font:700 6px var(--mono);background:#2b2141;padding:2px 4px;font-style:normal;position:absolute;top:5px;right:5px}.notice{background:#d7ff3f0b;border:1px solid #d7ff3f25;margin-bottom:12px;padding:12px}.notice b,.notice span{display:block}.notice b{color:var(--lime);font-size:10px}.notice span{color:#7e8987;margin-top:5px;font-size:9px}.notice button{border:1px solid var(--purple);color:#c7adff;width:100%;height:30px;font:700 8px var(--mono);background:#a574ff17;margin-top:10px}.render{background:var(--lime);color:#111;width:100%;height:42px;font:800 10px var(--mono);letter-spacing:.08em;border:0}.startup{z-index:100;background:#070a0a;flex-direction:column;justify-content:center;align-items:center;animation:.25s 1.4s forwards bootOut;display:flex;position:fixed;inset:0}.startup:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#d7ff3f05 4px);position:absolute;inset:0}.bootmark{background:var(--lime);color:#111;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);width:50px;height:50px;font:bold 30px var(--mono);place-items:center;display:grid}.bootname{font:800 18px var(--mono);letter-spacing:.28em;margin:18px}.bootname span{color:var(--lime);animation:.4s infinite blink}.bootlines{height:35px;font:600 7px var(--mono);color:#66716f;flex-direction:column;align-items:center;display:flex;overflow:hidden}.bootlines i{font-style:normal;animation:.8s both line}.bootlines i:nth-child(2){animation-delay:.25s}.bootlines i:nth-child(3){color:var(--lime);animation-delay:.55s}.bootbar{background:#1c2423;width:190px;height:2px;margin-top:12px}.bootbar i{background:var(--lime);height:100%;animation:1.25s forwards load;display:block}@keyframes load{0%{width:0}to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes line{0%{opacity:0;transform:translateY(12px)}}@keyframes bootOut{to{opacity:0;visibility:hidden}}@media (max-width:1200px){.workspace{grid-template-columns:68px 220px minmax(420px,1fr) 220px}.timeline-bar{grid-template-columns:288px 1fr 220px}.clock{display:none}}@media (max-height:760px){.app-shell{grid-template-rows:58px minmax(330px,1fr) 220px}.labels>div,.track-row{height:57px}.asset{height:52px}.ai-tool{height:34px}}
:root{--z-bg:#090b0d;--z-panel:#111417;--z-panel2:#171b1f;--z-border:#292f34;--z-muted:#8a949b;--z-text:#f5f7f8;--z-accent:#d7ff42;--z-blue:#769cff}html,body{background:var(--z-bg)!important;overflow:hidden!important}.z-app{background:var(--z-bg);height:100dvh;color:var(--z-text);grid-template-rows:58px minmax(0,1fr) 250px;grid-template-columns:76px 280px minmax(0,1fr);min-width:0;font-family:Arial,sans-serif;display:grid}.z-app button,.z-app input,.z-app select,.z-app textarea{font-family:inherit}.z-top{border-bottom:1px solid var(--z-border);z-index:12;background:#0c0f11;grid-column:1/-1;grid-template-columns:356px 1fr auto;align-items:center;padding:0 16px;display:grid}.z-brand{align-items:center;gap:10px;display:flex}.z-brand>b{background:var(--z-accent);color:#0b0d0e;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);place-items:center;width:30px;height:30px;font-weight:900;display:grid}.z-brand>span{letter-spacing:.12em;font-weight:900}.z-brand i{color:var(--z-accent);font-style:normal}.z-project{text-align:center}.z-project input{text-align:center;color:#eef1f2;background:0 0;border:0;outline:0;width:210px;margin:auto;font-size:12px;font-weight:700;display:block}.z-project span{color:#68737a;font-size:8px}.z-user{align-items:center;gap:14px;display:flex}.z-user>span{text-align:right;color:#7f898f;font:9px Courier New,monospace}.z-user>span b{color:#d8dee1;margin-bottom:2px;display:block}.z-export,.mobile-export,.export-now{background:var(--z-accent);color:#101213;border:0;border-radius:5px;font-weight:850}.z-export{height:34px;padding:0 17px}.z-tools{border-right:1px solid var(--z-border);background:#0c0f11;flex-direction:column;grid-row:2;gap:3px;padding:8px 6px;display:flex}.z-tools button{color:#778188;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:58px;display:flex}.z-tools button b{font-size:17px}.z-tools button span{font-size:9px}.z-tools button.active{color:var(--z-accent);box-shadow:inset 2px 0 var(--z-accent);background:#d7ff420d}.z-panel{border-right:1px solid var(--z-border);background:var(--z-panel);grid-area:2/2;padding:18px;position:relative;overflow:auto}.panel-close{display:none}.panel-title span{letter-spacing:.14em;color:#6d777e;font:700 8px Courier New,monospace}.panel-title h2{margin:5px 0 17px;font-size:19px}.import{background:var(--z-accent);color:#0d1011;border:0;border-radius:5px;width:100%;height:39px;font-size:11px;font-weight:800}.import.secondary{color:#e6ebed;background:#20262a;border:1px solid #394147}.drop{border:1px dashed #3b4449;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:78px;margin:10px 0 16px;font-size:10px;font-weight:700;display:flex}.drop span{color:#6d787e;margin-top:5px;font-size:8px}.media-list{flex-direction:column;gap:6px;display:flex}.media-list>button{color:#cfd5d8;text-align:left;background:#15191c;border:1px solid #272e32;border-radius:5px;grid-template-columns:30px 1fr;align-items:center;height:50px;padding:6px;display:grid}.media-list>button.selected{border-color:var(--z-accent);background:#d7ff4209}.media-list i{color:var(--z-accent);font-style:normal}.media-list b,.media-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.media-list b{font-size:9px}.media-list small{color:#717c82;margin-top:4px;font-size:8px}.control{color:#89949a;margin-bottom:13px;font-size:9px;font-weight:700;display:block}.control input,.control select,.z-panel textarea{color:#fff;background:#171c1f;border:1px solid #343c40;border-radius:4px;outline:0;width:100%;height:38px;margin-top:6px;padding:0 10px;display:block}.control input:focus,.z-panel textarea:focus{border-color:var(--z-accent)}.control-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.control-row label{color:#89949a;font-size:9px}.control-row input{color:#fff;background:#171c1f;border:1px solid #343c40;width:100%;height:36px;margin-top:5px}.presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.presets button{color:#dce2e4;background:#171c1f;border:1px solid #30383d;border-radius:5px;height:62px;font-weight:700}.record-btn{color:#ff8ca1;background:#28151a;border:1px solid #713441;border-radius:5px;width:100%;height:38px;margin:9px 0 18px;font-size:10px;font-weight:800}.record-btn.recording{animation:1s infinite pulse}.range{color:#aeb6ba;font-size:10px}.range span{float:right}.range input{width:100%;accent-color:var(--z-accent);margin-top:10px;display:block}.audio-list button{text-align:left;color:#bbc3c7;background:#151a1d;border:1px solid #2c3539;width:100%;margin-top:6px;padding:9px}.hint{color:#89949a;font-size:10px;line-height:1.5}.z-panel textarea{resize:none;height:110px;margin:12px 0;padding:10px}.filter-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.filter-grid button{color:#aeb7bb;background:#171c1f;border:1px solid #30383c;border-radius:5px;height:72px;padding:5px}.filter-grid button.selected,.emoji-grid button.selected{border-color:var(--z-accent);color:var(--z-accent)}.filter-grid i{background:linear-gradient(145deg,#566d7b,#d5a061);border-radius:3px;height:42px;display:block}.filter-grid span{margin-top:5px;font-size:8px;display:block}.emoji-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.emoji-grid button{color:#fff;background:#171c1f;border:1px solid #30383c;border-radius:5px;height:42px}.z-work{background:#090b0d;grid-area:2/3;grid-template-rows:42px minmax(0,1fr) 48px;min-width:0;min-height:0;display:grid}.preview-top{color:#8b969c;border-bottom:1px solid #1c2226;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;display:flex}.preview-top button{color:#899399;background:0 0;border:0;margin-left:12px;font-size:9px}.preview-stage{place-items:center;min-height:0;padding:18px;display:grid}.preview-frame{aspect-ratio:16/9;background:#030404;width:min(84%,850px);transition:filter .2s;position:relative;overflow:hidden;box-shadow:0 18px 55px #000}.preview-frame>video,.preview-frame>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.empty-stage{color:#8a9499;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-stage>b{color:var(--z-accent);font-size:35px}.empty-stage h2{color:#e4e8ea;margin:9px 0 2px;font-size:18px}.empty-stage p{font-size:10px}.empty-stage button{color:#fff;background:#171c1f;border:1px solid #495157;border-radius:4px;padding:8px 13px}.audio-canvas{background:radial-gradient(circle,#21333c,#07090a 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.audio-canvas b{color:var(--z-accent);font-size:65px}.audio-canvas span{margin-top:10px;font-size:11px}.overlay-text{z-index:3;text-align:center;text-shadow:0 2px 14px #000;word-break:break-word;font-weight:900;line-height:1.05;position:absolute;bottom:10%;left:6%;right:6%}.overlay-element{z-index:4;font-size:clamp(40px,8vw,100px);position:absolute;top:12%;left:8%}.player{color:#818c92;border-top:1px solid #1d2225;justify-content:center;align-items:center;gap:16px;font:9px Courier New,monospace;display:flex}.player button{color:#cbd2d5;background:0 0;border:0}.player .main-play{color:#0e1112;background:#eef2f3;border-radius:50%;width:32px;height:32px}.z-timeline{border-top:1px solid var(--z-border);background:#0e1113;grid-area:3/1/auto/-1;grid-template-rows:38px 1fr;min-height:0;display:grid}.timeline-head{border-bottom:1px solid var(--z-border);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.timeline-head button{color:#8d979d;background:0 0;border:0;height:27px;margin-right:5px;font-size:10px}.timeline-head button:hover{color:var(--z-accent)}.zoomline{color:#69747a;font-size:8px}.zoomline input{width:90px;accent-color:var(--z-accent);vertical-align:middle}.timeline-body{grid-template-columns:115px 1fr;min-height:0;display:grid}.track-names{border-right:1px solid var(--z-border);padding-top:24px}.track-names>div{border-bottom:1px solid #20262a;align-items:center;gap:10px;height:54px;padding:0 10px;display:flex}.track-names b{color:var(--z-accent);font:800 9px Courier New,monospace}.track-names span{color:#8b959b;font-size:9px}.track-space{background:repeating-linear-gradient(90deg,#0000 0 99px,#1c2225 100px 101px);padding-top:24px;position:relative;overflow:auto}.ticks{color:#5e686d;justify-content:space-between;height:24px;padding:0 7px;font:7px Courier New,monospace;display:flex;position:absolute;top:0;left:0;right:0}.track{border-bottom:1px solid #20262a;align-items:center;height:54px;display:flex}.track button{color:#dbe4e1;background:#253a33;border:1px solid #536e63;border-radius:4px;align-items:center;gap:7px;min-width:60px;height:38px;margin-left:3px;padding:0 9px;display:flex;overflow:hidden}.track button b{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.track button em{margin-left:auto;font-style:normal}.track button.selected{outline:2px solid var(--z-accent);outline-offset:-2px}.text-track button{background:#2a2040;border-color:#7958aa}.audio-track button{background:#153139;border-color:#277c89}.timeline-cursor{border-left:1px solid var(--z-accent);pointer-events:none;position:absolute;top:18px;bottom:0}.timeline-cursor:before{content:"";border-top:7px solid var(--z-accent);border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:0;left:-4px}.mobile-export{display:none}.z-toast{z-index:80;border:1px solid #3f4a4f;border-left:3px solid var(--z-accent);background:#161c1f;border-radius:4px;padding:10px 16px;font-size:10px;position:fixed;bottom:268px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #000b}.export-layer{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050607dd;place-items:center;display:grid;position:fixed;inset:0}.export-card{background:#13171a;border:1px solid #353e43;border-radius:8px;width:min(440px,100% - 28px);padding:21px;box-shadow:0 25px 70px #000}.export-card header{justify-content:space-between;display:flex}.export-card header span{color:var(--z-accent);letter-spacing:.12em;font:700 8px Courier New,monospace}.export-card h2{margin:5px 0;font-size:20px}.export-card header button{color:#8a9499;background:0 0;border:0;font-size:21px}.export-summary{border-top:1px solid #2a3135;border-bottom:1px solid #2a3135;margin:11px 0;padding:13px 0}.export-summary b,.export-summary span{display:block}.export-summary b{font-size:10px}.export-summary span{color:#7e898f;margin-top:4px;font-size:8px}.resolution{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.resolution button{color:#b5bdc1;background:#171c1f;border:1px solid #30383c;border-radius:5px;height:58px}.resolution button.selected{border-color:var(--z-accent)}.resolution b,.resolution span{display:block}.resolution span{color:#778187;margin-top:3px;font-size:7px}.export-card p{color:#7f898e;font-size:9px;line-height:1.5}.export-now{width:100%;height:41px}.export-now:disabled{opacity:.45}.progress{background:#20262a;height:30px;margin:10px 0;position:relative;overflow:hidden}.progress i{background:var(--z-accent);height:100%;display:block}.progress span{color:#101213;place-items:center;font-size:9px;font-weight:900;display:grid;position:absolute;inset:0}@keyframes pulse{50%{opacity:.55}}@media (max-width:800px){html,body{overflow:auto!important}.z-app{grid-template-rows:54px minmax(0,1fr) 70px;grid-template-columns:1fr;height:100dvh;overflow:hidden}.z-top{grid-area:1/1;grid-template-columns:auto 1fr auto;padding:0 10px}.z-brand>span,.z-project span,.z-user>span,.z-export{display:none}.z-project input{text-align:left;width:150px;margin-left:16px}.z-tools{border:0;border-top:1px solid var(--z-border);z-index:30;flex-direction:row;grid-area:3/1;padding:5px 3px}.z-tools button{flex:1;height:58px}.z-tools button.active{box-shadow:inset 0 2px var(--z-accent)}.z-tools button span{font-size:8px}.z-panel{z-index:40;border:1px solid #343d42;border-radius:15px 15px 0 0;height:min(62dvh,520px);padding:20px;transition:transform .22s;position:fixed;inset:auto 0 70px;transform:translateY(calc(100% + 75px))}.z-panel.open{transform:none}.panel-close{color:#9ca5a9;background:0 0;border:0;font-size:24px;display:block;position:absolute;top:13px;right:15px}.z-work{grid-area:2/1;grid-template-rows:35px minmax(0,1fr) 48px}.preview-top{padding-right:66px}.preview-top div{display:none}.preview-stage{padding:8px}.preview-frame{width:100%;max-height:calc(100dvh - 300px)}.z-timeline{z-index:10;grid-row:auto;height:164px;position:fixed;bottom:70px;left:0;right:0}.timeline-head{height:35px}.timeline-head button{margin:0;padding:0 7px}.timeline-head button span,.zoomline{display:none}.timeline-body{grid-template-columns:58px 1fr}.track-names{padding-top:18px}.track-names>div{height:36px;padding:0 6px}.track-names span{display:none}.track-space{padding-top:18px}.track{height:36px}.track button{height:27px}.ticks{height:18px}.timeline-cursor{top:14px}.mobile-export{z-index:35;height:33px;padding:0 13px;display:block;position:fixed;top:10px;right:8px}.z-toast{text-align:center;width:max-content;max-width:90%;bottom:245px}.player{align-items:flex-start;height:210px;padding-top:9px;padding-bottom:165px}.empty-stage h2{font-size:16px}.empty-stage p{font-size:9px}.overlay-text{bottom:15%}.export-layer{padding-bottom:60px}}@media (max-width:390px){.z-tools button b{font-size:15px}.z-tools button span{font-size:7px}.z-project input{width:115px}.timeline-head button{padding:0 5px}}
@media (min-width:801px){.z-app{grid-template-columns:76px 250px minmax(0,1fr) 250px}.z-work{grid-column:3}.z-properties{border-left:1px solid var(--z-border);background:#101417;grid-area:2/4;padding:17px;display:block;overflow:auto}.z-panel{grid-column:2}.z-top{grid-template-columns:326px 1fr auto}.preview-frame{width:min(92%,900px)}}.z-properties header span{letter-spacing:.14em;color:#6d777e;font:700 8px Courier New,monospace}.z-properties header h2{margin:5px 0 14px;font-size:17px}.prop-group{border-top:1px solid #293137;padding:13px 0}.prop-group>b{letter-spacing:.09em;color:#879299;margin-bottom:9px;font:800 8px Courier New,monospace;display:block}.prop-group p,.empty-prop{color:#758087;font-size:8px;line-height:1.45}.prop-group label{color:#aeb6bb;grid-template-columns:55px 1fr auto;align-items:center;gap:6px;margin:7px 0;font-size:9px;display:grid}.prop-group select{color:#fff;background:#181e22;border:1px solid #384248;height:29px;padding:0 7px}.prop-group input{accent-color:var(--z-accent);min-width:0}.prop-group button{color:#c8d0d4;text-align:left;background:#181e22;border:1px solid #333d43;border-radius:4px;width:100%;height:31px;margin:3px 0;padding:0 9px;font-size:8px}.prop-group button:hover,.prop-group button.active{border-color:var(--z-accent);color:var(--z-accent);background:#d7ff4209}.popular,.text-styles{grid-template-columns:1fr 1fr;gap:4px;display:grid}.popular>b,.text-styles>b{grid-column:1/-1}.popular button,.text-styles button{text-align:center;padding:0}.text-styles button{background:#0b0e10;height:38px;font-weight:850}.movable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%)}.movable>i{background:var(--z-accent);color:#111;text-shadow:none;padding:3px 5px;font:700 7px Courier New,monospace;display:none;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.movable:hover{outline:1px dashed var(--z-accent)}.movable:hover>i{display:block}.overlay-text{width:max-content;max-width:90%;bottom:auto!important;right:auto!important}.overlay-element{font-size:clamp(40px,8vw,100px)}.watermark-region{z-index:6;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);cursor:move;touch-action:none;background:#ffffff0d;border:1px dashed #ffcf52;position:absolute}.watermark-region span{color:#111;white-space:nowrap;background:#ffcf52;padding:3px 5px;font:700 7px Courier New,monospace;position:absolute;top:-18px;left:0}.pick-bg{cursor:crosshair;outline:2px solid #57e2a1}.pick-bg:after{content:"Click the background color to erase";z-index:8;color:#07110c;background:#57e2a1;padding:6px 9px;font:800 8px Courier New,monospace;position:absolute;top:8px;left:50%;transform:translate(-50%)}.track button[draggable=true]{cursor:grab}.track button[draggable=true]:active{cursor:grabbing}.main-play{box-shadow:0 0 0 4px #ffffff14}.player button{border-radius:50%;min-width:30px;height:30px}.player button:hover{background:#22292d}.z-properties{display:none}@media (max-width:800px){.z-properties{display:none}.z-work{padding-bottom:164px}.player{z-index:15;background:#0c1012;position:relative;align-items:center!important;height:48px!important;padding:0!important}.preview-frame{max-height:calc(100dvh - 350px)}.preview-stage{min-height:210px}.overlay-text{max-width:85%}.watermark-region span{font-size:6px}.presets{grid-template-columns:repeat(2,1fr)}}
.cleanup-panel{z-index:8}.cleanup-card{background:linear-gradient(145deg,#171d20,#111518);border:1px solid #303a3f;border-radius:7px;grid-template-columns:34px 1fr;gap:9px;margin-bottom:10px;padding:11px;display:grid}.cleanup-card>i{width:31px;height:31px;color:var(--z-accent);background:#d7ff4212;border-radius:6px;place-items:center;font:800 9px Courier New,monospace;display:grid}.cleanup-card>div h3{margin:1px 0 4px;font-size:11px}.cleanup-card>div p{color:#7b878d;margin:0 0 8px;font-size:8px;line-height:1.45}.cleanup-card>button{color:#dce2e5;background:#1b2225;border:1px solid #3a454a;border-radius:4px;height:32px;font-size:8px}.cleanup-card>button:hover,.cleanup-card>button.active{border-color:var(--z-accent);color:var(--z-accent)}.cleanup-card>button.reset-clean{color:#8d989e;background:0 0;grid-column:1/-1}.cleanup-status{border-top:1px solid #2d3539;padding-top:10px}.cleanup-status b,.cleanup-status span{display:block}.cleanup-status b{color:#778289;margin-bottom:7px;font:800 8px Courier New,monospace}.cleanup-status span{color:#98a4a9;margin:5px 0;font-size:8px}.cleanup-empty{text-align:center;padding:45px 10px}.cleanup-empty>b{color:var(--z-accent);font-size:36px}.cleanup-empty h3{font-size:14px}.cleanup-empty p{color:#778389;font-size:9px}.cleanup-empty button{background:var(--z-accent);color:#111;border:0;border-radius:4px;height:34px;padding:0 14px;font-weight:800}.z-tools button:nth-child(6).active{color:#65e4a8;background:#65e4a80d;box-shadow:inset 2px 0 #65e4a8}@media (max-width:800px){.z-tools button{min-width:0}.z-tools button b{font-size:14px}.z-tools button span{font-size:7px}.z-tools button:nth-child(6).active{box-shadow:inset 0 2px #65e4a8}.cleanup-card{grid-template-columns:38px 1fr}.cleanup-card>button{height:36px}}
.z-brand{color:inherit;text-decoration:none}.z-brand:hover span{color:#d7ff3f}.z-panel button,.z-properties button,.z-timeline button,.player button{transition:transform .16s,border-color .16s,background .16s,color .16s}.z-panel button:hover,.z-properties button:hover,.z-timeline button:hover{transform:translateY(-1px)}.z-work{grid-template-rows:42px minmax(0,1fr)}.timeline-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;display:grid}.timeline-edit{align-items:center;min-width:0;display:flex;overflow:hidden}.timeline-head button:disabled{opacity:.28;cursor:not-allowed;transform:none!important}.timeline-transport{background:#090c0e;border-left:1px solid #283034;border-right:1px solid #283034;justify-content:center;align-items:center;gap:5px;height:100%;padding:0 8px;display:flex}.timeline-transport span{text-align:center;color:#879298;min-width:34px;font:700 8px Courier New,monospace}.timeline-transport button{border-radius:50%;place-items:center;display:grid;border:1px solid #0000!important;width:28px!important;height:27px!important;margin:0!important;padding:0!important}.timeline-transport button:hover{background:#171d20!important;border-color:#3d474c!important}.timeline-transport .main-play{box-shadow:0 0 20px #d7ff4230;background:var(--z-accent)!important;color:#0c0f10!important;border-color:var(--z-accent)!important;width:31px!important;height:31px!important}.timeline-transport .main-play:hover{box-shadow:0 0 28px #d7ff4250;transform:scale(1.08)!important}.zoomline{text-align:right;white-space:nowrap}.timeline-edit button:first-child,.timeline-edit button:nth-child(2){color:#b8c3c8}.timeline-edit button:not(:disabled):first-child:hover,.timeline-edit button:not(:disabled):nth-child(2):hover{color:var(--z-accent)}@media (max-width:800px){.z-work{grid-template-rows:35px minmax(0,1fr)}.timeline-head{grid-template-columns:minmax(0,1fr) auto;gap:2px;padding:0 4px}.timeline-transport{gap:0;padding:0 2px}.timeline-transport span{display:none}.timeline-transport button{width:25px!important;height:25px!important;font-size:8px!important}.timeline-transport .main-play{width:29px!important;height:29px!important}.timeline-edit button{padding:0 5px!important}.zoomline{display:none}}@media (max-width:380px){.timeline-edit button:nth-last-child(-n+2),.timeline-transport button:first-of-type,.timeline-transport button:last-of-type{display:none}}
.home-page,.social-page{color:#f4f7f2;background:#070909;min-height:100vh;font-family:Inter,Arial,sans-serif;overflow:auto}.home-nav,.social-page>header{z-index:3;border-bottom:1px solid #252a28;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,76px);display:flex;position:relative}.home-brand{color:inherit;letter-spacing:.16em;align-items:center;gap:11px;font-weight:900;text-decoration:none;display:flex}.home-brand>b{color:#0a0c0a;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:#d7ff3f;place-items:center;width:34px;height:34px;font:900 22px Courier New;display:grid}.home-brand i{color:#d7ff3f;font-style:normal}.home-nav nav{align-items:center;gap:30px;display:flex}.home-nav nav>a,.social-page>header>a:last-child{color:#8e9993;letter-spacing:.08em;font:700 11px Courier New;text-decoration:none}.home-nav .nav-editor{color:#0b0d0b;background:#d7ff3f;padding:12px 18px}.home-hero{background:radial-gradient(circle at 70% 20%,#25311a 0,#0000 28%),linear-gradient(135deg,#090c0b,#070909 60%);min-height:calc(100vh - 76px);padding:clamp(60px,9vh,110px) clamp(20px,5vw,76px) 40px;position:relative;overflow:hidden}.hero-orbit{pointer-events:none;border:1px solid #d7ff3f1f;border-radius:50%;position:absolute}.orbit-one{width:560px;height:560px;top:-220px;right:-130px}.orbit-two{width:340px;height:340px;top:-110px;right:-20px}.eyebrow{letter-spacing:.18em;color:#91a097;font:700 10px Courier New}.eyebrow i{background:#d7ff3f;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 14px #d7ff3f}.home-hero>h1{letter-spacing:-.075em;max-width:900px;margin:32px 0 28px;font-size:clamp(56px,9vw,126px);line-height:.78}.home-hero>h1 em,.social-page h1 em{color:#d7ff3f;font-style:normal}.hero-copy{color:#9ba59f;max-width:600px;font-size:clamp(15px,1.4vw,19px);line-height:1.7}.choice-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px;display:grid;position:relative}.choice-card{min-height:320px;color:inherit;background:#0c100f;border:1px solid #2b322f;flex-direction:column;padding:24px;text-decoration:none;transition:all .25s;display:flex}.choice-card:hover{background:#101510;border-color:#788f29;transform:translateY(-7px)}.choice-card.featured{color:#0a0c0a;background:#d7ff3f;border-color:#d7ff3f}.choice-top{letter-spacing:.12em;justify-content:space-between;font:700 9px Courier New;display:flex}.choice-top>i{color:#718078;font-style:normal}.featured .choice-top>i{color:#3b4616}.choice-icon{margin:42px 0 24px;font:500 44px Courier New}.choice-card h2{letter-spacing:-.04em;margin:0 0 12px;font-size:27px}.choice-card p{color:#8f9a94;margin:0;font-size:13px;line-height:1.65}.featured p{color:#364016}.choice-card strong{letter-spacing:.08em;border-top:1px solid #28302d;justify-content:space-between;margin-top:auto;padding-top:28px;font:800 10px Courier New;display:flex}.featured strong{border-color:#9cb82c}.choice-card strong i{font-size:16px;font-style:normal}.scroll-note{color:#64706a;letter-spacing:.16em;justify-content:center;gap:12px;margin-top:34px;font:700 8px Courier New;display:flex}.scroll-note i{color:#d7ff3f;font-style:normal}.home-stats{border-top:1px solid #252a28;border-bottom:1px solid #252a28;grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,5vw,76px);display:grid}.home-stats div{border-right:1px solid #252a28;padding:32px 20px}.home-stats div:last-child{border:0}.home-stats b,.home-stats span{display:block}.home-stats b{color:#d7ff3f;font-size:30px}.home-stats span{color:#738078;letter-spacing:.15em;margin-top:7px;font:700 8px Courier New}.home-features{padding:100px clamp(20px,5vw,76px)}.feature-copy{grid-template-columns:1fr 1fr;align-items:end;gap:50px;display:grid}.feature-copy h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(42px,6vw,78px);line-height:.95}.feature-copy p{color:#8d9892;max-width:600px;line-height:1.8}.mini-features{background:#262d29;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;display:grid}.mini-features article{background:#0a0d0c;padding:30px}.mini-features b{color:#d7ff3f;font:700 10px Courier New}.mini-features h3{margin:30px 0 10px;font-size:20px}.mini-features p{color:#7f8a84;font-size:13px;line-height:1.6}.home-page footer{color:#717c76;border-top:1px solid #252a28;justify-content:space-between;align-items:center;padding:30px clamp(20px,5vw,76px);font-size:12px;display:flex}.home-page footer strong{color:#d7ff3f}.home-page footer>a:last-child{color:#d7ff3f;font-weight:800;text-decoration:none}.social-page{background:radial-gradient(circle at 75% 25%,#27351a,#0000 30%),#070909}.social-page section{width:min(900px,90vw);margin:0 auto;padding:clamp(70px,12vh,140px) 0}.social-page h1{letter-spacing:-.07em;margin:30px 0;font-size:clamp(54px,9vw,110px);line-height:.82}.social-page section>p:not(.eyebrow){color:#9ca6a0;max-width:590px;line-height:1.7}.url-box{background:#0d1110;border:1px solid #38413d;max-width:780px;margin-top:45px;padding:8px;display:flex}.url-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px}.url-box button{color:#0a0c0a;background:#d7ff3f;border:0;padding:0 26px;font-weight:900}.link-message{color:#d7ff3f;background:#d7ff3f0c;border:1px solid #627324;max-width:780px;margin-top:12px;padding:16px;font-size:13px}.social-page small{color:#69746e;margin-top:16px;display:block}.social-editor{color:#d7ff3f;margin-top:40px;font-weight:800;text-decoration:none;display:inline-block}@media (max-width:800px){.home-nav nav>a:not(.nav-editor){display:none}.home-nav nav{gap:0}.home-hero{padding-top:64px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:270px}.home-stats{grid-template-columns:1fr 1fr}.home-stats div:nth-child(2){border-right:0}.feature-copy,.mini-features{grid-template-columns:1fr}.home-page footer{flex-direction:column;align-items:flex-start;gap:25px}.url-box{flex-direction:column}.url-box button{height:48px}}@media (max-width:480px){.home-nav{height:64px}.home-nav .nav-editor{padding:10px 12px}.home-hero>h1{font-size:52px}.home-stats b{font-size:22px}.home-stats div{padding:24px 10px}.home-page footer p{margin:0}}.home-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a09c9;animation:.65s cubic-bezier(.2,.8,.2,1) both homeNavIn}.home-brand>b{position:relative;overflow:hidden;box-shadow:0 0 30px #d7ff3f22}.home-brand>b:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:4s ease-in-out 1.2s infinite logoSweep;position:absolute;inset:-80% -35%;transform:rotate(22deg)translate(-180%)}.home-nav a{transition:color .2s,transform .2s,box-shadow .2s}.home-nav a:hover{color:#d7ff3f;transform:translateY(-2px)}.home-nav .nav-editor{animation:3s ease-in-out 2s infinite launchPulse;box-shadow:0 0 #d7ff3f00}.home-nav .nav-editor:hover{color:#10130e;box-shadow:0 0 30px #d7ff3f55}.hero-grid{opacity:.3;background-image:linear-gradient(#d7ff3f0b 1px,#0000 1px),linear-gradient(90deg,#d7ff3f0b 1px,#0000 1px);background-size:58px 58px;animation:16s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero-scan{z-index:1;pointer-events:none;background:linear-gradient(#0000,#d7ff3f08 70%,#d7ff3f2b);border-bottom:1px solid #d7ff3f2e;height:160px;animation:7s linear 1.5s infinite heroScan;position:absolute;top:-180px;left:0;right:0}.hero-orbit{animation:18s linear infinite orbitSpin}.orbit-two{animation-duration:13s;animation-direction:reverse}.hero-orbit i{background:#d7ff3f;border-radius:50%;width:9px;height:9px;position:absolute;top:19%;left:7%;box-shadow:0 0 22px #d7ff3f}.hero-particles{pointer-events:none;position:absolute;inset:0}.hero-particles i{background:#d7ff3f;border-radius:50%;width:4px;height:4px;animation:7s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 12px #d7ff3f}.hero-particles i:first-child{top:18%;left:8%}.hero-particles i:nth-child(2){animation-delay:-2s;top:11%;left:42%}.hero-particles i:nth-child(3){animation-delay:-4s;top:44%;left:78%}.hero-particles i:nth-child(4){animation-delay:-1s;top:70%;left:88%}.hero-particles i:nth-child(5){animation-delay:-5s;top:63%;left:55%}.hero-particles i:nth-child(6){animation-delay:-3s;top:78%;left:23%}.hero-code{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;background:#0b100dd9;border:1px solid #d7ff3f28;width:230px;padding:14px 15px;font:700 8px Courier New;animation:.8s cubic-bezier(.2,.8,.2,1) 1s both codeIn,5s ease-in-out 1.8s infinite codeFloat;position:absolute;top:36%;right:clamp(24px,7vw,110px);box-shadow:0 20px 60px #0008,inset 0 0 35px #d7ff3f05}.hero-code:before{content:"";background:#d7ff3f;border-radius:50%;width:7px;height:7px;margin-bottom:15px;display:block;box-shadow:13px 0 #6f7b74,26px 0 #35413a}.hero-code span,.hero-code b{display:block}.hero-code span{color:#d7ff3f;margin-bottom:11px}.hero-code b{color:#69766e;font-weight:600;line-height:1.9}.hero-code b:before{content:">";color:#d7ff3f;margin-right:7px}.home-hero>.eyebrow{z-index:2;animation:.7s .18s both revealUp;position:relative}.home-hero>h1{z-index:2;animation:.95s cubic-bezier(.16,1,.3,1) .3s both heroTitleIn;position:relative}.home-hero>h1 em{text-shadow:0 0 55px #d7ff3f25;animation:3.2s ease-in-out 1.5s infinite limitGlow;display:inline-block;position:relative}.home-hero>h1 em:after{content:"LIMITS.";color:#8effd8;opacity:0;clip-path:inset(43% 0 39%);animation:5s step-end 2.4s infinite microGlitch;position:absolute;inset:0}.hero-copy{z-index:2;animation:.75s .52s both revealUp;position:relative}.choice-card{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards cardIn;position:relative;overflow:hidden}.choice-card:first-child{animation-delay:.68s}.choice-card:nth-child(2){animation-delay:.8s}.choice-card:nth-child(3){animation-delay:.92s}.choice-card:before{content:"";background:linear-gradient(115deg,#0000 32%,#d7ff3f0d 48%,#0000 64%);transition:transform .65s;position:absolute;inset:0;transform:translate(-130%)}.choice-card.featured:before{background:linear-gradient(115deg,#0000 28%,#fff8 48%,#0000 67%);animation:4.5s ease-in-out 1.8s infinite featuredSweep}.choice-card:hover:before{transform:translate(130%)}.choice-card:hover .choice-icon{transform:translateY(-4px)rotate(-6deg)scale(1.08)}.choice-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.choice-card strong i{transition:transform .25s}.choice-card:hover strong i{transform:translate(4px,-4px)}.scroll-note{animation:.6s 1.18s both revealUp}.scroll-note i{animation:1.5s ease-in-out infinite scrollBounce}.home-marquee{color:#3c453f;letter-spacing:-.06em;white-space:nowrap;background:#0a0d0b;border-top:1px solid #252b27;border-bottom:1px solid #252b27;font:900 clamp(28px,4vw,58px) Courier New;overflow:hidden}.home-marquee>div{align-items:center;gap:32px;width:max-content;padding:15px 0;animation:25s linear infinite marqueeMove;display:flex}.home-marquee i{color:#d7ff3f;font-size:.35em;font-style:normal}.home-stats div{transition:background .25s,transform .25s}.home-stats div:hover{background:#d7ff3f08;transform:translateY(-3px)}.mini-features article{transition:transform .3s,background .3s}.mini-features article:hover{background:#101510;transform:translateY(-8px)}@keyframes homeNavIn{0%{opacity:0;transform:translateY(-100%)}}@keyframes logoSweep{0%,65%{transform:rotate(22deg)translate(-180%)}85%,to{transform:rotate(22deg)translate(180%)}}@keyframes launchPulse{0%,to{box-shadow:0 0 #d7ff3f00}50%{box-shadow:0 0 28px #d7ff3f2d}}@keyframes gridDrift{to{background-position:58px 58px}}@keyframes heroScan{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 240px))}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes particleFloat{0%,to{opacity:.25;transform:translateY(0)scale(.7)}50%{opacity:1;transform:translateY(-28px)scale(1.4)}}@keyframes codeIn{0%{opacity:0;transform:translate(45px)}}@keyframes codeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes heroTitleIn{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(55px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes limitGlow{0%,to{text-shadow:0 0 30px #d7ff3f18}50%{text-shadow:0 0 70px #d7ff3f4a}}@keyframes microGlitch{0%,91%,94%,to{opacity:0;transform:none}92%{opacity:.75;transform:translate(5px,-2px)}93%{opacity:.45;transform:translate(-4px,2px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:none}}@keyframes featuredSweep{0%,58%{transform:translate(-140%)}80%,to{transform:translate(140%)}}@keyframes scrollBounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@keyframes marqueeMove{to{transform:translate(-50%)}}@media (max-width:1050px){.hero-code{opacity:.55;top:28%;right:24px}}@media (max-width:800px){.hero-code{display:none}.home-hero{background:radial-gradient(circle at 85% 8%,#27351a,#0000 36%),#070909}.hero-orbit{opacity:.65}.choice-card{animation-duration:.5s}.home-marquee>div{gap:22px}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.choice-card{opacity:1}.hero-code{transform:none}}
.home-page,.social-page{height:100vh}
.site-ai{z-index:200;position:fixed;bottom:18px;right:18px}.site-ai-fab{color:#10130e;background:#d7ff3f;border:0;border-radius:17px;width:54px;height:54px;font:900 13px Courier New;box-shadow:0 12px 40px #0009,0 0 25px #d7ff3f33}.site-ai-fab i{background:#62f59d;border:2px solid #0a0d0b;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.site-ai-window{background:#0d1110;border:1px solid #39413d;border-radius:18px;grid-template-rows:64px 1fr auto 58px;width:min(360px,100vw - 28px);height:510px;display:grid;position:absolute;bottom:66px;right:0;overflow:hidden;box-shadow:0 25px 80px #000c}.site-ai-window header{background:#111613;border-bottom:1px solid #29302c;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.site-ai-window header span b,.site-ai-window header span small{display:block}.site-ai-window header span b{color:#d7ff3f;letter-spacing:.12em;font:900 12px Courier New}.site-ai-window header small{color:#758078;margin-top:3px;font-size:9px}.site-ai-window header>button{color:#8a958e;background:0 0;border:0;font-size:22px}.site-ai-log{flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.site-ai-log p{border-radius:13px;max-width:88%;margin:0;padding:11px 13px;font-size:12px;line-height:1.5}.site-ai-log .ai{color:#cbd3ce;background:#171e1a;border-bottom-left-radius:3px;align-self:flex-start}.site-ai-log .user{color:#12160e;background:#d7ff3f;border-bottom-right-radius:3px;align-self:flex-end}.site-ai-chips{gap:6px;padding:8px 12px;display:flex;overflow:auto}.site-ai-chips button{white-space:nowrap;color:#aab5ae;background:#131916;border:1px solid #303934;border-radius:20px;padding:7px 9px;font-size:9px}.site-ai-window form{border-top:1px solid #29302c;padding:9px;display:flex}.site-ai-window form input{color:#fff;background:#151b18;border:0;border-radius:10px 0 0 10px;outline:0;flex:1;min-width:0;padding:0 12px}.site-ai-window form button{color:#10130e;background:#d7ff3f;border:0;border-radius:0 10px 10px 0;padding:0 13px;font-weight:900}@media (max-width:600px){.site-ai{bottom:10px;right:10px}.site-ai-window{height:min(520px,75vh);right:0}}
.site-ai{touch-action:none;width:64px;height:64px;bottom:auto;right:auto}.site-ai-fab{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.site-ai-fab:active{cursor:grabbing}.site-ai-window{touch-action:auto;grid-template-rows:62px 39px 1fr auto 58px;position:fixed;bottom:88px;right:18px}.site-ai-tabs{background:#0c100e;border-bottom:1px solid #29302c;grid-template-columns:1fr 1fr;display:grid}.site-ai-tabs button{color:#79857d;background:0 0;border:0;border-bottom:2px solid #0000;font-size:9px;font-weight:800}.site-ai-tabs button.active{color:#d7ff3f;border-bottom-color:#d7ff3f}.site-ai-feedback{color:#aab4ae;flex-direction:column;grid-row:3/-1;gap:12px;padding:16px;display:flex}.site-ai-feedback p{margin:0;font-size:11px;line-height:1.6}.site-ai-feedback textarea{resize:none;color:#fff;background:#151b18;border:1px solid #323b36;border-radius:11px;outline:none;flex:1;min-height:180px;padding:12px}.site-ai-feedback>button{color:#111;background:#d7ff3f;border:0;border-radius:9px;height:42px;font-weight:900}.site-ai-feedback small{color:#6af3aa;text-align:center;font-size:9px}@media (max-width:600px){.site-ai-window{width:calc(100vw - 20px);height:min(520px,75vh);bottom:82px;right:10px}}
.qg-layer{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030504e8;place-items:center;display:grid;position:fixed;inset:0}.qg-card{color:#eff4ee;background:#111614;border:1px solid #3a443d;border-radius:18px;width:min(520px,100vw - 26px);padding:24px;box-shadow:0 30px 100px #000}.qg-card header{justify-content:space-between;display:flex}.qg-card header span{letter-spacing:.16em;color:#d7ff3f;font:800 8px Courier New}.qg-card h2{margin:6px 0;font-size:24px}.qg-card header button{color:#89948d;background:0 0;border:0;font-size:22px}.qg-card>p{color:#87928b;font-size:11px;line-height:1.55}.qg-options{grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 12px;display:grid}.qg-options button{color:#bec7c1;background:#171d19;border:1px solid #323b35;border-radius:10px;height:76px;position:relative}.qg-options button.selected{background:#d7ff3f0b;border-color:#d7ff3f;box-shadow:inset 0 0 0 1px #d7ff3f}.qg-options b,.qg-options span{display:block}.qg-options b{font-size:18px}.qg-options span{color:#7e8982;margin-top:5px;font:800 7px Courier New}.qg-options .pro span,.qg-options .pro i{color:#bd9bff}.qg-options i{font-size:8px;font-style:normal;position:absolute;top:5px;right:6px}.qg-note{border:1px solid #2d3530;border-radius:9px;justify-content:space-between;align-items:center;padding:12px;display:flex}.qg-note b,.qg-note span{font-size:9px}.qg-note span{color:#7c8780}.qg-main{color:#10130e;background:#d7ff3f;border:0;border-radius:10px;width:100%;height:46px;margin-top:14px;font-weight:900}.qg-pro-mark{color:#bd9bff;background:#a679ff1c;border:1px solid #a679ff;border-radius:20px;place-items:center;width:68px;height:68px;margin:20px auto;font-size:28px;display:grid}.qg-card h3{text-align:center}.qg-card ul{color:#a7b1aa;font-size:11px;line-height:2}.qg-price{text-align:center;margin:12px}.qg-price b{color:#d7ff3f;font-size:30px}.qg-price span{color:#778179}.qg-free{color:#9ba69f;background:0 0;border:0;width:100%;height:38px}.qg-message{text-align:center;background:#e6ce750c;padding:10px;color:#e6ce75!important}.player .main-play{font-size:19px;position:relative;color:#10130e!important;background:#d7ff3f!important;width:52px!important;height:52px!important;box-shadow:0 0 0 5px #d7ff3f18,0 0 28px #d7ff3f30!important}.player .main-play:after{content:"PLAY / PAUSE";white-space:nowrap;color:#7d8881;font:700 7px Courier New;position:absolute;top:58px;left:50%;transform:translate(-50%)}.z-work{grid-template-rows:42px minmax(0,1fr) 72px!important}.player{gap:19px!important}@media (max-width:520px){.qg-options{grid-template-columns:1fr 1fr}.qg-card{max-height:92vh;overflow:auto}}
.ie-top nav button{transition:transform .16s,border-color .16s,background .16s,color .16s}.ie-top nav button:hover:not(:disabled){border-color:#687731;transform:translateY(-1px)}.ie-top nav button:disabled{opacity:.28;cursor:not-allowed}.ie-top nav .ie-history{justify-content:center;align-items:center;gap:5px;min-width:66px;display:flex}.ie-top nav .ie-history:not(:disabled){color:var(--ie-lime)}@media (max-width:760px){.ie-top nav{gap:4px}.ie-top nav button.ie-history{width:34px;min-width:34px;padding:0;display:flex}.ie-top nav .ie-history span,.ie-top nav button:not(.primary):not(.ie-history){display:none}.ie-top nav .primary{padding:0 11px}}
@media (min-width:801px){.advanced-editor .z-properties{display:block!important}.advanced-editor .timeline-head{grid-template-columns:minmax(0,1fr) auto auto}.advanced-editor .timeline-transport{border-right:0;grid-column:3;margin-left:auto}}.advanced-editor{background:radial-gradient(circle at 52% 20%,#162019 0,#0000 34%),#070909}.advanced-editor .z-work{grid-template-rows:42px minmax(0,1fr)}.advanced-editor .preview-top i{color:#d7ff42;font-style:normal}.advanced-editor .preview-stage{background:radial-gradient(circle,#121814,#080a09 67%);overflow:hidden}.composite-preview{isolation:isolate;background:#020303;overflow:hidden;filter:none!important}.visual-layer{transform-origin:50%;touch-action:none;line-height:0;position:absolute;transform:translate(-50%,-50%)}.visual-layer>video,.visual-layer>img{display:none}.visual-layer>canvas{object-fit:contain;width:100%;height:auto;max-height:100%;display:block;filter:none!important}.visual-layer.selected:after{content:"";pointer-events:none;border:1px solid #d7ff42;position:absolute;inset:0;box-shadow:0 0 0 1px #0008}.layer-badge{z-index:10;color:#0d110d;white-space:nowrap;background:#d7ff42;padding:4px 6px;font:800 7px/1 Courier New;position:absolute;top:-20px;left:0}.video-cleanup-region{z-index:12!important;color:#ffcf52!important;cursor:move!important;touch-action:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffcf5214!important;border:1px dashed #ffcf52!important;border-radius:1px!important;place-items:center!important;min-width:20px!important;height:auto!important;min-height:16px!important;margin:0!important;padding:0!important;font:800 6px Courier New!important;display:grid!important;position:absolute!important}.selected-meta{background:#141a17;border:1px solid #2d3732;border-radius:7px;grid-template-columns:36px 1fr;align-items:center;gap:9px;margin:6px 0 14px;padding:9px;display:grid}.selected-meta>i{color:#d7ff42;background:#222b24;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.selected-meta b,.selected-meta small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.selected-meta b{font-size:9px}.selected-meta small{color:#78847d;margin-top:4px;font-size:7px}.advanced-controls label{grid-template-columns:64px minmax(60px,1fr) 39px}.advanced-controls label span{text-align:right;color:#d7ff42;font:700 7px Courier New}.prop-split{grid-template-columns:1fr 1fr;gap:4px;display:grid}.prop-split button{text-align:center}.delete-clip{color:#ff8f9d;background:#241518;border:1px solid #66343a;border-radius:5px;width:100%;height:34px;font-size:9px}.overlay-import{margin-top:7px!important}.text-style-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;display:grid}.text-style-grid button{background:#0c100e;border:1px solid #303a35;border-radius:5px;min-height:42px;font-size:9px;font-weight:900}.text-neon{text-shadow:0 0 8px,0 0 22px!important}.text-serif{font-family:Georgia,serif!important}.text-mono{letter-spacing:.08em;font-family:Courier New,monospace!important}.text-pop{transform:translate(-50%,-50%)rotate(-2deg)!important}.text-cinema{letter-spacing:.13em}.text-minimal{font-weight:500!important}.text-breaking{background:#eb4438;padding:.12em .3em;text-shadow:none!important}.ai-tool{background:linear-gradient(135deg,#142019,#111517);border:1px solid #2e3b34;border-radius:7px;gap:6px;margin:12px 0;padding:11px;display:grid}.ai-tool b{color:#d7ff42;font-size:10px}.ai-tool span{color:#7e8b83;font-size:8px}.ai-tool button{color:#dce6df;background:#1a231e;border:1px solid #425047;border-radius:4px;height:32px;font-size:8px}.filter-grid.expanded{grid-template-columns:repeat(3,1fr)}.lane-controls{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.lane-controls button{color:#c8d2cc;background:#171e1a;border:1px solid #364139;border-radius:4px;height:34px;font-size:8px}.cleanup-range{color:#9aa69f;grid-column:1/-1;font-size:8px;display:block!important}.cleanup-range span{float:right;color:#d7ff42}.cleanup-range input{accent-color:#d7ff42;width:100%;margin-top:6px;display:block}.advanced-editor .z-timeline{grid-template-rows:40px minmax(0,1fr)}.advanced-editor .timeline-head{gap:8px;padding:0 8px;display:grid}.advanced-editor .timeline-edit{overflow:visible}.advanced-editor .timeline-body{min-height:0;overflow:hidden}.advanced-editor .track-names,.advanced-editor .track-space{scrollbar-width:thin;scrollbar-color:#354039 #101411;overflow-y:auto}.advanced-editor .track-names{padding-top:24px}.advanced-editor .track-space{padding-top:24px;overflow-x:hidden}.advanced-editor .track{min-width:0;display:block;position:relative}.advanced-editor .track button{cursor:grab;touch-action:none;min-width:42px;height:38px;margin:0;position:absolute;top:8px}.advanced-editor .track button.dragging{cursor:grabbing;opacity:.78;box-shadow:0 0 0 2px #d7ff42}.advanced-editor .visual-track button{background:#243b32;border-color:#4e7563}.advanced-editor .visual-track:nth-of-type(2n) button{background:#22343d;border-color:#496c78}.advanced-editor .timeline-cursor{top:18px}.advanced-editor .timeline-transport .main-play{font-size:12px!important}@media (max-width:800px){.advanced-editor .z-properties{display:none!important}.advanced-editor .z-timeline{height:174px}.advanced-editor .z-work{padding-bottom:174px}.advanced-editor .timeline-head{grid-template-columns:minmax(0,1fr) auto;gap:2px}.advanced-editor .zoomline{display:none}.advanced-editor .timeline-transport{border-right:0;grid-column:2;margin-left:auto}.advanced-editor .track-names,.advanced-editor .track-space{padding-top:18px}.advanced-editor .track button{height:27px;top:4px}.visual-layer .layer-badge{top:3px;left:3px}.filter-grid.expanded{grid-template-columns:repeat(4,1fr)}.text-style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.filter-grid.expanded{grid-template-columns:repeat(3,1fr)}}
.auth-actions{align-items:center;gap:7px;display:flex}.auth-actions>button,.auth-actions.signed-in>button{color:#c8d0cb;letter-spacing:.05em;background:#0d1210;border:1px solid #343d38;height:38px;padding:0 14px;font:800 10px Courier New}.auth-actions>button.register{color:#111;background:#d7ff3f;border-color:#d7ff3f}.auth-actions.loading{background:linear-gradient(90deg,#111714,#1a231b,#111714) 0 0/200% 100%;border-radius:4px;width:120px;height:38px;animation:1s linear infinite authLoad}.auth-actions.signed-in span{white-space:nowrap;text-overflow:ellipsis;color:#cbd4ce;align-items:center;gap:7px;max-width:150px;font:800 10px Courier New;display:flex;overflow:hidden}.auth-actions.signed-in span i{background:#d7ff3f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #d7ff3f}.auth-layer{z-index:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020403eb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-card{color:#eef4ef;background:radial-gradient(circle at 90% 0,#25311a,#0000 32%),#0d1210;border:1px solid #3a463e;border-radius:18px;width:min(470px,100%);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 30px 100px #000}.auth-terminal{color:#68766d;letter-spacing:.12em;border-bottom:1px solid #28312b;justify-content:space-between;align-items:center;height:31px;font:700 8px Courier New;display:flex}.auth-terminal i{color:#d7ff3f;font-style:normal}.auth-terminal i:before{content:"";background:#d7ff3f;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #d7ff3f}.auth-card>header{justify-content:space-between;align-items:flex-start;margin-top:23px;display:flex}.auth-card>header b{color:#d7ff3f;letter-spacing:.16em;font:800 9px Courier New}.auth-card h2{letter-spacing:-.04em;margin:7px 0;font-size:29px}.auth-card>header>button{color:#7d8981;background:0 0;border:0;font-size:25px}.auth-card>p{color:#87948c;margin:0 0 20px;font-size:13px;line-height:1.6}.auth-card form{gap:13px;display:grid}.auth-card label{color:#8d9a92;letter-spacing:.08em;font:800 9px Courier New}.auth-card input{color:#fff;background:#121915;border:1px solid #344038;border-radius:8px;outline:0;width:100%;height:47px;margin-top:7px;padding:0 13px;font-size:14px;display:block}.auth-card input:focus{border-color:#d7ff3f;box-shadow:0 0 0 3px #d7ff3f14}.auth-submit{color:#111;background:#d7ff3f;border:0;border-radius:8px;height:49px;margin-top:5px;font-weight:900}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-error{color:#ffadb6;background:#41151a55;border:1px solid #753b42;border-radius:7px;padding:11px;font-size:12px;line-height:1.45}.auth-card>footer{color:#79857d;justify-content:center;gap:6px;margin-top:19px;font-size:12px;display:flex}.auth-card>footer button{color:#d7ff3f;background:0 0;border:0;font-weight:800}.qg-account{color:#819087;border:1px solid #303a34;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:10px;display:flex}.qg-account b{color:#d7ff3f}.qg-unavailable{color:#6e7a72;cursor:not-allowed;background:#171d19;border:1px solid #3a443e;border-radius:10px;width:100%;height:46px;margin-top:14px;font-weight:900}@keyframes authLoad{to{background-position:-200% 0}}@media (max-width:800px){.home-nav nav>a{display:none!important}.home-nav nav{gap:9px}.auth-actions>button{padding:0 10px}.auth-actions.signed-in span{max-width:90px}.auth-actions.signed-in>button{padding:0 9px}}@media (max-width:480px){.home-nav{padding:0 13px}.home-brand span{font-size:11px}.auth-actions>button{height:34px;font-size:9px}.auth-actions.signed-in span{display:none}.auth-card{padding:18px}}