/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-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;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-fit{width:fit-content;height:fit-content}.shrink{flex-shrink:1}.grow{flex-grow:1}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-data-\[current-toolbar\=annotation\]\/canvas\:pointer-events-none:is(:where(.group\/canvas)[data-current-toolbar=annotation] *){pointer-events:none}@media (hover:hover){.hover\:z-20\!:hover{z-index:20!important}}.has-\[button\[data-state\=open\]\]\:z-20\!:has(:is(button[data-state=open])){z-index:20!important}@media (min-width:40rem){@media (hover:hover){.sm\:hover\:z-20\!:hover{z-index:20!important}}}.\[\&\:has\(input\:focus\,textarea\:focus\)\]\:z-20\!:has(input:focus,textarea:focus){z-index:20!important}}:root{color-scheme:dark;--base:#090a0d;--panel:#121318;--panel-2:#1a1b21;--raised:#24252b;--raised-hover:#303139;--line:#292a31;--muted:#92949f;--muted2:#626570;--text:#f0f1f3;--yellow:#f6d332;--danger:#fa6b68;--font-body:"DM Sans",Inter,system-ui,sans-serif;--font-display:Manrope,"DM Sans",sans-serif}*{box-sizing:border-box}body,html{background:var(--base);min-height:100%;color:var(--text);font-family:var(--font-body);margin:0;font-size:13px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #ff6b6b}button:active:not(:disabled){transform:translateY(1px)}.app{background:var(--base);flex-direction:column;width:100vw;min-width:790px;height:100dvh;min-height:570px;display:flex;position:relative;overflow:hidden}.topbar{z-index:12;background:#0c0d10;border-bottom:1px solid #222329;flex:0 0 57px;gap:20px;height:57px;padding:0 16px 0 21px}.brand,.topbar{align-items:center;display:flex}.brand{gap:10px;min-width:max-content;height:100%}.brandMark{color:#071716;border-radius:8px;place-items:center;width:27px;height:25px;display:grid;position:relative;box-shadow:0 2px 14px #e5484d2a}.brandMark span{font:800 21px var(--font-display);color:#052724;transform:translateY(-1px)}.brandMark i{background:#d9ff62;border:1px solid #0c0d10;border-radius:50%;width:7px;height:7px;position:absolute;bottom:4px;right:-2px}.brandWords{font:750 14px var(--font-display);letter-spacing:-.45px;align-items:baseline;gap:8px;display:flex}.brandWords span{font:700 8px var(--font-body);letter-spacing:1.15px;color:#a8abb4}.headerSep{border-left:1px solid #303139;height:21px;margin:0 2px}.headerActions,.topNav{align-items:center;gap:5px;height:100%;display:flex}.topNav{flex:1;gap:4px}.navButton,.navLink{color:#a4a7b0;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.navButton{color:#f0f1f4;background:#28292f;font-weight:600}.iconButton:hover,.navLink:hover{color:#fff;background:#272830}.headerActions{gap:5px;margin-left:auto}.iconButton{color:#a2a5af;background:0 0;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-grid}.topIcon{width:34px}.exportMain{background:linear-gradient(125deg,var(--brand-red),var(--brand-red));color:#f7ffff;white-space:nowrap;border-radius:22px 0 0 22px;height:38px;margin-left:3px;font-size:12px}.exportMain,.exportMain>span{align-items:center;display:flex}.exportMain>span{gap:6px}.exportMain b{font-weight:700}.exportMain small{color:#ccf6f3;font-size:10px}.exportMain>svg:first-child{border:1px solid #d1fffa;border-radius:50%;padding:2px}.exportMain>svg:last-child{cursor:pointer}.exportSettings{color:#fff;border-left:1px solid #ffffff3a;border-radius:0 20px 20px 0;width:39px;margin-left:-5px}.editorGrid{flex:1;grid-template-columns:244px minmax(380px,1fr) 304px;gap:12px;min-height:0;padding:10px 12px 9px 10px;display:grid}.leftRail{min-height:0;position:relative}.leftRail,.selectionBox{flex-direction:column;display:flex}.selectionBox{z-index:4;background:#17181d;border:1px solid #2d2e35;border-radius:22px;gap:7px}.selectPill{color:#f0f0f3;background:#2a2b31;border-radius:24px;align-items:center;gap:11px;width:100%;height:43px;padding:0 13px;transition:all .15s;display:flex}.selectPill:hover{background:#35363e}.selectPill.active{background:var(--brand-red)}.selectPill b{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:650;overflow:hidden}.selectPill>svg:last-child{color:#b7b8be}.presetList{scrollbar-width:thin;scrollbar-color:#3b3d44 transparent;flex-direction:column;flex:1;gap:7px;min-height:0;margin-top:10px;padding:4px 4px 4px 3px;display:flex;overflow:auto}.presetCard{background:linear-gradient(145deg,#076ac6,#48bae1 40%,#082e8c);border:1px solid #36373e;border-radius:22px;flex:1 0 132px;min-height:132px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.presetCard:before{content:"";background:linear-gradient(150deg,#e5484d55,#083ba8 50%,#071238);border-radius:50% 45% 0 0;position:absolute;inset:48% -30% -28%;transform:rotate(-13deg)}.presetCard:after{content:"";opacity:.75;background:linear-gradient(170deg,#0000 20%,#c7e7ed80 48%,#0000 50%);position:absolute;inset:0}.presetCard.active{border:2px solid var(--brand-red);box-shadow:0 0 0 2px #e5484d4a,inset 0 0 0 1px #e5484d4a}.presetArt{z-index:1;transform-origin:50%;background:0 0;width:61px;height:112px;margin:-56px 0 0 -30px;transition:transform .2s;position:absolute;top:50%;left:50%}.presetPhone{background:#111216;border:2px solid #77797b;border-radius:16px;width:100%;height:100%;position:relative;box-shadow:0 4px 14px #0009}.presetPhone span{background:#030405;border-radius:8px;width:21px;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.presetCard:nth-child(4n) .presetPhone{width:76px;margin-left:-8px}.presetCard:nth-child(4n+1):not(:first-child) .presetPhone{width:49px;margin-left:6px}.presetCard small{z-index:3;opacity:0;color:#fff;background:#111b;border-radius:8px;padding:3px 6px;font-size:9px;position:absolute;bottom:7px;left:7px}.presetCard:hover small{opacity:1}.railFoot{color:#666976;align-items:center;gap:5px;height:34px;padding:0 4px;display:flex}.railFoot .iconButton{width:29px;height:29px}.railFoot span{color:#747782;margin-left:auto;font-size:10px}.centerArea{flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:0 1px}.canvasStage,.centerArea{min-height:0;display:flex;position:relative}.canvasStage{justify-content:center;width:100%;padding-top:0}.canvasShell{width:min(100%,calc((100dvh - 140px) * var(--ratio,1.333)));background:#101217;border-radius:25px;flex:0 auto;height:auto;max-height:100%;transition:aspect-ratio .2s;position:relative;overflow:hidden;box-shadow:0 13px 42px #0004}.canvasShell canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.canvasShell canvas:active{cursor:grabbing}.canvasAdd{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f3f4f52a;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .16s,background .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvasAdd:hover{background:#ffffff4a;transform:translate(-50%,-50%)scale(1.08)}.canvasHint{text-align:center;color:#ffffffae;pointer-events:none;opacity:0;font-size:10px;transition:opacity .16s;position:absolute;bottom:13px;left:0;right:0}.canvasShell:hover .canvasHint{opacity:1}.dropOverlay{z-index:20;box-sizing:border-box;border-radius:inherit;color:#fff;pointer-events:none;background:#e5484d5a;border:2px dashed #ff6b6b;gap:10px;font-size:17px;font-weight:650;position:absolute;inset:0}.dropOverlay,.toolDock{justify-content:center;align-items:center;display:flex}.toolDock{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#17181de8;border:1px solid #303138;border-radius:38px;flex:none;gap:5px;max-width:100%;min-height:62px;padding:7px 9px;position:relative;box-shadow:0 8px 35px #0005}.toolButton{color:#e1e2e6;white-space:nowrap;background:#292a30;border-radius:25px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 16px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.toolButton.selected,.toolButton:hover{background:var(--brand-red);color:#fff}.paletteTool{padding:0 9px}.miniWallpaper{background:linear-gradient(150deg,#56c8e5 10%,#133fb4 45%,#e6d098 55%,#1780b4);border:1px solid #fff3;border-radius:50%;width:25px;height:25px;display:inline-block}.swatchRow{align-items:center;gap:7px;padding:0 7px;display:flex}.tinySwatch{border:1px solid #ffffff4c;border-radius:50%;width:18px;height:18px}.tinySwatch.selected{outline-offset:2px;outline:2px solid #fff}.toolButton.danger:hover{background:#9f3637}.rightRail{border-radius:24px 24px 0 0;flex-direction:column;min-height:0;display:flex;position:relative}.themeHeader{flex:none;justify-content:flex-end;gap:10px;height:44px;margin:-1px 0 9px;padding:0 1px}.themeHeader,.themeSelect{align-items:center;display:flex}.themeSelect{color:#c8c9cf;white-space:nowrap;text-overflow:ellipsis;background:0 0;gap:8px;max-width:180px;overflow:hidden}.themeSelect svg{opacity:.6}.saveTheme{color:#fff;border-radius:22px;align-items:center;gap:7px;height:36px;padding:0 15px;font-size:12px;font-weight:650;display:flex}.sideScroll{scrollbar-width:thin;scrollbar-color:#45464d transparent;flex:1;min-height:0;padding-bottom:8px;overflow:auto}.sideCard{background:linear-gradient(135deg,#17181d,#141519);border:1px solid #2d2e35;border-radius:23px;margin-bottom:10px;padding:16px 16px 15px;box-shadow:0 4px 12px #0002}.sideTitle{justify-content:space-between;min-height:25px;margin:0 0 13px}.sideTitle,.sideTitle>b{align-items:center;display:flex}.sideTitle>b{font:700 15px var(--font-display);letter-spacing:-.3px;gap:9px}.sideTitle>b svg{color:#d5d7db}.sideTitle .iconButton{width:27px;height:27px}.sideTitleButton{text-align:left;cursor:pointer;background:0 0;width:100%;margin:0}.chipGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.controlChip{color:#f0f0f2;background:#292a30;border-radius:23px;justify-content:center;align-items:center;gap:8px;height:39px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.controlChip svg{color:#c7c8ce}.controlChip.selected,.controlChip:hover{color:#fff;background:#373840}.autoPanel{background:linear-gradient(145deg,#222329,#191a1f);border:1px solid #25262c;border-radius:17px;margin-top:13px;padding:14px 14px 13px}.autoTitle{color:#e9cd42;align-items:center;gap:7px;font-size:11px;display:flex}.autoTitle b{color:#e7e8eb;font-weight:650}.autoTitle .iconButton{width:25px;height:25px;margin-left:auto}.autoPanel p{color:#a1a3ad;margin:8px 0 0;font-size:11px;line-height:1.35}.backgroundTypes{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 10px;display:grid}.bgType{color:#b1b2bb;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:71px;font-size:10px;display:flex}.bgType.selected{color:#fff;background:#26272d}.bgTypeSwatch{color:#fff;background:#191a20;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.bgTypeSwatch.none{background:conic-gradient(#111 25%,#56565c 0 50%,#111 0 75%,#56565c 0);background-size:13px 13px}.bgTypeSwatch.gradient{background:linear-gradient(140deg,#eabc45,#a75ce9)}.bgTypeSwatch.image{background:var(--brand-red);color:#fff}.bgType:hover{background:#202126}.uploadRow{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;display:grid}.uploadRow button{background:#292a30;border-radius:24px;justify-content:center;align-items:center;gap:8px;height:38px;font-size:11px;font-weight:600;display:flex}.uploadRow button:hover{background:#34353d}.wallGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.wallChip{aspect-ratio:1.43;background:#272830;border:2px solid #0000;border-radius:13px;height:auto;padding:0;position:relative;overflow:hidden}.wallChip canvas{object-fit:cover;width:100%;height:100%;display:block}.wallChip.selected{border-color:var(--brand-red);box-shadow:0 0 0 2px #e5484d47}.wallChip svg{background:var(--brand-red);color:#fff;border-radius:50%;width:19px;height:19px;padding:2px;position:absolute;top:5px;right:5px}.wallChip:hover{filter:brightness(1.16)}.colorControls{gap:7px;margin:9px 0;display:grid}.colorControls label,.field{color:#aeb0b9;justify-content:space-between;align-items:center;font-size:11px;display:flex}.colorControls label input,.colorInput{background:#222329;border:1px solid #41424a;border-radius:8px;width:39px;height:25px;padding:2px}.controlSection{border-top:1px solid #2c2d34;flex-direction:column;gap:11px;margin-top:12px;padding-top:12px;display:flex}.sectionLabel{color:#9a9da6;margin-top:1px;font-size:10px}.choiceRow{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.smallPill{color:#c0c1c8;background:#292a30;border-radius:19px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 13px;font-size:11px;display:inline-flex}.smallPill.active{background:var(--brand-red);color:#fff}.sliderRow{color:#a5a7b0;grid-template-columns:70px 1fr 43px;align-items:center;gap:8px;font-size:10px;display:grid}.sliderRow input[type=range]{appearance:none;background:#393a42;border-radius:8px;outline:none;width:100%;height:4px;padding:0}.sliderRow input[type=range]::-webkit-slider-thumb{appearance:none;background:#e6e7ea;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0007}.sliderRow input[type=range]::-moz-range-thumb{background:#e6e7ea;border:2px solid #fff;border-radius:50%;width:11px;height:11px}.sliderRow output{text-align:right;color:#dfdfe3;font-size:10px}.field>span{color:#aeb0b9}.numberInput{background:#24252b;border:1px solid #36373e;border-radius:8px;align-items:center;gap:5px;height:29px;padding:0 7px;display:flex}.numberInput input{text-align:right;background:0 0;border:0;outline:0;width:48px;font-size:11px}.numberInput span{color:#8e9099;font-size:10px}.twoFields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shadowCard .sideTitle{margin-bottom:8px}.shadowCard .choiceRow{margin:5px 0 10px}.sectionLabel{display:block}.helperText{color:#9da0aa;margin:2px 0 12px;font-size:11px;line-height:1.5}.emptyPanel{color:#9da0a8;flex-direction:column;align-items:center;gap:8px;padding:22px 8px;font-size:11px;display:flex}.annotationItem,.themeItem{border-top:1px solid #282930;justify-content:space-between;align-items:center;height:40px;display:flex}.annotationItem>span{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;max-width:215px;overflow:hidden}.themeNameRow{gap:6px;display:flex}.draftSave input,.themeNameRow input{background:#202127;border:1px solid #34353c;border-radius:10px;flex:1;min-width:0;height:35px;padding:0 10px;font-size:11px}.accentButton{background:var(--brand-red);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;height:35px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.savedThemes{margin-top:9px}.themeItem>button:first-child{background:0 0;align-items:center;gap:9px;display:flex}.themeSwatch{border-radius:8px;width:25px;height:25px}.themeItem b{font-size:11px;font-weight:600}.motionGrid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.motionOption{color:#bcbec6;background:#22232a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:72px;display:flex}.motionOption.selected{background:var(--brand-red);color:#fff;box-shadow:inset 0 0 0 1px var(--brand-red)}.motionGlyph{color:#e0e2e6;background:#303139;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.motionOption.selected .motionGlyph{background:#ffffff24}.motionOption small{font-size:10px}.motionGlyph.float{animation:glyphFloat 2s ease-in-out infinite}.motionGlyph.orbit{animation:glyphOrbit 3s linear infinite}.motionGlyph.zoom{animation:glyphZoom 2.6s ease-in-out infinite}.motionGlyph.swing{animation:glyphSwing 2s ease-in-out infinite}.wideButton{background:#25262c;border:1px solid #383941;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:37px;margin-top:11px;font-size:11px;display:flex}.wideButton:hover{background:#32333a}.muted{color:#898b95}.selectControl{background:#23242a;border:1px solid #35363e;border-radius:10px;width:100%;height:36px;padding:0 10px}.inlineControls{padding:9px 5px 2px;animation:slideIn .16s both}.inlineControls .controlSection{margin-top:0}.patternGrid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.patternOption{color:#aaacb5;background:#23242a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:61px;font-size:10px;display:flex}.patternOption.selected{box-shadow:inset 0 0 0 1px var(--brand-red);color:#fff}.patternPreview{background:#22242b;border:1px solid #404149;border-radius:5px;width:36px;height:25px}.patternPreview.grid{background-image:linear-gradient(#68707a 1px,#0000 0),linear-gradient(90deg,#68707a 1px,#0000 0);background-size:7px 7px}.patternPreview.dots{background-image:radial-gradient(#89909a 1px,#0000 0);background-size:6px 6px}.patternPreview.lines{background:repeating-linear-gradient(135deg,#40434b 0 2px,#1d1e23 2px 6px)}.positionCard .segmented{margin-bottom:12px}.miniPreview{background:linear-gradient(130deg,#246fbd,#adcad5 45%,#087ba4 50%,#174d9b);border-radius:15px;place-items:center;height:118px;display:grid;overflow:hidden}.deviceMini{color:#b0b6bd;background:linear-gradient(125deg,#27292c,#08090b);border:2px solid #8f9194;border-radius:9px;place-items:center;width:29px;height:54px;display:grid;position:relative;box-shadow:0 5px 12px #0008}.deviceMini:after{content:"";background:#050506;border-radius:4px;width:9px;height:3px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.deviceMini.tablet{border-radius:6px;width:47px;height:38px}.deviceMini.laptop{border-radius:5px;width:53px;height:36px}.deviceMini.desktop{border-radius:4px;width:56px;height:36px}.deviceMini.watch{border-radius:9px;width:25px;height:31px}.deviceMini.browser{border-radius:5px;width:53px;height:36px}.positionCard .sliderRow{grid-template-columns:78px 1fr 43px}.twoFields .field{gap:4px}.positionCard .controlSection{gap:12px}.timeline{background:#17181d;border:1px solid #2f3037;border-radius:22px;flex-direction:column;flex:none;width:100%;height:248px;padding:10px 12px 11px;display:flex;box-shadow:0 8px 24px #0004}.timelineTop{flex:none;justify-content:space-between;align-items:center;gap:8px;height:42px;display:flex}.roundIcon{background:#2e2f36;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.timelineTop .smallPill{height:36px}.playButton{background:var(--brand-red);color:#fff;border-radius:24px;align-items:center;gap:8px;height:38px;padding:0 17px;font-size:12px;font-weight:650;display:flex}.timelineClock{color:#9da0a8;white-space:nowrap;font-size:10px}.ruler{color:#73757e;border-bottom:1px solid #33343a;flex:none;justify-content:space-between;align-items:center;height:31px;margin-top:4px;font-size:9px;display:flex}.track{background:#24252a;border-radius:0 0 12px 12px;flex:none;height:67px;margin-top:3px;position:relative;overflow:hidden}.track button{color:#a8aab3;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;height:100%;padding:0 17px;font-size:11px;display:flex}.playhead{z-index:2;width:2px;transition:left .2s;bottom:0}.playhead,.playhead:before{background:var(--brand-red);position:absolute;top:0}.playhead:before{content:"";border-radius:0 0 5px 5px;width:10px;height:10px;left:-4px}.timelineLength{align-items:center;gap:12px;margin-top:9px;display:flex}.timelineLength .sliderRow{flex:1}.timelineLength>span{color:#7e818b;white-space:nowrap;font-size:9px}.timelineLength .controlSection{border:0;margin:0;padding:0}.segmented{background:#23242a;border-radius:23px;gap:3px;height:39px;padding:3px}.segmented,.segmented button{align-items:center;display:flex}.segmented button{color:#aeb0b8;background:0 0;border-radius:20px;flex:1;justify-content:center;gap:5px;height:33px;font-size:11px;font-weight:600}.segmented button.active{color:#fff;background:#36373f}.segmented.quality{height:36px;margin-top:9px}.segmented.quality button{height:30px}.exportMeta{color:#a6a8b1;border-bottom:1px solid #2b2c32;justify-content:space-between;align-items:center;height:38px;font-size:11px;display:flex}.exportMeta b{color:#d9dae0;background:#282930;border-radius:12px;padding:5px 9px;font-size:10px;font-weight:550}.exportMotion{background:var(--brand-red);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:35px;margin-top:9px;font-size:11px;font-weight:600;display:flex}.field input[type=number]::-webkit-inner-spin-button{opacity:.35}.scrimClear{z-index:10;cursor:default;background:0 0;position:fixed;inset:57px 0 0}.popover{z-index:20;background:#17181d;border:1px solid #35363e;border-radius:23px;width:358px;max-height:min(720px,100dvh - 85px);animation:popIn .15s both;position:absolute;top:64px;left:18px;overflow:hidden;box-shadow:0 20px 60px #000b}.devicePopover{flex-direction:column;width:368px;display:flex;left:18px}.popSearch{color:#989ba4;border-bottom:1px solid #2c2d33;flex:none;align-items:center;gap:9px;height:48px;padding:0 15px;display:flex}.popSearch input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.deviceGrid{grid-template-columns:repeat(3,1fr);gap:7px;max-height:420px;padding:9px;display:grid;overflow:auto}.deviceOption{color:#d6d7dc;background:#17181d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:110px;display:flex}.deviceOption:hover{background:#282930}.deviceOption.selected{box-shadow:inset 0 0 0 1px var(--brand-red);background:#303139}.deviceOption b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:600;overflow:hidden}.deviceOption small{color:#898c97;font-size:9px}.deviceMini.phone{width:25px;height:42px}.deviceMini.tablet{width:39px;height:30px}.deviceMini.laptop{width:39px;height:27px}.deviceMini.desktop{width:41px;height:28px}.popFooter{border-top:1px solid #2a2b31;flex:none;align-items:center;gap:9px;min-height:49px;padding:7px 12px;display:flex}.popFooter>span:first-child{color:#9b9da6;margin-right:auto;font-size:10px}.frameSwatch{border:1px solid #fff5;border-radius:50%;width:23px;height:23px}.frameSwatch.swatchChosen{outline:2px solid var(--brand-red);outline-offset:2px}.popFooter .smallPill{min-height:29px;padding:0 11px;font-size:10px}.ratioGrid{grid-template-columns:repeat(3,1fr);gap:12px 9px;max-height:385px;padding:12px;display:grid;overflow:auto}.ratioOption{color:#afb1ba;background:0 0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:88px;display:flex}.ratioOption:hover{background:#292a30}.ratioOption.selected{color:#fff;background:#27282f}.ratioOption>span{aspect-ratio:1.333;background:#36373f;border-radius:7px;width:55px;max-width:68px;height:auto;max-height:41px}.ratioOption.selected>span{background:var(--brand-red)}.ratioOption b{font-size:10px}.ratioOption small{color:#82858f;font-size:9px}.customRatio{border-top:1px solid #2c2d33;align-items:center;gap:8px;padding:11px;display:flex}.customRatio input{text-align:center;background:#222329;border:1px solid #383941;border-radius:9px;width:70px;min-width:0;height:31px;font-size:11px}.customRatio>span{color:#8b8d96}.customRatio button{background:var(--brand-red);border-radius:17px;height:32px;margin-left:auto;padding:0 13px;font-size:10px;font-weight:600}.exportPopover{border-radius:17px;width:246px;padding:9px 11px 12px;top:48px;left:auto;right:17px}.draftsPopover{border-radius:17px;width:335px;padding:13px;top:47px;left:auto;right:74px}.popoverTitle{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.popoverTitle b{font:700 15px var(--font-display)}.popoverTitle .iconButton svg{transform:rotate(45deg)}.draftSave{gap:6px;display:flex}.draftList{max-height:390px;margin-top:7px;overflow:auto}.draftItem{border-top:1px solid #2a2b31;gap:6px;padding:8px 1px}.draftItem,.draftOpen{align-items:center;display:flex}.draftOpen{text-align:left;background:0 0;flex:1;gap:9px;min-width:0}.draftOpen>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.draftOpen b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.draftOpen small{color:#92949d;font-size:9px}.draftSwatch{background:linear-gradient(145deg,#16437d,#0ea3ba,#ddb883);border-radius:9px;width:30px;height:30px}.emptyDraft{color:#a7a9b2;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:137px;display:flex}.emptyDraft svg{color:#69707c}.emptyDraft b{font-size:12px}.emptyDraft span{color:#838691;font-size:10px}.modalBackdrop{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cropModal{background:#17181d;border:1px solid #383941;border-radius:25px;width:min(530px,94vw);padding:22px;animation:popIn .18s both;box-shadow:0 20px 90px #0009}.modalHeader{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#60d8d0;letter-spacing:1.6px;font-size:9px;font-weight:700}.modalHeader h2{font:750 20px var(--font-display);letter-spacing:-.5px;margin:6px 0 0}.cropPreview{background:linear-gradient(135deg,#075698,#b1d6e3 38%,#07518a 50%,#15306c);border-radius:18px;place-items:center;height:230px;margin:18px 0;display:grid;overflow:hidden}.cropDevice{background:#0c0d0f;border:4px solid #797b7e;border-radius:25px;place-items:center;width:78px;height:153px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0009}.cropDevice:before{content:"";z-index:2;background:#030405;border-radius:6px;width:24px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.cropDevice>img{width:100%;height:100%;position:absolute;top:0;left:0}.cropScreen{background:linear-gradient(130deg,#25272d,#101114);width:100%;height:100%}.cropControls{flex-direction:column;gap:14px;display:flex}.cropControls .choiceRow{justify-content:flex-start}.cropControls .sliderRow{grid-template-columns:50px 1fr 48px}.modalFooter{border-top:1px solid #303138;justify-content:space-between;margin-top:20px;padding-top:14px;display:flex}.quietButton{color:#dadbe0;background:#292a30;border-radius:10px;height:35px;padding:0 13px;font-size:11px}.modalFooter .accentButton{padding:0 22px}.toast{z-index:50;color:#f0f1f4;white-space:nowrap;background:#202127;border:1px solid #3f4349;border-radius:22px;align-items:center;gap:9px;max-width:min(90vw,600px);min-height:42px;padding:0 16px;font-size:11px;animation:toastIn .2s both;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009}.toast svg{color:#ff6b6b;flex:none}.busyBar{z-index:60;background:var(--brand-red);height:2px;box-shadow:0 0 12px var(--brand-red);transition:width .15s;position:absolute;bottom:0;left:0}@keyframes popIn{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes glyphFloat{50%{transform:translateY(-4px)}}@keyframes glyphOrbit{to{transform:rotate(1turn)}}@keyframes glyphZoom{50%{transform:scale(1.12)}}@keyframes glyphSwing{25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}@media (max-width:1180px){.editorGrid{grid-template-columns:198px minmax(340px,1fr) 282px;gap:8px;padding:8px}.brandWords span,.topNav .navLink{display:none}.presetCard{flex-basis:116px;min-height:116px}.toolButton{padding:0 12px;font-size:11px}.headerActions{gap:1px}.topIcon{width:29px}.headerActions>.headerSep{margin:0}.rightRail .sideCard{padding:14px}.autoPanel{padding:12px}.canvasShell{max-width:100%}}@media (max-width:900px){.app{min-width:0;min-height:500px}.topbar{gap:8px;padding:0 10px}.brandWords,.topNav{display:none}.editorGrid{grid-template-columns:62px minmax(290px,1fr) 260px;gap:7px;padding:7px}.selectionBox{border-radius:18px;padding:5px}.selectPill{justify-content:center;height:37px;padding:0 8px}.selectPill b,.selectPill>svg:last-child{display:none}.presetList{padding:2px}.presetCard{border-radius:15px;flex-basis:92px;min-height:92px}.presetArt{transform:scale(.7)}.railFoot .iconButton:nth-child(2),.railFoot span{display:none}.rightRail .sideCard{border-radius:18px;padding:12px}.sideTitle>b{font-size:13px}.chipGrid{gap:5px}.controlChip{font-size:10px}.wallGrid{gap:4px}.toolButton{gap:5px;padding:0 8px}.themeHeader{height:39px}.saveTheme{padding:0 11px}.headerActions .topIcon:nth-of-type(3),.headerActions .topIcon:nth-of-type(4){display:none}}@media (max-width:700px){.app{height:100dvh;min-height:540px;display:block;overflow:auto}.topbar{z-index:30;height:52px;position:sticky;top:0}.editorGrid{flex-direction:column;min-height:calc(100dvh - 52px);padding:8px 8px 88px;display:flex;overflow:visible}.leftRail{flex:none;order:2;height:auto}.selectionBox{flex-direction:row}.selectPill{flex:1}.selectPill b,.selectPill>svg:last-child{display:block}.presetList{flex-direction:row;flex:none;height:120px;display:flex;overflow:auto hidden}.presetCard{flex:0 0 150px;height:105px;min-height:105px}.railFoot{display:none}.centerArea{flex:none;order:1;min-height:55vh}.canvasStage{flex:none;min-height:0}.canvasShell{width:100%;max-height:none}.toolDock{z-index:25;gap:3px;width:max-content;max-width:calc(100vw - 16px);min-height:55px;padding:5px;position:fixed;bottom:9px;left:50%;transform:translate(-50%)}.toolButton{height:41px;padding:0 10px}.toolButton svg{width:15px}.paletteTool{padding:0 6px}.timeline{height:215px}.timelineClock,.timelineTop .iconButton:nth-of-type(2),.timelineTop .iconButton:nth-of-type(3){display:none}.rightRail{flex:none;order:3}.themeHeader{margin-top:6px}.sideScroll{overflow:visible}.popover{width:min(365px,100vw - 16px);max-height:calc(100dvh - 70px);position:fixed;top:58px;left:8px}.draftsPopover,.exportPopover{width:min(335px,100vw - 16px);top:48px;left:auto;right:8px}.scrimClear{position:fixed;inset:52px 0 0}.cropModal{padding:17px}.canvasHint{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.exportCopy{background:var(--brand-red);color:#fff;border-left:1px solid #ffffff3a;border-radius:0;width:38px;margin-left:-5px}.projectName{color:#d9dce2;background:0 0;border:1px solid #0000;border-radius:8px;width:175px;padding:7px 10px;font-weight:600}.projectName:focus{border-color:#3f434c}.canvasResolution{color:#9195a0;background:#202229;border-radius:8px;padding:6px 9px;font-size:10px}.sceneSwitcher{align-items:center;gap:5px;margin-bottom:6px;display:flex}.sceneSwitcher select{background:#191b21;border:1px solid #30333b;border-radius:8px;flex:1;min-width:0;height:28px;padding:0 8px;font-size:10px}.libraryTabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.libraryTabs button{color:#a9aeb9;background:#1c1e25;border:1px solid #292d35;border-radius:7px;padding:7px 2px;font-size:8px}.libraryTabs button:hover{color:#b9fff7;background:#342326}.librarySearch{color:#a0a6b1;background:#1c1e25;border:1px solid #32363f;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;margin:9px 0;padding:8px;display:flex}.librarySearch input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.templateCatalog{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.templateCatalog button{background:#171c24;border:1px solid #333943;border-radius:15px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.templateCatalog canvas{display:block}.templateCatalog span{background:#171b23;justify-content:space-between;align-items:center;padding:8px 9px;display:flex}.templateCatalog b{font-size:10px;font-weight:600}.templateCatalog small{color:#8d98a9;font-size:8px}.categoryStrip{scrollbar-width:thin;gap:4px;margin:8px 0;padding-bottom:5px;display:flex;overflow:auto}.categoryStrip button{color:#a9b0bc;background:#23262e;border-radius:12px;flex:none;padding:5px 8px;font-size:9px}.categoryStrip button.active{background:var(--brand-red);color:#fff}.motionCatalog{scrollbar-width:thin;grid-template-columns:repeat(2,1fr);gap:6px;max-height:275px;display:grid;overflow:auto}.motionCatalog button{background:#242730;border:1px solid #30353f;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-height:91px;padding:9px 5px;display:flex}.motionCatalog button.active{border-color:var(--brand-red);background:#342326}.motionCatalog b{font-size:9px;font-weight:600}.motionCatalog small{color:#8d99a9;font-size:8px}.motionPreview{background:radial-gradient(#29576c,#1b2330);border-radius:8px;place-items:center;width:47px;height:30px;display:grid}.motionPreview i{background:#12161d;border:1px solid #8fa0af;border-radius:4px;width:13px;height:25px;transform:rotate(-10deg)}.motionPreview.camera i{width:22px;height:16px;transform:scale(1.1)}.motionPreview.entrance i{opacity:.6;transform:translateY(4px)}.motionPreview.exit i{opacity:.4;transform:scale(.65)}.motionPreview.presentation i{box-shadow:4px -2px #49837a}.easingCurve{background:#171b23;border-radius:8px;width:100%;height:70px}.backgroundCatalog{scrollbar-width:thin;grid-template-columns:repeat(3,1fr);gap:6px;max-height:230px;display:grid;overflow:auto}.backgroundCatalog button{background:#23272f;border:1px solid #313743;border-radius:9px;padding:0;overflow:hidden}.backgroundCatalog button.active{border-color:var(--brand-red)}.backgroundCatalog canvas{width:100%;height:auto;display:block}.backgroundCatalog span{color:#bdc5d0;white-space:nowrap;text-overflow:ellipsis;padding:5px 2px;font-size:8px;display:block;overflow:hidden}.gradientStop{align-items:center;gap:6px;display:flex}.gradientStop input[type=color]{background:0 0;border:0;width:29px;height:24px;padding:1px}.gradientStop input[type=range]{min-width:0;accent-color:var(--brand-red);flex:1}.gradientStop input[type=number]{background:#242831;border:1px solid #343b47;border-radius:5px;width:41px;height:25px;padding:3px;font-size:10px}.field input[type=number],.field select{color:#d5dee9;background:#242831;border:1px solid #383e4a;border-radius:7px;max-width:145px;padding:5px 7px;font-size:10px}.field input[type=number]{width:70px}.field input[type=checkbox]{accent-color:var(--brand-red)}.rightRail>.themeHeader{z-index:3;background:#090a0d;position:sticky;top:0}.rightRail>.sideScroll{min-height:auto}.layerInspector{padding:12px 14px}.layerRow{background:#20232b;border:1px solid #2f3540;border-radius:8px;align-items:center;margin-bottom:5px;display:flex}.layerRow.active{border-color:var(--brand-red);background:#342326}.layerRow>button:first-child{color:#dce6ef;background:0 0;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:7px 9px;font-size:10px;display:flex}.layerRow small{color:#8796aa;font-size:8px}.layerRow .iconButton{width:26px;height:26px}.assetNotice{color:#93a1b4;margin:6px 0 0;font-size:8px}.selectionOutline{border:1px solid var(--brand-red);pointer-events:none;position:absolute}.selectionOutline i{background:#b4fff0;border:1px solid #e5484d;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.selectionOutline i:nth-child(2){left:auto;right:-3px}.selectionOutline i:nth-child(3){top:auto;bottom:-3px}.selectionOutline i:nth-child(4){inset:auto -3px -3px auto}.realTimeline{background:#141820;border:1px solid #333946;border-radius:16px;flex-direction:column;flex:none;height:255px;padding:9px;display:flex}.timelineControls{flex:none;align-items:center;gap:7px;height:37px;display:flex}.timelineControls label{color:#96a2b4;align-items:center;gap:6px;font-size:9px;display:flex}.timelineControls input{background:#232a36;border:1px solid #394356;border-radius:6px;width:44px;padding:4px;font-size:10px}.timeCode{color:#cad5e2;white-space:nowrap;font-family:monospace;font-size:10px}.timelineScroll{scrollbar-width:thin;flex:1;margin-top:7px;overflow:auto}.timelineBody{min-height:100%;padding-left:133px;position:relative}.timelineRuler{cursor:crosshair;background:repeating-linear-gradient(90deg,#8a9aac55 0 1px,#0000 1px 25px);border-bottom:1px solid #394154;height:25px;position:relative}.timelineRuler span{color:#8898af;font-size:8px;top:8px}.livePlayhead,.timelineRuler span{pointer-events:none;position:absolute}.livePlayhead{background:var(--brand-red);z-index:4;width:1px;top:0;bottom:0}.keyTrack{background:#242b38;border-radius:5px;height:33px;margin-top:4px;position:relative}.trackName{color:#9fb1c8;white-space:nowrap;text-overflow:ellipsis;background:#1b2230;width:128px;padding:9px 6px;font-size:8px;left:-130px;overflow:hidden}.trackBand,.trackName{height:100%;position:absolute;top:0}.trackBand{background:#2b554f99;border:1px solid #c43b42;border-radius:4px}.keyDiamond{touch-action:none;background:#abbfcf;border-radius:1px;width:9px;height:9px;padding:0;position:absolute;top:11px;transform:translate(-50%)rotate(45deg)}.keyDiamond.active{background:#5dfbce;box-shadow:0 0 0 2px #4d272b}.deleteTrack{color:#9dabbf;background:#1b2730;border-radius:4px;padding:2px;position:absolute;top:8px;right:4px}.emptyTracks{color:#8393a9;padding:26px;font-size:10px}.videoClip{background:#e5484d99;border:1px solid #6890c0;border-radius:5px;align-items:center;gap:5px;min-width:100px;height:100%;padding:4px;display:flex;position:absolute;top:0}.videoClip span{color:#adc7e9;font-size:8px}.videoClip input{background:#18355a;border:1px solid #426183;border-radius:4px;width:33px;min-width:0;font-size:8px}.keyInspector{background:#1d2431;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;margin-top:7px;padding:5px;display:flex;overflow:auto}.keyInspector b{white-space:nowrap;font-size:9px}.keyInspector label{color:#95a7bf;align-items:center;gap:4px;font-size:8px;display:flex}.keyInspector input{background:#293447;border:1px solid #40516a;border-radius:4px;width:44px;padding:3px;font-size:9px}.exportSummary{background:linear-gradient(135deg,#352329,#16232f);border-radius:16px;flex-direction:column;align-items:center;gap:9px;margin:18px 0;padding:25px;display:flex}.exportSummary b{font-size:22px}.exportSummary span{color:#8fafc2;font-size:11px}.exportProgress{background:#303034;border-radius:8px;height:6px;margin-top:10px;overflow:hidden}.exportProgress i{background:var(--brand-red);height:100%;transition:width .2s;display:block}@media (max-width:900px) and (min-width:701px){.libraryTabs{grid-template-columns:1fr}.libraryTabs button{height:18px;font-size:0}.sceneSwitcher select{font-size:0}.templateCatalog span{display:none}.librarySearch{padding:5px}.librarySearch input{display:none}.templateCatalog canvas{object-fit:cover;height:74px}.templateCatalog button{flex-shrink:0}.canvasResolution{display:none}}@media (max-width:700px){.libraryTabs{grid-template-columns:repeat(8,1fr)}.libraryTabs button{font-size:7px}.templateCatalog{flex-direction:row;flex:none;height:145px}.templateCatalog button{flex:none;width:160px}.templateCatalog canvas{height:103px}.timelineControls{flex-wrap:wrap;gap:4px;height:auto}.timelineControls .smallPill{padding:0 7px;font-size:8px}.timelineControls label{display:none}.realTimeline{height:230px}.layerInspector{margin-top:4px}.projectName{width:125px}.canvasResolution{display:none}}.canvasStage{overflow:hidden}.viewportTools{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151d29c9;border:1px solid #333e4c;border-radius:10px;gap:5px;position:absolute;bottom:10px;left:10px}.viewportTools,.viewportTools button{align-items:center;padding:5px;display:flex}.viewportTools button{color:#b6c9df;background:#2a3545;border-radius:5px;gap:4px;font-size:9px}.viewportTools span{text-align:center;color:#bfd2df;min-width:34px;font-size:9px}.selectionOutline button{border:1px solid var(--brand-red);pointer-events:auto;cursor:nwse-resize;touch-action:none;background:#e4fff7;width:8px;height:8px;padding:0;position:absolute;top:-4px;left:-4px}.selectionOutline button:nth-child(2){left:auto;right:-4px}.selectionOutline button:nth-child(3){top:auto;bottom:-4px}.selectionOutline button:nth-child(4){inset:auto -4px -4px auto}.selectionOutline button.rotationHandle{background:var(--brand-red);cursor:grab;border-radius:50%;top:-23px;left:50%}.loopRangeFields{color:#8198b6;gap:12px;margin-top:4px;font-size:9px;display:flex}.loopRangeFields input{background:#29292f;border:1px solid #3a3a40;border-radius:5px;width:42px;margin-left:5px;padding:3px}.licensedFrameInput{color:#7fb8c4;flex-direction:column;gap:5px;margin-top:8px;font-size:9px;display:flex}.licensedFrameInput input{width:100%;font-size:8px}.canvasShell{transition:none}.toolDock{scrollbar-width:none;overflow:auto}.toolDock::-webkit-scrollbar{display:none}@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-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}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@font-face{font-family:Inter;src:url(/fonts/inter-latin-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--base:#0b0b0c;--panel:#171719;--panel-2:#242426;--raised:#2e2e31;--line:#2d2d30;--muted:#a1a1aa;--text:#ededee;--teal:var(--brand-red);--teal2:var(--brand-red);--font-body:Inter,Arial,sans-serif;--font-display:Inter,Arial,sans-serif}body{font-size:14px}.topbar,body{background:var(--base)}.topbar{height:48px;flex-basis:48px;border-bottom:0;padding:0 18px;gap:5px}.brand{min-width:28px;gap:0}.brandMark{width:26px;height:23px;border-radius:5px;box-shadow:none;background:var(--brand-red)}.brandMark span{color:white;font-style:italic;font-size:23px}.brandMark i{display:none}.projectMenuToggle{margin-right:8px;color:#a1a1aa}.topNav{gap:10px}.navButton,.navLink{font-size:14px;padding:8px 14px;color:#a1a1aa;font-weight:550;line-height:18px}.navButton{background:#333336;color:#eee}.navLink:hover{background:#222225}.headerActions{gap:9px}.headerActions .headerSep{display:none}.headerActions .topIcon{width:34px}.headerActions .topIcon:nth-of-type(5){display:none}.exportMain{height:40px;background:var(--brand-red);border-radius:25px 0 0 25px;padding:0 13px;gap:9px;font-size:14px}.exportMain small{font-size:11px}.exportCopy{display:none}.exportSettings{height:40px;width:40px;background:var(--brand-red);margin-left:-9px;border-radius:0 25px 25px 0}.editorGrid{grid-template-columns:232px minmax(0,1fr) 288px;gap:16px;padding:6px 18px 10px 10px}.leftRail{gap:10px}.selectionBox{border-radius:29px;padding:8px;gap:8px;background:#171719;border-color:#303033}.selectPill{height:48px;background:#2e2e31;padding:0 14px}.selectPill b{font-size:14px;font-weight:600}.selectPill svg{width:20px;height:20px}.templateCatalog{gap:8px;scrollbar-width:none;padding:3px 6px 2px}.templateCatalog button{border:0;border-radius:21px;background:#18181a}.templateCatalog canvas{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}.templateCatalog span{position:absolute;inset:auto 0 0;padding:8px 10px;background:linear-gradient(transparent,#0009);opacity:0;transition:opacity .15s}.templateCatalog button:focus-visible span,.templateCatalog button:hover span{opacity:1}.templateCatalog b{font-size:11px}.railFoot,.templateCatalog small{display:none}.centerArea{gap:12px;padding:0;justify-content:space-between}.canvasStage{flex:1;overflow:visible;align-items:flex-start}.canvasShell{width:min(100%,calc((100dvh - 142px) * var(--ratio, 1.333)));max-height:none;border-radius:28px;background:#151516;box-shadow:0 0 0 1px #ffffff0a}.canvasShell canvas{border-radius:inherit}.canvasAdd{width:54px;height:54px;border:0;background:#303033;backdrop-filter:none}.canvasAdd svg{border:2px solid #ddd;border-radius:50%;width:22px;height:22px;padding:2px}.canvasAdd:hover{background:#424246}.selectionOutline{border-color:transparent;transition:border-color .15s}.selectionOutline .rotationHandle,.selectionOutline .transformHandle{opacity:0;transition:opacity .15s}.canvasShell:hover .selectionOutline,.selectionOutline:focus-within{border-color:var(--brand-red)}.canvasShell:hover .rotationHandle,.canvasShell:hover .transformHandle,.selectionOutline:focus-within button{opacity:1}.viewportTools{opacity:0;transition:opacity .15s;bottom:14px}.canvasStage:hover .viewportTools,.viewportTools:focus-within{opacity:1}.toolDock{height:64px;min-height:64px;padding:8px;background:#171719;border:1px solid #303033;border-radius:35px;box-shadow:none;margin-top:18px}.toolButton{height:48px;font-size:14px;font-weight:550;padding:0 20px;background:#2d2d30}.toolButton.selected{background:var(--brand-red)}.timelineDockHidden{display:none}.rightRail{overflow:auto;border-radius:0;scrollbar-width:thin;scrollbar-color:#3e3e42 transparent;border-left:1px solid #1a1a1c;padding:0 12px 30px 18px}.rightRail>*{flex-shrink:0}.themeHeader{height:42px;margin:0 0 16px;position:sticky;top:0;background:#0b0b0cf5;z-index:8;gap:21px}.themeSelect{font-size:16px;font-weight:550;color:#a1a1aa}.themeSelect svg{display:none}.saveTheme{height:40px;background:var(--brand-red);border-radius:24px;padding:0 18px;font-size:14px}.saveTheme svg{display:none}.rightRail>.layerInspector{order:5;margin-top:16px}.rightRail>.motionLibrary{order:4}.rightRail>.sideScroll{order:1;overflow:visible;flex:none;display:flex;flex-direction:column;gap:15px}.rightRail .sideCard{background:#171719;border:0;border-radius:24px;margin-bottom:0;padding:16px}.rightRail .sideScroll>.backgroundLibrary{order:4}.rightRail .sideScroll>.shadowCard{order:2}.rightRail .sideScroll>.backdropCard{order:0;background:none;padding:0}.rightRail .backdropCard>.sideTitle{display:none}.rightRail .backdropCard>.chipGrid{margin-bottom:16px}.chipGrid{gap:7px}.controlChip{height:40px;border-radius:24px;background:#2e2e31;font-size:13px;padding:0 8px;gap:6px}.controlChip svg{width:16px;height:16px}.backgroundLibrary .backgroundCatalog{max-height:none}.assetNotice,.licensedFrameInput{display:none}.layerInspector .sideTitle b{font-size:14px}.layerRow>button:first-child{font-size:12px}.layerRow small{font-size:10px}.layerInspector .field,.layerInspector .sliderRow{font-size:12px}.backdropModes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0}.backdropModes>button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:80px;border-radius:19px;color:#a1a1aa;font-size:12px;font-weight:600}.backdropModes>button.active{background:#303033;color:#eee}.modeSwatch{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff10}.modeSwatch.none{background:repeating-conic-gradient(#333 0 25%,#18181a 0 50%) 50%/18px 18px}.modeSwatch.solid{background:#fff}.modeSwatch.gradient{background:linear-gradient(135deg,#416ee9,#a35eb5)}.modeSwatch.image{background:var(--brand-red);color:white}.referenceUploadRow{display:flex;gap:7px;margin:0 0 12px}.referenceUploadRow>button{height:40px;flex:1;border-radius:25px;background:#2e2e31;font-weight:600;display:flex;gap:8px;align-items:center;justify-content:center}.referenceUploadRow>button.active{background:var(--brand-red)}.photoMark{font-size:24px;font-weight:900;line-height:1}.referenceGradientGrid,.referenceWallpaperGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;background:#1a1a1c;border-radius:20px}.referenceGradientGrid{margin-bottom:12px}.referenceWallpaperGrid{background:transparent}.referenceGradientGrid>button,.referenceWallpaperGrid>button{padding:0;overflow:hidden;border-radius:13px;height:54px;background:#2e2e31;display:grid;place-items:center;transition:box-shadow .15s}.referenceGradientGrid img,.referenceWallpaperGrid img{width:100%;height:100%;object-fit:cover}.referenceGradientGrid>button:hover,.referenceWallpaperGrid>button:hover{box-shadow:0 0 0 2px #777}.referenceGradientGrid>button.active,.referenceWallpaperGrid>button.active{box-shadow:0 0 0 2px var(--brand-red);outline:2px solid #0b0b0c;outline-offset:2px}.referenceWallpaperGrid .expandBackgrounds{grid-column:3;grid-row:2}.referencePhotoSearch{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;background:#242426;margin-bottom:10px}.referencePhotoSearch input{width:100%;background:none;border:0;outline:none}.shuffleBackgrounds{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:36px;border-radius:20px;margin-top:10px;background:#242426;color:#b0b0b8;font-size:12px}.backgroundColorEditor{display:grid;gap:10px;padding:10px}.backgroundColorEditor label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.backgroundColorEditor input[type=color]{height:34px;width:60px;border:0;padding:0;background:none}.projectMenu{position:absolute;z-index:40;top:49px;left:18px;width:300px;padding:18px;border:1px solid #39393d;border-radius:22px;background:#19191cef;box-shadow:0 20px 50px #0008;backdrop-filter:blur(20px)}.projectNameField{display:flex;flex-direction:column;gap:8px;color:#a1a1aa;margin-bottom:16px}.projectMenu .projectName{width:100%;height:40px;padding:0 12px;border:1px solid #39393d;border-radius:10px;background:#262629;color:#eee}.projectMenu .libraryTabs{margin:14px 0;grid-template-columns:repeat(2,1fr)}.projectMenu .libraryTabs button{font-size:12px;padding:10px}.infoDialog p{font-size:14px;line-height:1.7;color:#b4b4bd}.realTimeline{height:238px;border-radius:27px;background:#171719;border-color:#303033;padding:8px;width:100%;margin-top:28px}.centerArea:has(.realTimeline) .canvasShell{width:min(100%,calc((100dvh - 330px) * var(--ratio, 1.333)))}.centerArea:has(.realTimeline) .canvasStage{flex:none}.timelineTransport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:49px;flex:none;gap:10px}.transportBack{width:48px;height:48px;border-radius:50%;background:#2e2e31;color:#ddd;display:grid;place-items:center}.transportCenter{display:flex;gap:7px}.animationButton,.transportPlay{height:48px;border-radius:27px;display:flex;gap:12px;align-items:center;justify-content:center;padding:0 20px;font-size:14px;font-weight:600}.animationButton{background:#2e2e31}.transportPlay{width:136px;background:var(--brand-red);border:1px solid var(--brand-red)}.transportRight{display:flex;align-items:center;justify-content:flex-end;gap:10px}.transportRight .timeCode{font:500 12px Inter,sans-serif;color:#a1a1aa}.timelineControls{height:30px;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:5px}.timelineControls label{font-size:10px;color:#a1a1aa}.timelineControls .smallPill{height:25px;font-size:10px;background:#2b2b2e;padding:0 8px}.timelineControls .iconButton{width:25px;height:25px}.timelineControls .timelineExport{margin-left:auto}.timelineScroll{background:#242426;border-radius:4px;margin-top:5px}.timelineRuler{border-color:#37373c}.timelineRuler span{color:#85858f}.timelinePlayhead{background:var(--brand-red)}.timelineBody{background:#242426}.trackLane{background:#29292c}.motionTrack{background:#343437;border-color:#48484c}.keyframeInspector{background:#242426;border-color:#3a3a3e}@media (min-width:1600px){.editorGrid{grid-template-columns:232px minmax(0,1fr) 288px}.centerArea{padding:0 14px}.canvasShell{width:min(100%,calc((100dvh - 142px) * var(--ratio, 1.333)))}}@media (max-width:1100px) and (min-width:701px){.editorGrid{grid-template-columns:180px minmax(0,1fr) 255px;gap:12px;padding-right:8px}.topNav{gap:0}.navButton,.navLink{font-size:12px;padding:7px 9px}.topNav .navLink:last-child{display:none}.rightRail{padding-left:10px;padding-right:0}.referenceGradientGrid,.referenceWallpaperGrid{gap:6px;padding:6px}}@media (max-width:700px){.topbar{height:50px;padding:0 8px;gap:3px}.projectMenuToggle{margin-right:4px}.topNav{flex:1;gap:0}.topNav .navLink{display:none}.navButton{font-size:12px;padding:8px}.headerActions{gap:2px}.headerActions .topIcon{display:none}.exportMain{height:36px;font-size:12px;padding:0 8px}.exportMain small{display:none}.exportSettings{height:36px;width:32px;margin-left:-2px}.editorGrid{display:flex;padding:8px 8px 86px;gap:18px}.centerArea{padding:0;gap:12px;min-height:0}.canvasShell,.centerArea:has(.realTimeline) .canvasShell{width:100%;max-height:none;border-radius:22px}.canvasStage{flex:none}.rightRail{border:0;padding:0}.rightRail,.rightRail>.sideScroll{overflow:visible}.rightRail>.layerInspector{order:5}.selectionBox{gap:6px;border-radius:22px}.selectPill{height:42px;padding:0 8px}.selectPill b{font-size:12px}.templateCatalog{height:145px;flex-direction:row}.templateCatalog button{width:160px}.templateCatalog canvas{height:120px}.toolDock{margin-top:0;height:55px;min-height:55px}.toolButton{height:40px;font-size:12px;padding:0 13px}.realTimeline{height:285px;margin-top:12px}.timelineTransport{grid-template-columns:40px 1fr;gap:6px;height:auto}.transportBack{width:36px;height:36px}.transportCenter{justify-content:center}.animationButton,.transportPlay{height:40px;padding:0 12px;font-size:12px}.transportPlay{width:95px}.transportRight{grid-column:1/-1;justify-content:flex-end}.timelineControls{height:auto;min-height:32px;justify-content:flex-start}.projectMenu{left:8px;width:min(300px,calc(100vw - 16px))}.referenceGradientGrid>button,.referenceWallpaperGrid>button{height:75px}.themeHeader{position:static}.transportRight .timeCode{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.emptyTimeline{padding-left:0}.rightRail .backdropCard>.chipGrid{grid-template-columns:repeat(4,1fr);margin-bottom:0}.rightRail .backdropCard .controlChip{height:32px;font-size:0;background:none;padding:0}.rightRail .backdropCard .controlChip svg{width:19px;height:19px;color:#9999a3}.rightRail .backdropCard .controlChip.selected,.rightRail .backdropCard .controlChip:hover{background:#29292c}.backdropModes{margin:4px 0}.centerArea:has(.realTimeline){overflow:auto;scrollbar-width:none;justify-content:flex-start}.centerArea:has(.realTimeline) .canvasShell{width:100%}.sceneClipThumbnail img{background:#111;border-radius:5px}.sceneClipStrip{height:55px;padding:6px 8px}.sceneClipStrip>button{height:48px;width:100%;border:1px solid #454549;background:#37373b;border-radius:12px;display:flex;align-items:center;gap:10px;padding:5px 12px;color:#a1a1aa;font-size:11px}.sceneClipThumbnail{width:44px;height:34px;display:grid;place-items:center;background-size:cover;background-position:50%;border-radius:5px;overflow:hidden}.sceneClipThumbnail img{height:29px;width:auto}.emptyTracks{padding:12px 16px;color:#a1a1aa}