/*! tailwindcss v4.2.1 | 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-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-ease:initial}}}@layer theme{:host,:root{--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;--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,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,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{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{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.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,)}.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)}}:root{--font-geist-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--bg:#08090d;--panel:#0d1016;--raised:#151a23;--line:#282e3b;--text:#f4f6fc;--muted:#858da0;--p:#8b5cf6;--cyan:#22d3ee}*{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-geist-sans),sans-serif;margin:0}button,input,select{font:inherit}.lab{background:radial-gradient(circle at 45% 0,#19142d66,transparent 30%),var(--bg);min-height:720px}.header-actions{gap:8px}.code-toolbar button,.header-actions button{color:#c7cdd9;cursor:pointer;background:#121720;border:1px solid #303645;border-radius:7px;height:35px;padding:0 13px;font-size:11px}.code-toolbar .copy,.header-actions .copy{color:#fff;background:linear-gradient(135deg,#7648e7,#945df1);border-color:#a071ff;min-width:108px;box-shadow:0 8px 25px #7b4ce330}.custom-button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#24183b,#17182a);border:1px solid #8058d6;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px;display:flex;box-shadow:0 8px 25px #0005}.custom-button>span{background:#8353e8;border-radius:8px;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.custom-button div{flex-direction:column;gap:2px;display:flex}.custom-button b{font-size:12px}.custom-button small{color:#9e94b3;font-size:9px}.side-title{justify-content:space-between;align-items:center;margin:16px 2px 10px;display:flex}.side-title b{font-size:11px}.side-title button{color:#9f76f0;cursor:pointer;background:0 0;border:0;font-size:9px}.devices{border:1px solid #2a303c;border-radius:5px;padding:2px;display:flex}.devices button{background:0 0;border:0;width:27px;height:21px;padding:0}.devices button.on{color:#c8b4f7;background:#653bac55}.canvas-viewport{justify-content:center;align-items:center;transition:all .25s;display:flex}.design-canvas{aspect-ratio:16/9;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 15px 60px #0008,inset 0 0 0 1px #ffffff12;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0)!important;background-size:1.04167% 1.85185%!important}.canvas-viewport.tablet .design-canvas{width:70%}.canvas-viewport.mobile .design-canvas{width:38%}:is(.canvas-el,.template-render-el){color:var(--c);font-size:var(--fs);font-weight:var(--fw);touch-action:none;cursor:move;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute}.canvas-el.selected{outline-offset:2px;outline:1.5px solid #9e73f4}.canvas-el.selected:after,.canvas-el.selected:before{content:"";background:#8152dd;border:1px solid #fff;width:5px;height:5px;position:absolute}.canvas-el.selected:before{top:-5px;left:-5px}.canvas-el.selected:after{top:-5px;right:-5px}:is(.canvas-el,.template-render-el)>span{width:100%;line-height:1.1}:is(.canvas-el,.template-render-el) .bar-track{border-radius:var(--r);background:#ffffff18;width:100%;height:100%;min-height:5px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,var(--c),var(--c2));border-radius:inherit;height:100%;box-shadow:0 0 16px var(--c);display:block}.spinner-shape{aspect-ratio:1;width:min(100%,100cqh);height:min(100%,100cqw);position:relative}.spinner-shape i{border:2px solid var(--c);border-right:2px solid #0000;border-radius:50%;animation:spin 2.3s linear infinite;position:absolute;inset:5%}.spinner-shape i:nth-child(2){border-color:var(--c2) transparent var(--c2) var(--c2);animation-duration:1.5s;animation-direction:reverse;inset:22%}.spinner-shape b{box-shadow:0 0 20px var(--c);background:#fff;border-radius:50%;position:absolute;inset:43%}:is(.canvas-el,.template-render-el).button button{border:1px solid var(--c);border-radius:var(--r);width:100%;height:100%;color:var(--c);font-size:inherit;font-weight:inherit;background:0 0}.dot-shape{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.dot-shape i{aspect-ratio:1;background:var(--c);border-radius:50%;width:19%;animation:bounce 1s ease-in-out infinite}.dot-shape i:nth-child(2){background:var(--c2);animation-delay:.15s}.dot-shape i:nth-child(3){animation-delay:.3s}.resize-handle{z-index:5;cursor:nwse-resize!important;background:#8152dd!important;border:2px solid #fff!important;border-radius:2px!important;width:12px!important;height:12px!important;position:absolute!important;bottom:-7px!important;right:-7px!important}.size-tag{color:#fff;font:7px var(--font-geist-mono);white-space:nowrap;background:#7c4bd5;border-radius:4px;padding:2px 5px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%)}.timeline{background:#11151c;border:1px solid #282e3a;border-radius:8px;align-items:center;gap:9px;height:47px;margin-top:10px;padding:0 10px;display:flex}.timeline>button{color:#d3d7e0;background:#191e27;border:1px solid #323948;border-radius:6px;width:29px;height:29px}.timeline>div{background:#262c38;border-radius:5px;flex:1;height:4px;overflow:hidden}.timeline>div span{background:linear-gradient(90deg,var(--p),var(--cyan));height:100%;display:block}.timeline strong{font:9px var(--font-geist-mono);color:#b6bdca}.timeline label{color:#7d8697;margin-left:10px;font-size:9px}.timeline input{color:#fff;background:#171b24;border:1px solid #303644;border-radius:5px;width:48px;height:26px;margin:0 3px;padding:0 5px;font-size:10px}.type-pill{color:#cbb4fa;background:#6f43c83d;border:1px solid #7950cf;border-radius:5px;margin-bottom:12px;padding:5px 8px;font-size:9px;display:inline-block}.property{margin-bottom:12px;display:block}.color-control>span,.property>span{color:#8d95a6;margin-bottom:6px;font-size:9px;display:block}.property input:not([type=range]),.property select{color:#e1e4eb;background:#151a22;border:1px solid #2c3340;border-radius:6px;width:100%;height:32px;padding:0 9px;font-size:10px}.property input[type=range]{width:100%;accent-color:var(--p)}.four-fields{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.color-control{grid-template-columns:1fr 29px 72px;align-items:center;margin-bottom:11px;display:grid}.color-control>span{margin:0}.color-control input{background:#171b24;border:1px solid #353c49;border-radius:5px;width:27px;height:27px;padding:2px}.color-control code{color:#a9b0bd;text-align:right;font-size:9px}.align-buttons{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px;display:grid}.align-buttons button{color:#737d90;text-transform:capitalize;background:#151a22;border:1px solid #2b3240;border-radius:5px;height:28px;font-size:8px}.align-buttons button.on{color:#ccb8f8;background:#6a3bad36;border-color:#7e52d9}.element-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.element-actions button{color:#c9ced8;background:#171c25;border:1px solid #323946;border-radius:6px;height:31px;font-size:9px}.element-actions .danger{color:#ff818e;background:#2a171c;border-color:#63313b}.hint-box{background:#151725;border:1px solid #34304a;border-radius:8px;padding:11px}.hint-box b{font-size:10px}.hint-box p{color:#7e8698;margin:5px 0 0;font-size:9px;line-height:1.5}.ready{background:linear-gradient(135deg,#191527,#151a24);border:1px solid #38304e;border-radius:8px;align-items:center;margin:auto 10px 10px;padding:10px;display:flex}.ready div{flex-direction:column;display:flex}.ready b{font-size:9px}.ready small{color:#747d8f;margin-top:2px;font-size:7px}.ready button{color:#fff;background:#7e4ce2;border:0;border-radius:5px;height:29px;margin-left:auto;padding:0 10px;font-size:8px}.property-tabs button:nth-child(2){color:#241c05;background:#f6c945;border-color:#ffd85f;font-weight:800;box-shadow:0 0 0 1px #f6c94522,0 5px 14px #f6c94522}.property-tabs button:nth-child(2):hover{background:#ffda62}.property-tabs button:nth-child(2).active{color:#1d1705;background:#ffd84f;border-color:#ffe37c;box-shadow:0 0 0 1px #ffe37c55,0 0 18px #f6c94535}.tutorial-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060ad9;place-items:center;animation:tutorial-in .22s ease-out;display:grid;position:fixed;inset:0}.tutorial-card{background:radial-gradient(circle at 90% 0,#7041cc38,#0000 34%),#10131a;border:1px solid #3b3650;border-radius:18px;width:min(540px,100% - 32px);padding:38px;position:relative;box-shadow:0 30px 100px #000b}.tutorial-skip{color:#7e8799;cursor:pointer;background:0 0;border:0;font-size:11px;position:absolute;top:17px;right:18px}.tutorial-logo{background:linear-gradient(135deg,var(--p),var(--cyan));border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:19px;font-size:12px;font-weight:800;display:grid}.tutorial-card>span{letter-spacing:.15em;color:#9d75ed;font-size:9px}.tutorial-card h1{letter-spacing:-.04em;margin:9px 0 12px;font-size:32px;line-height:1.05}.tutorial-card>p{color:#929aad;max-width:440px;font-size:12px;line-height:1.6}.tutorial-steps{justify-content:space-between;align-items:center;margin:28px 0;display:flex}.tutorial-steps>div{align-items:center;gap:8px;display:flex}.tutorial-steps b{color:#bd9cf8;border:1px solid #6f49bd;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.tutorial-steps small{color:#b7bdc8;font-size:9px}.tutorial-steps>i{color:#4c5464;font-style:normal}.tutorial-go{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b4ce2,#945ef1);border:0;border-radius:8px;width:100%;height:43px;font-size:11px;font-weight:650}@keyframes tutorial-in{0%{opacity:0;transform:scale(1.015)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (max-width:800px){.lab{height:auto;min-height:100vh;overflow:visible}.header-actions .ghost{display:none}.canvas-viewport.mobile .design-canvas{width:60%}}@media (prefers-reduced-motion:reduce){.badge-shape i,.dot-shape i,.orbit-loader b,.orbit-loader i,.shimmer-shape,.skeleton-shape i,.spinner-shape i,.wave-shape i{animation:none!important}}:is(.canvas-el,.template-render-el){opacity:var(--op);transform:rotate(var(--rot));letter-spacing:var(--ls)}:is(.canvas-el,.template-render-el).logo span{text-transform:uppercase;font-weight:800}.ring-shape{aspect-ratio:1;border-radius:50%;place-items:center;width:min(100%,100cqh);display:grid;position:relative}.ring-shape:after{content:"";background:#0d1016;border-radius:50%;position:absolute;inset:13%}.ring-shape i{z-index:1;color:var(--c);font:600 14px var(--font-geist-mono);font-style:normal}.box-shape{border-radius:var(--r);background:var(--c);width:100%;height:100%}@supports (color:color-mix(in lab,red,red)){.box-shape{background:color-mix(in srgb,var(--c),transparent 85%)}}.box-shape{border:1px solid var(--c)}@supports (color:color-mix(in lab,red,red)){.box-shape{border:1px solid color-mix(in srgb,var(--c),transparent 45%)}}.box-shape{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.divider-shape{background:linear-gradient(90deg,transparent,var(--c),transparent);width:100%;height:2px}.badge-shape,.icon-shape{font-size:var(--fs)}.badge-shape{border:1px solid var(--c);border-radius:var(--r);width:100%;height:100%;justify-content:center;align-items:center;gap:8px;display:flex}.badge-shape i{background:var(--c);border-radius:50%;width:7px;height:7px;animation:pulse-dot 1.4s infinite}.wave-shape{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.wave-shape i{background:linear-gradient(var(--c),var(--c2));border-radius:99px;width:8%;height:60%;animation:wave-bars 1s ease-in-out infinite}.wave-shape i:nth-child(2),.wave-shape i:nth-child(6){animation-delay:.1s}.wave-shape i:nth-child(3),.wave-shape i:nth-child(5){animation-delay:.2s}.wave-shape i:nth-child(4){animation-delay:.3s}.shimmer-shape{border-radius:var(--r);background:linear-gradient(100deg,var(--c) 20%,var(--c2) 45%,var(--c) 70%);background-size:250% 100%;width:100%;height:100%;animation:shimmer-move 1.8s linear infinite}.steps-shape{align-items:center;width:100%;height:100%;display:flex}.steps-shape i{aspect-ratio:1;border:2px solid var(--c);width:24%;color:var(--c);border-radius:50%;place-items:center;font-style:normal;display:grid}.steps-shape i.on{background:var(--c);color:#0d1016}.steps-shape b{background:#fff2;flex:1;height:2px}.property-tabs{background:#10141b;border:1px solid #282f3c;border-radius:7px;gap:4px;margin-bottom:12px;padding:3px}.property-tabs button{color:#70798b;background:0 0;border-radius:5px;font-size:9px}.property-tabs button.active{color:#cfb9fb;background:#6f43c83d;box-shadow:inset 0 0 0 1px #7950cf}.timing-callout{background:linear-gradient(135deg,#1d1730,#141823);border:1px solid #453465;border-radius:8px;margin-bottom:13px;padding:11px}.timing-callout b{font-size:10px}.timing-callout p,.timing-muted{color:#81899a;margin:4px 0 0;font-size:8px;line-height:1.5}.timing-muted{border:1px dashed #343b47;border-radius:6px;margin-bottom:12px;padding:9px}.tutorial-wide{width:min(720px,100% - 32px);padding:34px}.tutorial-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;display:grid}.tutorial-copy>span{letter-spacing:.15em;color:#9d75ed;font-size:9px}.tutorial-copy h1{letter-spacing:-.04em;margin:9px 0 12px;font-size:34px;line-height:1.05}.tutorial-copy>p{color:#929aad;font-size:12px;line-height:1.7}.tutorial-visual{background:radial-gradient(circle at 50% 30%,#754ad23c,#0000 50%),#0a0d13;border:1px solid #37304a;border-radius:14px;place-items:center;height:250px;display:grid;overflow:hidden}.tutorial-mini{border:1px solid #56417b;border-radius:9px;width:76%;height:68%;position:relative}.preset-mini i{border:2px solid #9c6ff3;border-radius:50%;width:55px;height:55px;position:absolute;top:25px;left:calc(50% - 27px);box-shadow:0 0 25px #8b5cf688}.preset-mini b{background:linear-gradient(90deg,#8b5cf6 70%,#ffffff18 0);border-radius:9px;height:5px;position:absolute;bottom:37px;left:18%;right:18%}.canvas-mini{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:12px 12px}.canvas-mini i{background:#8b5cf622;border:1px solid #8b5cf6;position:absolute}.canvas-mini i:first-child{width:55%;height:24%;top:20%;left:15%}.canvas-mini i:nth-child(2){width:38%;height:34%;bottom:18%;right:12%}.canvas-mini b{background:#fff;border:2px solid #8b5cf6;width:10px;height:10px;position:absolute;bottom:15%;right:10%}.timing-mini{border:0}.timing-mini i{background:linear-gradient(90deg,#8b5cf6 65%,#ffffff16 0);border-radius:8px;height:9px;margin:27px 0;display:block}.timing-mini i:nth-child(2){background:linear-gradient(90deg,#22d3ee 35%,#ffffff16 0);width:75%;margin-left:15%}.timing-mini i:nth-child(3){background:linear-gradient(90deg,#f5b85d 85%,#ffffff16 0);width:55%}.code-mini{font:700 54px var(--font-geist-mono);color:#a67cf4;border:0;place-items:center;display:grid}.tutorial-footer{grid-template-columns:120px 1fr 120px;align-items:center;margin-top:25px;display:grid}.tutorial-back,.tutorial-footer .tutorial-go{border-radius:7px;width:120px;height:38px;font-size:10px}.tutorial-back{color:#a8afbd;background:#151a22;border:1px solid #353c49}.tutorial-back:disabled{opacity:.3}.tutorial-dots{justify-content:center;gap:7px;display:flex}.tutorial-dots button{background:#383f4d;border:0;border-radius:50%;width:7px;height:7px;padding:0}.tutorial-dots button.active{background:#8b5cf6;border-radius:8px;width:20px}@keyframes pulse-dot{50%{opacity:.25;transform:scale(.7)}}@keyframes wave-bars{50%{height:18%}}@keyframes shimmer-move{to{background-position:-250% 0}}@media (max-width:700px){.tutorial-layout{grid-template-columns:1fr}.tutorial-visual{height:155px}.tutorial-copy h1{font-size:26px}.tutorial-footer{grid-template-columns:90px 1fr 90px}.tutorial-back,.tutorial-footer .tutorial-go{width:90px}}.canvas-viewport{padding-top:6px}:is(.animation-paused .canvas-el,.animation-paused .template-render-el) *{animation-play-state:paused!important}.image-shape{object-fit:cover;border-radius:var(--r);pointer-events:none;width:100%;height:100%}.skeleton-shape{gap:10%;width:100%;height:100%;padding:5%;display:grid}.skeleton-shape i{border-radius:var(--r);background:linear-gradient(100deg,var(--c) 20%,var(--c2) 45%,var(--c) 70%);background-size:250% 100%;animation:shimmer-move 1.8s linear infinite;display:block}.skeleton-shape i:nth-child(2){width:72%}.skeleton-shape i:nth-child(3){width:45%}.orbit-loader{width:100%;height:100%;position:relative}.orbit-loader b,.orbit-loader i{border:2px solid var(--c);border-radius:50%;animation:spin 2s linear infinite;position:absolute;inset:8%}.orbit-loader b{border-color:var(--c2);animation-direction:reverse;inset:28%}.orbit-loader span{aspect-ratio:1;background:var(--c);width:14%;box-shadow:0 0 15px var(--c);border-radius:50%;position:absolute;top:1%;left:43%}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.symbol-picker{margin-bottom:12px}.symbol-tabs{background:#10141b;border:1px solid #29303d;border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:7px;padding:3px;display:grid}.symbol-tabs button{color:#778093;background:0 0;border:0;border-radius:5px;height:27px;font-size:9px}.symbol-tabs button.active{color:#d8c3ff;background:#7246ca3a}.symbol-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:10px;display:grid}.symbol-grid button{color:#eef0f5;background:#151a22;border:1px solid #2b3240;border-radius:6px;place-items:center;height:31px;padding:0;font-size:16px;display:grid}.symbol-grid button.active,.symbol-grid button:hover{background:#31204d;border-color:#9a70ed;transform:translateY(-1px)}.timer-controls{background:#12141c;border:1px solid #353044;border-radius:9px;margin-bottom:12px;padding:10px 10px 2px}.timer-controls .property{margin-bottom:9px}.timer-preview{color:#737c8e;margin:-1px 0 10px;font-size:8px}.timer-preview b{color:#d7c5fb;font-family:var(--font-geist-mono)}.selection-summary b{color:#ddd5eb;font-size:11px}.selection-summary p{color:#8f98aa;margin:7px 0 0;font-size:9px;line-height:1.55}.selection-marquee{z-index:10000;pointer-events:none;background:#8152dd24;border:1px solid #b692ff;position:absolute}.canvas-el.locked{cursor:not-allowed}.canvas-el.locked.selected{outline-style:dashed}.layer-actions button,.layer-organization button{color:#aeb6c5;background:#151a22;border:1px solid #2e3542;border-radius:5px;height:26px;padding:0 8px;font-size:8px}.layer-organization{gap:4px;margin-bottom:5px}.layer-organization.group>button:first-child{background:#181423;border-color:#4b3a69}.layer-organization small{color:#747e90}.layer-folder{background:#0f131a;border:1px solid #343b49;border-radius:7px;margin-bottom:7px;padding:5px}.layer-folder>.layer-organization{margin-bottom:3px}.layer-folder-contents{border-left:1px solid #3d3350;flex-wrap:wrap;gap:4px;padding:4px 2px 2px 10px;display:flex}.layer-folder-contents button{color:#8f99aa;text-overflow:ellipsis;white-space:nowrap;background:#191e27;border:0;border-radius:4px;max-width:100%;padding:4px 7px;font-size:8px;overflow:hidden}.layer-folder-contents small{color:#687286;padding:4px;font-size:8px}.layer-organization button:disabled{opacity:.35}.project-open b{color:#e2e6ed}.project-open small{color:#687184}.project-popover .danger,.storage-error{color:#ff8f9d!important}.conflict-actions{background:#2a171b;border:1px solid #704952;border-radius:7px;display:block!important}.conflict-actions p{color:#ffabb6}.conflict-actions button{border-radius:5px;padding:6px;color:#ffd5da!important;background:#1a1114!important;border:1px solid #704952!important;font-size:9px!important}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.asset-live{color:#62dcb9;min-height:12px;font-size:8px;line-height:1.4}.asset-error{color:#ffabb6;background:#2a171b;border:1px solid #704952;border-radius:6px;outline:none;padding:8px;font-size:8px;line-height:1.45}.asset-error:focus{box-shadow:0 0 0 2px #ff829955}.asset-pagination{color:#737d8e;font-size:8px}.asset-pagination button{color:#aeb5c2;background:#151a22;border:1px solid #2c333f;border-radius:5px;height:25px;font-size:8px}.asset-pagination button:disabled{opacity:.35}.history-message{color:#bca6e4;background:#181320;border:1px solid #3d3451;border-radius:6px;padding:7px;font-size:8px}@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-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-ease{syntax:"*";inherits:false}.canvas-viewport{position:relative;overflow:hidden;isolation:isolate;touch-action:none}.canvas-transform{position:relative;flex:none;width:100%;aspect-ratio:16/9;transform-origin:center center}.canvas-viewport.tablet>.canvas-transform{width:70%}.canvas-viewport.mobile>.canvas-transform{width:38%}.canvas-transform>.design-canvas{width:100%!important;height:100%;max-height:none}.canvas-viewport.space-ready{cursor:grab}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport.space-ready .canvas-el{cursor:inherit}.canvas-navigation{position:absolute;z-index:20;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #343b49;border-radius:10px;background:#0c1018ed;box-shadow:0 10px 30px #0008;backdrop-filter:blur(12px)}.canvas-navigation-group{display:flex;align-items:center;gap:2px;padding:2px 4px;border:1px solid #262d39;border-radius:7px;background:#10151d}.canvas-navigation-group small{margin:0 4px 0 2px;color:#626d7f;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.canvas-navigation button{height:27px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#aeb6c5;font-size:8px;white-space:nowrap;cursor:pointer}.canvas-navigation button:hover,.canvas-navigation button[aria-pressed=true]{border-color:#7046c4;background:#6740aa38;color:#e2d6fa}.canvas-navigation button:disabled{opacity:.35;cursor:not-allowed}.canvas-navigation output{min-width:38px;color:#d4c2f8;font:8px var(--font-geist-mono);text-align:center}.canvas-pan-hint{position:absolute;left:10px;bottom:14px;color:#70798b;font-size:7px;pointer-events:none}.canvas-guides,.canvas-rulers{position:absolute;inset:0;pointer-events:none;z-index:8}.canvas-rulers{border-top:14px solid #111722;border-left:14px solid #111722;box-shadow:inset 1px 1px #59617466}.canvas-rulers:after,.canvas-rulers:before{content:"";position:absolute;background:repeating-linear-gradient(90deg,#8992a555 0 1px,transparent 1px 48px)}.canvas-rulers:before{left:0;right:0;top:-14px;height:7px}.canvas-rulers:after{top:0;bottom:0;left:-14px;width:7px;background:repeating-linear-gradient(#8992a555 0 1px,transparent 1px 27px)}.canvas-rulers i,.canvas-rulers span{position:absolute;color:#788194;font:6px var(--font-geist-mono);font-style:normal}.canvas-rulers span:first-child{left:2px;top:-12px}.canvas-rulers span:nth-child(2){left:50%;top:-12px}.canvas-rulers span:nth-child(3){right:2px;top:-12px}.canvas-rulers i:first-of-type{left:-12px;top:2px}.canvas-rulers i:nth-of-type(2){left:-12px;top:50%}.canvas-rulers i:nth-of-type(3){left:-12px;bottom:2px}.canvas-guides b,.canvas-guides i{position:absolute;background:#22d3eeaa;box-shadow:0 0 5px #22d3ee55}.canvas-guides i{left:50%;top:0;bottom:0;width:1px}.canvas-guides b{top:50%;left:0;right:0;height:1px}.canvas-minimap{position:absolute;z-index:20;right:10px;bottom:12px;width:142px;height:80px;padding:0;border:1px solid #424a5a;border-radius:7px;overflow:hidden;background:#0a0e15e8;box-shadow:0 10px 25px #0008;cursor:crosshair}.canvas-minimap svg{display:block;width:100%;height:100%}.canvas-minimap g rect{fill:#8b5cf644;stroke:#ad8bfa88;stroke-width:2}.canvas-minimap-window{fill:#22d3ee12;stroke:#22d3ee;stroke-width:4;vector-effect:non-scaling-stroke}@media(max-width:1100px){.canvas-navigation{gap:3px;padding:4px}.canvas-navigation-group{padding:1px 2px}.canvas-navigation-group small{display:none}.canvas-navigation button{padding:0 6px}.canvas-minimap{width:112px;height:63px}.canvas-pan-hint{display:none}}@media(prefers-reduced-motion:reduce){.canvas-transform{transition:none}}.canvas-el.inline-editing{cursor:text;user-select:text}.inline-canvas-text-editor{position:absolute;z-index:12;inset:0;width:100%;height:100%;resize:none;overflow:hidden;border:1px solid #b998ff;border-radius:calc(var(--r) + 1px);outline:2px solid #a476ff55;background:#0c0f16e8;color:var(--c);font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1.1;text-align:inherit;white-space:pre-wrap;padding:0 4px;box-shadow:0 0 0 1px #ffffff18,inset 0 0 18px #0008;caret-color:#fff}.inline-canvas-text-editor:focus{border-color:#d1b9ff;box-shadow:0 0 0 3px #8b5cf655,inset 0 0 18px #0008}.canvas-el.text>span{white-space:pre-wrap}.property textarea{display:block;width:100%;min-height:52px;resize:vertical;border:1px solid #2c3340;border-radius:6px;background:#151a22;color:#e1e4eb;padding:7px 9px;font:10px/1.4 var(--font-geist-sans)}.canvas-actions>button[aria-pressed=true]{border-color:#7450c5;background:#2b2041;color:#dac8ff}.alignment-toolbar{margin:8px 0 13px;padding:9px;border:1px solid #34304a;border-radius:8px;background:linear-gradient(145deg,#171421,#10141b)}.alignment-toolbar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.alignment-toolbar header b{color:#ddd4eb;font-size:9px}.alignment-toolbar header small{color:#716a7d;font-size:7px}.alignment-toolbar>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.alignment-toolbar>div+div{grid-template-columns:1fr 1fr;margin-top:5px}.alignment-toolbar button{min-width:0;height:27px;padding:0 5px;border:1px solid #343946;border-radius:5px;background:#151a22;color:#b6bfcd;font-size:9px}.alignment-toolbar button:hover:not(:disabled){border-color:#7950cf;background:#2a203d;color:#e1d4f8}.alignment-toolbar button:disabled{opacity:.35}.alignment-guides,.safe-area-guides{position:absolute;inset:0;z-index:9998;overflow:hidden;pointer-events:none}.alignment-guides>i{position:absolute;display:block;background:#27d9f3;box-shadow:0 0 7px #20d6f188;font-style:normal}.alignment-guides>i.x{top:0;bottom:0;width:1px}.alignment-guides>i.y{left:0;right:0;height:1px}.alignment-guides>i.center{background:#c77dff}.alignment-guides>i.spacing{background:#f6c75d}.alignment-guides>i.safe{background:#59e1ae}.alignment-guides span{position:absolute;left:4px;top:4px;padding:2px 4px;border-radius:3px;background:#17120be8;color:#ffe199;font:7px var(--font-geist-mono);white-space:nowrap}.safe-area-guides b,.safe-area-guides i{position:absolute;display:block;background:#59e1ae88;box-shadow:0 0 5px #59e1ae44}.safe-area-guides i{top:0;bottom:0;width:1px}.safe-area-guides i:first-child{left:5%}.safe-area-guides i:nth-child(2){right:5%}.safe-area-guides b{left:0;right:0;height:1px}.safe-area-guides b:first-of-type{top:5%}.safe-area-guides b:nth-of-type(2){bottom:5%}@media(max-width:1050px){.alignment-toolbar header small,.canvas-actions>button[aria-pressed]{display:none}}.responsive-status{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:4px 6px;border:1px solid #353044;border-radius:7px;background:#15131d}.responsive-status>div{display:flex;align-items:baseline;gap:6px;min-width:0}.responsive-status b{color:#d9cdf0;font-size:9px;white-space:nowrap}.responsive-status small{overflow:hidden;color:#847b91;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.responsive-status button{height:20px;padding:0 7px;border:1px solid #44365d;border-radius:5px;background:#21192e;color:#cdb9ed;font-size:8px;white-space:nowrap}.responsive-status button:disabled{opacity:.35}.responsive-status.desktop{border-color:#303744;background:#121720}.responsive-geometry-field{position:relative}.responsive-geometry-field>small{display:block;margin-top:2px;color:#6f7787;font-size:6px;line-height:1;white-space:nowrap}.responsive-geometry-field.overridden>small{color:#b790ff}.responsive-geometry-field.overridden input{border-color:#64459b;box-shadow:inset 0 -1px #8b5cf6}.preview-toolbar>span{white-space:nowrap}.builder{grid-template-columns:var(--left-sidebar-width,222px) minmax(480px,1fr) var(--right-sidebar-width,322px)}.left-tools,.right-tools{position:relative}.inspector-section{display:flex;flex-direction:column}.inspector-section .inspector-tabs{flex:none}.inspector-section .property-panel{min-height:0;max-height:none;flex:1 1 0;overflow:auto}.inspector-section .alignment-toolbar{flex:none}.layers-section{flex-direction:column}.layers-section>.layers{min-height:0;flex:1 1 0;overflow:hidden}.layers-section .layer-list{min-height:0;flex:1 1 0;overflow:auto}.layers-section>.ready{flex:none}.panel-resize-handle{z-index:30;outline:none;touch-action:none}.panel-resize-handle.vertical{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize}.left-tools>.panel-resize-handle.vertical{right:-5px}.right-tools>.panel-resize-handle.vertical{left:-5px}.panel-resize-handle.horizontal{position:relative;width:100%;height:8px;flex:none;cursor:row-resize}.panel-resize-handle>span{position:absolute;border-radius:999px;background:#353d4c;transition:background .12s,box-shadow .12s,transform .12s}.panel-resize-handle.vertical>span{top:12px;bottom:12px;left:4px;width:2px}.panel-resize-handle.horizontal>span{top:3px;right:12px;left:12px;height:2px}.panel-resize-handle.active>span,.panel-resize-handle:focus-visible>span,.panel-resize-handle:hover>span{background:#a67af5;box-shadow:0 0 8px #8b5cf688}.panel-resize-handle.vertical.active>span,.panel-resize-handle.vertical:hover>span{transform:scaleX(1.5)}.panel-resize-handle.horizontal.active>span,.panel-resize-handle.horizontal:hover>span{transform:scaleY(1.5)}.panel-resize-handle:focus-visible{box-shadow:inset 0 0 0 1px #9d72ed}@media(max-width:1100px){.builder{grid-template-columns:190px minmax(0,1fr) 290px}.panel-resize-handle.vertical{display:none}}@media(max-width:800px){.builder{display:flex}.panel-resize-handle{display:none}.right-tools{overflow:hidden}.inspector-section{max-height:none;flex-basis:auto;overflow:visible}.inspector-section .property-panel{max-height:none;flex:none}.layers-section{min-height:0;overflow:visible}}.inspector-framework{display:flex;flex-direction:column;gap:10px}.inspector-framework .property-tabs,.inspector-framework .responsive-status,.inspector-framework .type-pill{flex:none;margin-bottom:0}.inspector-search{display:flex;align-items:center;gap:6px;min-width:0}.inspector-search input{width:100%;min-width:0;padding:0 9px;border:1px solid #303846;border-radius:6px;background:#151a22;color:#e2e5eb;font:10px/1.35 inherit;outline:none}.inspector-search input:focus{border-color:#875bdc;box-shadow:0 0 0 2px #875bdc24}.inspector-search button{flex:none;padding:0 8px;border:1px solid #343c4a;border-radius:5px;background:#171c24;color:#aeb5c2;font-size:8px;cursor:pointer}.inspector-search button:hover{border-color:#7452b5;color:#d4c2f7}.inspector-search-empty{padding:14px 10px;border:1px dashed #3a4352;border-radius:7px;color:#8f98a8;font-size:9px;line-height:1.45;text-align:center}.inspector-framework mark{padding:0 1px;border-radius:2px;background:#d6aa45;color:#17130a}.inspector-lock-notice{padding:9px 10px;border:1px solid #6a4c32;border-radius:7px;background:#261b13;color:#f0c996;font-size:9px;line-height:1.45}.inspector-group{flex:none;border:1px solid #29313e;border-radius:8px;background:#10141b;overflow:hidden}.inspector-group>header{display:flex;align-items:center;min-height:34px;border-bottom:1px solid #29313e;background:#121720}.inspector-group.collapsed>header{border-bottom:0}.inspector-group-toggle{display:flex;min-width:0;flex:1;align-items:center;gap:7px;height:33px;padding:0 10px;border:0;background:transparent;color:#d8dce5;text-align:left;font-size:10px;font-weight:700;cursor:pointer}.inspector-group-toggle span{width:9px;color:#9f7be8}.inspector-section-reset{height:23px;margin-right:6px;padding:0 7px;border:1px solid #343c4a;border-radius:5px;background:#171c24;color:#929bad;font-size:8px;cursor:pointer}.inspector-section-reset:hover:not(:disabled){border-color:#7452b5;color:#d4c2f7}.inspector-section-reset:disabled{cursor:not-allowed;opacity:.35}.inspector-group-content{display:flex;flex-direction:column;padding:10px}.inspector-section-help{margin:0;color:#7f8899;font-size:8px;line-height:1.5}.inspector-field{display:flex;min-width:0;flex-direction:column;gap:5px}.inspector-field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inspector-field-heading label{overflow:hidden;color:#919aaa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inspector-field-heading small{color:#7860a6;font-size:7px;white-space:nowrap}.inspector-field input:not([type=range]):not([type=color]),.inspector-field select,.inspector-field textarea{width:100%;min-width:0;border:1px solid #303846;border-radius:6px;background:#151a22;color:#e2e5eb;font:10px/1.35 inherit;outline:none}.inspector-field input:not([type=range]):not([type=color]),.inspector-field select{height:32px;padding:0 9px}.inspector-field textarea{min-height:52px;padding:8px 9px;resize:vertical}.inspector-field input:focus,.inspector-field select:focus,.inspector-field textarea:focus{border-color:#875bdc;box-shadow:0 0 0 2px #875bdc24}.inspector-field.mixed input:not([type=range]),.inspector-field.mixed select,.inspector-field.mixed textarea{border-style:dashed;color:#baa8dd}.inspector-field.disabled{opacity:.56}.inspector-field.read-only input,.inspector-field.read-only select,.inspector-field.read-only textarea{background:#11151b;color:#777f8d}.inspector-field input:disabled,.inspector-field select:disabled,.inspector-field textarea:disabled{cursor:not-allowed}.inspector-message{color:#7f8899;font-size:8px;line-height:1.4}.inspector-message.error{color:#ff8d99}.inspector-field-status{color:#7860a6;font-size:7px;line-height:1}.inspector-geometry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.inspector-geometry-grid .inspector-field-heading{display:block}.inspector-geometry-grid .inspector-field-heading small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.inspector-color-control{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}.inspector-color-control input{width:34px;height:30px;padding:2px;border:1px solid #353d49;border-radius:6px;background:#171c24}.inspector-color-control code{overflow:hidden;color:#aeb5c1;font-size:9px;text-overflow:ellipsis}.inspector-slider-control{display:flex;align-items:center;min-height:22px}.inspector-slider-control input[type=range]{width:100%;accent-color:var(--p)}.toggle-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.toggle-field .inspector-field-heading{grid-column:1}.toggle-field input{grid-column:2;grid-row:1;width:16px;height:16px;accent-color:var(--p)}.inspector-style-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inspector-style-actions button{height:27px;border:1px solid #333b49;border-radius:6px;background:#171c24;color:#aeb5c2;font-size:8px}.inspector-style-actions button:disabled{opacity:.35}.inspector-framework .symbol-picker,.inspector-framework .timer-controls{margin:0}.inspector-framework .timer-controls{padding:9px}.inspector-framework .element-actions{flex:none}@media(max-width:1100px){.inspector-geometry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.animation-track-controls{margin-top:8px;padding:10px;border:1px solid #2a303c;border-radius:8px;background:#0d1117}.animation-track-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.animation-track-heading{display:flex;min-width:0;flex-direction:column;gap:3px;margin:0}.animation-track-heading b{font-size:9px;color:#d5d9e2}.animation-track-heading small{font-size:8px;line-height:1.4;color:#747d8e}.animation-track-card-heading>span{flex:none;padding:2px 5px;border:1px solid #323947;border-radius:999px;color:#778294;font-size:7px;font-weight:800;text-transform:uppercase}.animation-track-card-heading>span.on{border-color:#4e876f;background:#173128;color:#79dcb4}.animation-track-card-heading>span.mixed{border-color:#765ba5;background:#251b38;color:#c6a7f7}.animation-track-advanced,.animation-track-core{display:grid;gap:8px}.animation-track-core{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.animation-track-advanced{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;padding-top:10px;border-top:1px solid #252c37}.animation-track-hint{margin:9px 0 0;padding-top:8px;border-top:1px solid #202630;color:#697486;font-size:8px;line-height:1.4}.animation-track-controls .inspector-field{margin:0}@media(max-width:1100px){.animation-track-advanced,.animation-track-core{grid-template-columns:1fr}}:root{--ui-bg:#0e1014;--ui-canvas:#111318;--ui-surface:#17191e;--ui-surface-2:#1d2026;--ui-surface-3:#252930;--ui-overlay:#20242b;--ui-border:#30343c;--ui-border-soft:#24272e;--ui-text:#f0f2f5;--ui-text-2:#bdc2cc;--ui-text-3:#858d9b;--ui-accent:#8ab4f8;--ui-accent-strong:#aecbfa;--ui-accent-container:#213a5f;--ui-danger:#ff9b9b;--ui-danger-container:#4b252a;--ui-warning:#f5c26b;--ui-success:#72d59b;--ui-radius-xs:4px;--ui-radius-sm:6px;--ui-radius-md:8px;--ui-radius-lg:12px;--ui-shadow-1:0 4px 14px #0004;--ui-shadow-2:0 16px 42px #0009;--ui-fast:120ms;--ui-normal:150ms;--ui-line:var(--ui-border);--ui-surface-soft:var(--ui-surface-2);--ui-surface-raised:var(--ui-surface-3);--ui-muted:var(--ui-text-3)}.lab :where(button,input,select,textarea){font:inherit}.lab :where(button,input,select,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.lab button{cursor:pointer}.lab button:disabled{cursor:not-allowed;opacity:.38}.lab svg{display:block;flex:none}.ui-icon-button{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-2);transition:color var(--ui-fast),background var(--ui-fast),border-color var(--ui-fast)}.ui-icon-button:hover:not(:disabled){background:var(--ui-surface-3);color:var(--ui-text)}.ui-icon-button.on,.ui-icon-button[aria-pressed=true]{background:var(--ui-accent-container);color:var(--ui-accent-strong)}.ui-icon-button.danger{color:var(--ui-danger)}.ui-icon-button.danger:hover:not(:disabled){background:var(--ui-danger-container)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:1000;left:50%;top:calc(100% + 8px);max-width:220px;padding:6px 8px;border:1px solid #40454f;border-radius:var(--ui-radius-sm);background:#292d34;color:#f4f5f7;box-shadow:var(--ui-shadow-1);font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity 90ms,transform 90ms}[data-tooltip]:focus-visible:after,[data-tooltip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.35s}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;line-height:1;transition:background var(--ui-fast),border-color var(--ui-fast),color var(--ui-fast)}.ui-button.secondary{border-color:var(--ui-border);background:var(--ui-surface-2);color:var(--ui-text-2)}.ui-button.quiet:hover:not(:disabled),.ui-button.secondary:hover:not(:disabled){background:var(--ui-surface-3);color:var(--ui-text)}.ui-button.primary{background:var(--ui-accent);color:#10233d}.ui-button.primary:hover:not(:disabled){background:#a9c7f7}.ui-button.quiet{background:transparent;color:var(--ui-text-2)}.ui-button.danger{background:var(--ui-danger-container);color:var(--ui-danger)}.ui-toolbar{gap:4px}.ui-toolbar,.ui-toolbar-group{display:flex;align-items:center}.ui-toolbar-group{gap:2px}.ui-toolbar-group+.ui-toolbar-group{margin-left:3px;padding-left:6px;border-left:1px solid var(--ui-border)}.ui-status{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:10px;background:var(--ui-surface-3);color:var(--ui-text-3);font-size:10px;font-weight:600;text-transform:capitalize}.ui-status.accent{background:var(--ui-accent-container);color:var(--ui-accent-strong)}.ui-status.success{color:var(--ui-success)}.ui-status.warning{color:var(--ui-warning)}.canvas-options-popover,.header-popover{position:absolute;z-index:100;min-width:218px;padding:6px;border:1px solid #3b4049;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-2);animation:ui-menu-in var(--ui-normal) cubic-bezier(.2,.8,.2,1)}.header-popover button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:7px 9px;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-2);text-align:left}.header-popover button:hover{background:var(--ui-surface-3);color:var(--ui-text)}.header-popover button span{display:flex;flex-direction:column;gap:3px}.header-popover b{font-size:12px}.header-popover small{color:var(--ui-text-3);font-size:10px}@keyframes ui-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lab *{scroll-behavior:auto!important}.lab :where(button,input,select,textarea),.ui-button,.ui-icon-button,[data-tooltip]:after{transition-duration:1ms!important}.canvas-options-popover,.context-menu,.header-popover,.project-popover{animation:none!important}}.project-background{z-index:0;overflow:hidden;pointer-events:none}.project-background,.project-background-base,.project-background-overlay{position:absolute;inset:0}.project-background-base{will-change:filter}.project-background-overlay{z-index:1}.project-background.missing .project-background-base{background-image:repeating-linear-gradient(135deg,#3d2730 0 12px,#241820 12px 24px)!important}.project-background.missing:after{content:"Missing background image";position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);padding:6px 9px;border-radius:6px;background:#171019d9;color:#ffb4c0;font-size:9px;letter-spacing:.02em}.background-inspector{display:flex;flex-direction:column;gap:10px}.background-subheading{display:flex;align-items:center;justify-content:space-between}.background-subheading b{font-size:9px;color:var(--ui-text)}.background-subheading small{font-size:8px;color:var(--ui-muted)}.background-image-controls,.gradient-stop-editor{display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface-soft)}.gradient-stop-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:7px;padding:8px;border:1px solid color-mix(in srgb,var(--ui-line),transparent 22%);border-radius:var(--ui-radius-sm);background:var(--ui-surface)}.gradient-stop-row .inspector-field{margin:0}.gradient-stop-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:4px}.background-add-stop,.background-advanced-toggle,.gradient-stop-actions button{min-height:27px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised);color:var(--ui-text);font-size:8px;cursor:pointer}.gradient-stop-actions button{width:28px}.background-add-stop:disabled,.gradient-stop-actions button:disabled{opacity:.35;cursor:not-allowed}.background-add-stop,.background-advanced-toggle{width:100%}.background-missing{padding:8px;border:1px solid #87515a;border-radius:var(--ui-radius-sm);background:#2d181d;color:#ffc0c8;font-size:8px;line-height:1.45}.background-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.background-preset-grid button{min-width:0;padding:5px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);cursor:pointer;text-align:left}.background-preset-grid button:focus-visible,.background-preset-grid button:hover:not(:disabled){border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent),transparent 75%)}.background-preset-grid button:disabled{opacity:.42;cursor:not-allowed}.background-preset-grid i{display:block;height:34px;border-radius:5px;margin-bottom:5px;box-shadow:inset 0 0 0 1px #ffffff17}.background-preset-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.template-thumbnail-scene>.project-background{z-index:0}@media(max-width:900px){.gradient-stop-row{grid-template-columns:1fr}.gradient-stop-actions{grid-column:1}.background-preset-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-background-base{will-change:auto}}.editor-background:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 0),linear-gradient(90deg,#ffffff08 1px,transparent 0);background-size:calc(100% / 96) calc(100% / 54)}.background-managed-image{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface-soft)}.background-managed-image div{display:grid;gap:2px;min-width:0}.background-managed-image small{color:var(--ui-muted)}.inspector-validation{color:#f28b82;font-size:8px;line-height:1.35;padding:4px 2px}.design-canvas.grid-hidden .editor-background:after{display:none}.lab{display:flex;min-height:100vh;height:100vh;flex-direction:column;overflow:hidden;background:var(--ui-bg);color:var(--ui-text);font-size:13px}.lab-header{position:relative;z-index:50;display:grid;grid-template-columns:auto auto minmax(130px,1fr) auto auto;align-items:center;gap:12px;height:54px;padding:0 12px;border:0;border-bottom:1px solid var(--ui-border-soft);background:var(--ui-surface)}.brand{display:flex;align-items:center;gap:8px;min-width:max-content;color:var(--ui-text);font-size:13px;font-weight:650;letter-spacing:-.01em}.brand>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ui-accent);color:#10233d;font-size:11px;letter-spacing:0}.brand span{font-weight:650}.lab-header nav{display:flex;height:auto;align-self:auto;gap:2px;padding:2px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#121419}.lab-header nav button{display:flex;align-items:center;gap:6px;height:30px;padding:0 9px;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-3);font-size:11px;font-weight:600}.lab-header nav button:hover{background:var(--ui-surface-2);color:var(--ui-text-2)}.lab-header nav button.active{background:var(--ui-surface-3);color:var(--ui-accent-strong)}.project-name{justify-self:center;display:flex;min-width:0;max-width:360px;width:100%;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:var(--ui-radius-sm)}.project-name:hover{border-color:var(--ui-border)}.project-name span{color:var(--ui-text-3);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.project-name input{min-width:0;width:100%;height:30px;padding:0;border:0;background:transparent;color:var(--ui-text);font-size:12px;font-weight:550;outline:0}.local-projects{position:relative;display:flex;align-items:center;gap:2px;white-space:nowrap}.local-projects>button{height:30px;padding:0 8px;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-2);font-size:11px;font-weight:600}.local-projects>button:hover{background:var(--ui-surface-3);color:var(--ui-text)}.save-status{max-width:90px;overflow:hidden;color:var(--ui-text-3);font-size:10px;text-overflow:ellipsis}.save-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ui-success)}.header-actions{display:flex}.header-actions>.ui-icon-button{display:grid;width:32px;height:32px;padding:0;place-items:center}.header-actions>.ui-icon-button svg{margin:auto}.export-menu-wrap{position:relative}.export-popover{top:40px;right:0}.export-popover .ui-button{width:100%}.builder{display:grid;grid-template-columns:var(--left-sidebar-width,252px) minmax(480px,1fr) var(--right-sidebar-width,332px);grid-template-rows:minmax(0,1fr) auto;min-height:0;flex:1;background:var(--ui-canvas)}.left-tools{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);padding:0;background:var(--ui-surface)}.left-mode-tabs,.left-tools{min-height:0;border:0;border-right:1px solid var(--ui-border-soft)}.left-mode-tabs{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;border-radius:0;background:#13151a}.left-mode-tabs button{position:relative;display:flex;width:36px;height:38px;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-3)}.left-mode-tabs button:hover{background:var(--ui-surface-2);color:var(--ui-text-2)}.left-mode-tabs button.active{background:var(--ui-accent-container);color:var(--ui-accent-strong)}.left-mode-tabs button span{position:absolute;left:43px;z-index:100;display:none;padding:6px 8px;border-radius:5px;background:#292d34;box-shadow:var(--ui-shadow-1);color:var(--ui-text);font-size:11px;white-space:nowrap}.left-mode-tabs button:focus-visible span,.left-mode-tabs button:hover span{display:block}.left-panel{display:flex;min-width:0;min-height:0;container-type:inline-size;flex-direction:column;padding:12px 10px 10px;overflow:hidden}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.library-heading small{color:var(--ui-text-3);font-size:9px;font-weight:700;letter-spacing:.1em}.library-heading h2{margin:2px 0 0;font-size:15px;font-weight:650;letter-spacing:-.02em}.library-switch{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:9px;padding:2px;border-radius:var(--ui-radius-md);background:#121419}.library-switch button{height:28px;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-3);font-size:11px;font-weight:600}.library-switch button.active{background:var(--ui-surface-3);color:var(--ui-text)}.template-browser{display:flex;min-height:0;flex:1;flex-direction:column;gap:8px}.template-filters{display:grid;gap:6px;padding:0 4px 1px 2px}.template-filters label{display:flex;height:32px;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-2);color:var(--ui-text-3)}.template-filters label:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent),transparent 78%)}.template-filters label svg{width:14px}.template-filters input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ui-text-1);font-size:11px}.template-filters label button{display:grid;width:20px;height:20px;place-items:center;border:0;background:transparent;color:var(--ui-text-3);cursor:pointer}.template-filters select{height:30px;padding:0 8px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.element-library,.preset-library{display:grid;min-height:0;gap:8px;padding:1px 4px 10px 2px;overflow:auto;scrollbar-color:#4c5667 transparent;scrollbar-width:thin}.template-browser .preset-library{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.element-library::-webkit-scrollbar,.preset-library::-webkit-scrollbar{width:7px}.element-library::-webkit-scrollbar-track,.preset-library::-webkit-scrollbar-track{background:transparent}.element-library::-webkit-scrollbar-thumb,.preset-library::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#4c5667;background-clip:padding-box}.element-library::-webkit-scrollbar-thumb:hover,.preset-library::-webkit-scrollbar-thumb:hover{background:#667386;background-clip:padding-box}.preset-library>button{min-width:0;padding:4px;content-visibility:auto;contain-intrinsic-size:150px;border:1px solid transparent;border-radius:var(--ui-radius-md);background:var(--ui-surface-2);color:var(--ui-text-2);text-align:left;transition:border-color var(--ui-motion-fast),background var(--ui-motion-fast),transform var(--ui-motion-fast)}.preset-library>button:hover{border-color:#3e526b;background:#202731;transform:translateY(-1px)}.preset-library>button.active{border-color:var(--ui-accent);background:#202936;box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent),transparent 75%)}.preset-library>button>span{display:grid;gap:2px;padding:7px 4px 3px;overflow-wrap:anywhere;line-height:1.25}.preset-library>button>span b{font-size:10px;color:var(--ui-text-1)}.preset-library>button>span small{font-size:8px;color:var(--ui-text-3)}.template-thumbnail{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#090b10}.template-thumbnail-scene{position:relative;width:960px!important;height:540px!important;max-height:none!important;box-shadow:none!important;background-image:none!important;overflow:hidden}.template-thumbnail-scene .template-render-el{cursor:default}.template-empty{grid-column:1/-1;display:grid;justify-items:center;gap:6px;padding:30px 12px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-lg);color:var(--ui-text-3);text-align:center}.template-empty svg{width:22px}.template-empty b{color:var(--ui-text-2);font-size:11px}.template-empty span{font-size:9px;line-height:1.4}.element-library{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.element-library button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-height:46px;height:auto;padding:7px;border:1px solid transparent;border-radius:var(--ui-radius-md);background:var(--ui-surface-2);color:var(--ui-text-2);text-align:left}.element-library button:hover{border-color:#486b99;background:var(--ui-surface-3)}.element-library i{display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:5px;background:#171b22;color:var(--ui-accent);font-size:13px;font-style:normal}.element-library span{min-width:0;margin:0;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}@container(max-width:210px){.element-library{grid-template-columns:1fr}.element-library span{overflow:visible;text-overflow:clip;white-space:normal}}.canvas-area{min-width:0;min-height:0;flex-direction:column;padding:10px 12px 12px;background:var(--ui-canvas)}.canvas-area,.canvas-top{position:relative;display:flex}.canvas-top{z-index:25;height:38px;align-items:center;justify-content:space-between;gap:10px}.canvas-heading{display:flex;align-items:center;gap:7px}.canvas-heading>span:first-child{color:var(--ui-text-3);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.canvas-heading b{font-size:11px;font-weight:600}.canvas-actions{display:flex;align-items:center;gap:6px}.canvas-actions>.ui-toolbar-group{padding:2px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.canvas-actions>.ui-toolbar-group+.ui-toolbar-group{margin-left:0}.devices .ui-icon-button{width:31px;height:28px}.playback-controls .playback-button{background:var(--ui-accent);color:#10233d}.canvas-options-wrap{position:relative}.canvas-options-popover{top:38px;right:0}.canvas-options-popover label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px}.canvas-options-popover label span{color:var(--ui-text-2);font-size:11px}.canvas-options-popover select{height:30px;padding:0 7px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface-3);color:var(--ui-text);font-size:11px}.canvas-options-popover p{margin:5px 6px 7px;color:var(--ui-text-3);font-size:10px;line-height:1.4}.canvas-viewport{flex:1;min-height:0;border:0;border-radius:var(--ui-radius-md);background:#0d0f13}.design-canvas{box-shadow:0 18px 55px #0009,0 0 0 1px #ffffff0c}.selection-toolbar{position:absolute;z-index:30;left:50%;top:52px;transform:translateX(-50%);padding:4px;border:1px solid #3a3f48;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-1);animation:ui-menu-in var(--ui-normal) ease-out;pointer-events:none}.selection-toolbar .ui-status{margin:0 4px 0 2px}.selection-toolbar .ui-icon-button{width:29px;height:29px;pointer-events:auto}.canvas-navigation{left:12px;bottom:12px;transform:none;gap:3px;padding:4px;border:1px solid #3a3f48;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-1)}.canvas-navigation-group{padding:0;border:0;border-radius:0;background:transparent}.canvas-navigation-group+.canvas-navigation-group{margin-left:3px;padding-left:6px;border-left:1px solid var(--ui-border)}.canvas-navigation .ui-icon-button{width:28px;height:28px;padding:0}.canvas-navigation .fit-canvas-button,.canvas-navigation .zoom-value{height:28px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--ui-text-2);font-size:10px}.canvas-navigation .fit-canvas-button:hover,.canvas-navigation .zoom-value:hover{background:var(--ui-surface-3);color:var(--ui-text)}.canvas-navigation output{min-width:35px;color:inherit;font:10px var(--font-geist-mono)}.canvas-pan-hint{left:auto;right:12px;bottom:16px;color:var(--ui-text-3);font-size:10px}.right-tools{position:relative;display:flex;min-height:0;flex-direction:column;overflow:visible;border:0;border-left:1px solid var(--ui-border-soft);background:var(--ui-surface)}.inspector-section{min-height:160px;max-height:calc(100% - 198px);flex:0 1 var(--inspector-height,350px);overflow:hidden}.inspector-tabs{display:flex;height:44px;align-items:center;justify-content:space-between;padding:0 12px;border:0;border-bottom:1px solid var(--ui-border-soft);background:var(--ui-surface)}.inspector-tabs>div{display:flex;align-items:center;gap:7px;color:var(--ui-text-3);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.inspector-tabs>div svg{width:15px}.inspector-tabs b{font-size:11px;font-weight:600}.property-panel{min-height:0;padding:10px;background:var(--ui-surface)}.layers-section{display:flex;min-height:190px;flex:1 1 0;overflow:hidden}.layers{display:flex;min-height:0;flex:1;flex-direction:column;padding:10px 10px 8px}.layers-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}.layers-title>div{display:flex;align-items:center;gap:7px}.layers-title svg{width:15px;color:var(--ui-text-3)}.layers-title b{font-size:12px}.layers-title span{color:var(--ui-text-3);font-size:10px}.layer-actions{display:flex;grid-template-columns:none;gap:3px;margin:0 0 7px}.layer-actions .ui-button{min-height:28px;padding:0 8px;font-size:10px}.layer-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:2px;overflow:auto}.layer-row{display:flex;min-height:36px;border:0;border-radius:var(--ui-radius-sm);background:transparent}.layer-row:hover{background:var(--ui-surface-2)}.layer-row.active{background:var(--ui-accent-container)}.layer-row.locked{opacity:.72}.layer-select{display:flex;min-width:0;flex:1;align-items:center;gap:7px;height:36px;padding:0 5px}.layer-select>svg{width:15px;color:var(--ui-text-3)}.layer-select>span{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:var(--ui-text-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.layer-row.active .layer-select>span{color:var(--ui-text)}.layer-select small{display:grid;min-width:17px;height:17px;place-items:center;border-radius:9px;background:var(--ui-surface-3);font-size:8px}.layer-controls{display:flex;align-items:center;gap:0;padding-right:2px}.layer-controls .ui-icon-button{width:25px;height:27px}.layer-controls .layer-control-secondary{opacity:0}.layer-controls .layer-control-primary{opacity:.45}.layer-row.active .layer-controls .ui-icon-button,.layer-row:focus-within .layer-controls .ui-icon-button,.layer-row:hover .layer-controls .ui-icon-button{opacity:1}.layer-folder{margin-bottom:6px;padding:4px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#14171c}.layer-organization{display:flex;align-items:center}.layer-organization>button:first-child{display:flex;min-width:0;flex:1;align-items:center;gap:5px;text-align:left}.layer-organization .ui-icon-button{width:25px;height:25px}.layer-organization button{border:0;background:transparent;color:var(--ui-text-2);font-size:10px}.layer-folder-contents{margin-left:13px;border-color:var(--ui-border)}.layer-folder-contents button{background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.inspector-framework{gap:8px}.inspector-search input{height:32px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:#121419;color:var(--ui-text);font-size:11px}.inspector-search button{height:28px;border:0;background:var(--ui-surface-3);color:var(--ui-text-2);font-size:10px}.property-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border:0;border-radius:var(--ui-radius-md);background:#121419}.property-tabs button{height:28px;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-3);font-size:11px}.property-tabs button.active{background:var(--ui-surface-3);color:var(--ui-text)}.responsive-status,.type-pill{border:0;border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.type-pill{display:flex;align-items:center;gap:6px}.type-pill svg{width:14px}.inspector-group{border:0;border-top:1px solid var(--ui-border-soft);border-radius:0;background:transparent}.inspector-group>header{min-height:36px;border:0;background:transparent}.inspector-group-toggle{height:36px;padding:0 5px;color:var(--ui-text);font-size:11px}.inspector-group-toggle span{color:var(--ui-text-3)}.inspector-group-content{gap:10px;padding:7px 5px 11px}.inspector-section-reset{height:24px;border:0;background:transparent;color:var(--ui-text-3);font-size:9px}.inspector-field-heading label{color:var(--ui-text-2);font-size:11px}.inspector-field-heading small,.inspector-message,.inspector-section-help{font-size:10px}.inspector-field input:not([type=range]):not([type=color]),.inspector-field select,.inspector-field textarea{height:32px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text);font-size:12px}.inspector-field textarea{height:auto}.animation-track-controls{margin-top:5px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#14171c}.animation-track-controls.timeline-focused{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent),transparent 82%)}.animation-track-card-heading{padding:9px 9px 4px}.animation-track-heading b{font-size:11px}.animation-track-heading small,.animation-track-hint{font-size:9px}.animation-track-advanced,.animation-track-core{padding:6px 9px 9px}.asset-manager{min-height:0;gap:8px;padding:0;overflow:auto}.asset-manager>header h2,.history-heading b{margin:1px 0 0;font-size:15px}.asset-manager>header span{color:var(--ui-text-3);font-size:9px}.asset-manager>header>button{display:grid}.asset-dropzone{min-height:74px;border:1px dashed #4b5564;border-radius:var(--ui-radius-md);background:#14171c;color:var(--ui-text)}.asset-dropzone.dragging,.asset-dropzone:hover{border-color:var(--ui-accent);background:var(--ui-accent-container)}.asset-collections{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border:0;border-radius:var(--ui-radius-md);background:#121419}.asset-collections button{height:28px;border:0;border-radius:5px;background:transparent;color:var(--ui-text-3);font-size:10px}.asset-collections button[aria-pressed=true]{background:var(--ui-surface-3);color:var(--ui-text)}.asset-filter{color:var(--ui-text-3);font-size:10px}.asset-filter select{height:30px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.asset-grid article{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#14171c}.asset-card{color:var(--ui-text-2)}.asset-grid article>div button,.asset-grid footer button,.asset-pagination button{border:0;border-radius:5px;background:var(--ui-surface-2);color:var(--ui-text-2)}.asset-preview{border:1px solid #414650;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-2)}.history-actions button{min-height:34px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.history-list li{min-height:30px;color:var(--ui-text-2);font-size:10px}.asset-empty,.history-empty{padding:18px 10px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-md);background:#14171c;color:var(--ui-text-3);font-size:10px}.asset-manager{position:relative;display:flex;flex:1;flex-direction:column}.asset-manager>header,.asset-preview>div{display:flex;align-items:center;justify-content:space-between}.asset-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center}.asset-dropzone b{font-size:11px}.asset-dropzone small{margin-top:4px;color:var(--ui-text-3);font-size:9px}.asset-filter{display:flex;align-items:center;justify-content:space-between}.asset-grid{display:grid;gap:7px}.asset-grid article{overflow:hidden}.asset-card{display:grid;width:100%;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 7px;padding:8px;border:0;background:transparent;text-align:left}.asset-card i,.asset-card>img,.asset-card>svg{grid-row:1/3}.asset-card i{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--ui-surface-3);font-style:normal}.asset-card b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.asset-card small{color:var(--ui-text-3);font-size:9px}.asset-grid article>div{display:flex;justify-content:flex-end;gap:3px;padding:0 6px 5px}.asset-grid footer{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;border-top:1px solid var(--ui-border-soft)}.asset-grid footer button{min-height:27px}.asset-pagination{display:flex;align-items:center;justify-content:space-between}.asset-preview{position:sticky;bottom:0;padding:8px}.asset-preview>div{margin-bottom:7px}.asset-preview>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview img,.asset-preview video{display:block;width:100%;max-height:135px;object-fit:contain}.asset-preview audio{width:100%;height:32px}.asset-preview>small{display:block;margin-top:6px;color:var(--ui-text-3);font-size:9px}.history-panel{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.history-heading small{display:block;margin-top:3px;color:var(--ui-text-3);font-size:9px}.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.history-actions kbd{display:block;margin-top:2px;color:var(--ui-text-3);font-size:8px}.history-list{display:flex;flex-direction:column;margin:12px 0 0;padding:0;list-style:none}.history-list li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;border-left:1px solid var(--ui-border)}.history-list i{width:7px;height:7px;margin-left:-4px;border:2px solid var(--ui-surface);border-radius:50%;background:var(--ui-accent-container)}.history-list .current{color:var(--ui-accent-strong);font-weight:700}.history-list .current i{background:var(--ui-accent)}.history-list .future,.history-list small{color:var(--ui-text-3)}.history-list small{font-size:8px}.context-menu,.project-popover{border:1px solid #414650;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-2)}.context-menu{position:fixed;z-index:2000;width:220px;max-height:calc(100vh - 16px);padding:6px;overflow:auto}.layer-context-menu{width:250px}.context-menu button{display:flex;width:100%;height:32px;align-items:center;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--ui-text-2);font-size:11px;text-align:left}.context-menu button:hover{background:var(--ui-surface-3);color:var(--ui-text)}.context-menu button.danger{color:var(--ui-danger)}.context-heading{padding:5px 9px 7px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.context-heading,.context-menu kbd{color:var(--ui-text-3);font-size:9px}.context-menu kbd{margin-left:auto}.context-separator{height:1px;margin:5px;background:var(--ui-border-soft)}.context-submenu{margin:2px 5px 5px;padding:3px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface)}.project-popover{position:absolute;z-index:100;top:40px;right:0;width:390px;max-height:min(520px,calc(100vh - 64px));padding:12px;overflow:auto}.project-popover>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.project-popover>p{color:var(--ui-text-3);font-size:11px}.project-popover section{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px;padding:6px 0;border-top:1px solid var(--ui-border-soft)}.project-popover section>button{min-height:30px;padding:0 7px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.project-popover .project-open{display:flex;min-width:0;flex-direction:column;align-items:flex-start;border-color:transparent;background:transparent}.project-open b,.project-open small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open b{color:var(--ui-text);font-size:11px}.project-open small{color:var(--ui-text-3);font-size:9px}.portable-actions{display:flex;justify-content:flex-start;gap:7px;margin:10px 0;padding-top:10px;border-top:1px solid var(--ui-border-soft)}.portable-actions button{min-height:30px;padding:0 9px;border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface-2);color:var(--ui-text-2);font-size:10px}.project-popover h4{margin:12px 0 5px;color:var(--ui-text-3);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.conflict-actions{display:block;padding:10px;border:1px solid var(--ui-danger-container);border-radius:var(--ui-radius-sm);background:var(--ui-danger-container)}.conflict-actions p{margin:0 0 8px;color:var(--ui-danger);font-size:10px}.conflict-actions button{margin-right:6px}.context-menu button svg{margin-left:auto}.tutorial-back,.tutorial-go{display:inline-flex;align-items:center;justify-content:center;gap:6px}.tutorial-card{border-color:var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-2)}.tutorial-logo{background:var(--ui-accent);color:#10233d}.tutorial-card>span,.tutorial-copy>span{color:var(--ui-accent)}.tutorial-visual{border-color:var(--ui-border);background:var(--ui-canvas)}.startup-project-dialog .primary,.tutorial-go{border-color:transparent;background:var(--ui-accent);color:#10233d}.startup-project-dialog button,.tutorial-back{border-color:var(--ui-border);background:var(--ui-surface-2);color:var(--ui-text-2)}.tutorial-dots button.active{background:var(--ui-accent)}.startup-project-dialog{border-color:var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-2)}.startup-project-dialog>span{color:var(--ui-accent)}.startup-project-dialog p{color:var(--ui-text-2)}.portable-actions button,.project-popover section>button{border-color:var(--ui-border);background:var(--ui-surface-2);color:var(--ui-text-2)}.startup-project-backdrop{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:clamp(12px,4vw,28px);overflow-x:hidden;overflow-y:auto;background:#05070bc7;backdrop-filter:blur(5px)}.startup-project-dialog{width:min(620px,calc(100vw - 32px));max-width:100%;padding:clamp(22px,5vw,38px);overflow:visible;white-space:normal}.startup-project-dialog>span{font-size:10px;font-weight:800;letter-spacing:.14em}.startup-project-dialog h2{max-width:100%;margin:12px 0;overflow-wrap:normal;font-size:clamp(20px,4.2vw,30px);line-height:1.18;text-wrap:balance;white-space:normal}.startup-project-dialog p{max-width:52ch;margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.65;white-space:normal}.startup-project-dialog>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:28px}.startup-project-dialog button{min-height:38px;height:auto;padding:9px 15px;border-style:solid;border-width:1px;border-radius:var(--ui-radius-sm)}@media(max-width:380px){.startup-project-dialog{width:calc(100vw - 20px);padding:20px 16px}.startup-project-dialog h2{font-size:19px;text-wrap:wrap}.startup-project-dialog>div{display:grid;grid-template-columns:1fr;margin-top:20px}.startup-project-dialog button{width:100%}}@media(max-height:420px){.startup-project-backdrop{place-items:start center}.startup-project-dialog{margin-block:auto}}.canvas-navigation [data-tooltip]:after{top:auto;bottom:calc(100% + 8px)}.layer-controls [data-tooltip]:after{left:auto;right:0;transform:translateY(-3px)}.layer-controls [data-tooltip]:focus-visible:after,.layer-controls [data-tooltip]:hover:after{transform:none}.code-page,.preview-page{display:flex;min-height:0;flex:1;flex-direction:column}.code-toolbar,.preview-toolbar{position:relative;z-index:2;display:flex;height:54px;flex:none;align-items:center;justify-content:space-between;padding:0 14px;border:0;border-bottom:1px solid var(--ui-border-soft);background:var(--ui-surface)}.code-toolbar span,.preview-toolbar>span{display:flex;align-items:center;gap:7px;color:var(--ui-text-2);font-size:12px;font-weight:600}.preview-toolbar>div{display:flex;gap:3px}.full-preview{display:grid;min-height:0;flex:1;place-items:center;padding:22px;overflow:hidden;background:#080a0e}.full-preview .design-canvas{width:auto;height:100%;background-image:none}.preview-only .canvas-el{cursor:default}.preview-bottom{display:flex;height:44px;flex:none;align-items:center;justify-content:center;gap:16px;border:1px solid #414650;border-radius:var(--ui-radius-md);background:var(--ui-overlay);box-shadow:var(--ui-shadow-1)}.code-wrap{display:grid;min-height:0;flex:1;grid-template-columns:270px minmax(0,1fr);gap:12px;padding:12px;background:var(--ui-bg)}.code-info,.code-wrap pre{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.code-info{padding:25px}.code-info>span{color:var(--ui-accent);font-size:10px;font-weight:700;letter-spacing:.1em}.code-info h1{font-size:23px}.code-info p{font-size:12px}.code-wrap pre{min-width:0;margin:0;padding:20px;overflow:auto;white-space:pre-wrap}@media(max-width:1180px){.builder{grid-template-columns:52px minmax(520px,1fr) var(--right-sidebar-width,318px)}.left-tools{grid-template-columns:51px;overflow:visible}.left-panel{position:absolute;z-index:40;left:52px;top:0;bottom:0;width:240px;border-right:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-2);transform:translateX(-105%);opacity:0;pointer-events:none;transition:transform var(--ui-normal),opacity var(--ui-normal)}.left-tools:focus-within .left-panel,.left-tools:hover .left-panel{transform:none;opacity:1;pointer-events:auto}.project-name{max-width:230px}.canvas-heading>span:first-child,.canvas-pan-hint{display:none}}@media(max-width:1024px){.lab-header{grid-template-columns:auto auto minmax(100px,1fr) auto}.local-projects .save-status{display:none}.header-actions{position:fixed;right:12px;bottom:12px;z-index:45}.builder{grid-template-columns:52px minmax(480px,1fr) 300px}.selection-toolbar{max-width:calc(100% - 24px)}.canvas-top{height:36px}.canvas-actions{min-width:0;overflow-x:auto;scrollbar-width:none}.code-wrap{grid-template-columns:1fr}.code-info{display:none}}@media(max-width:800px){.lab{height:auto;min-height:100vh;overflow:auto}.lab-header{position:sticky;top:0;height:48px;grid-template-columns:auto 1fr auto}.brand span,.local-projects .save-status,.local-projects>button:nth-child(2),.project-name{display:none}.lab-header nav{justify-self:center}.lab-header nav button{width:30px;padding:0;justify-content:center}.lab-header nav button span{display:none}.builder{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(560px,68vh) auto auto}.left-tools{position:fixed;z-index:45;left:8px;bottom:8px;width:auto;min-height:auto;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-2)}.left-mode-tabs{flex-direction:row;padding:4px;border:0}.left-panel{position:fixed;left:8px;right:8px;top:auto;bottom:58px;width:auto;height:min(520px,70vh);transform:translateY(110%)}.left-tools:focus-within .left-panel,.left-tools:hover .left-panel{transform:none}.canvas-area{grid-row:1}.right-tools{grid-row:2;min-height:700px;border-top:1px solid var(--ui-border-soft)}.panel-resize-handle{display:none}.canvas-actions{gap:3px}.canvas-heading{display:none}.selection-toolbar{top:48px}.canvas-navigation{bottom:8px}.layers-section{min-height:320px}.inspector-section{max-height:none;flex-basis:380px}}@media(prefers-reduced-motion:reduce){.selection-toolbar{animation:none}.left-panel{transition:none}}.element-library,.loadinglab-scrollbar,.loadinglab-scrollbar .layer-list,.preset-library,body,html{scrollbar-color:#4c5667 transparent;scrollbar-width:thin}.element-library::-webkit-scrollbar,.loadinglab-scrollbar .layer-list::-webkit-scrollbar,.loadinglab-scrollbar::-webkit-scrollbar,.preset-library::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{width:7px;height:7px}.element-library::-webkit-scrollbar-track,.loadinglab-scrollbar .layer-list::-webkit-scrollbar-track,.loadinglab-scrollbar::-webkit-scrollbar-track,.preset-library::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}.element-library::-webkit-scrollbar-thumb,.loadinglab-scrollbar .layer-list::-webkit-scrollbar-thumb,.loadinglab-scrollbar::-webkit-scrollbar-thumb,.preset-library::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#4c5667;background-clip:padding-box}.element-library::-webkit-scrollbar-thumb:hover,.loadinglab-scrollbar .layer-list::-webkit-scrollbar-thumb:hover,.loadinglab-scrollbar::-webkit-scrollbar-thumb:hover,.preset-library::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#667386;background-clip:padding-box}.element-library::-webkit-scrollbar-button,.loadinglab-scrollbar .layer-list::-webkit-scrollbar-button,.loadinglab-scrollbar::-webkit-scrollbar-button,.preset-library::-webkit-scrollbar-button,body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none;width:0;height:0}.canvas-options-popover input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--ui-accent);cursor:pointer}.visual-timeline{--timeline-label-width:150px;position:relative;grid-column:1/-1;grid-row:2;height:var(--timeline-height,248px);min-height:148px;max-height:min(480px,55vh);overflow:hidden;border-top:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 -8px 24px #00000024;color:var(--ui-text)}.timeline-resize-handle{position:absolute;z-index:10;top:-3px;left:0;width:100%;height:7px;padding:0;border:0;background:transparent;cursor:ns-resize;touch-action:none}.timeline-resize-handle:after{content:"";position:absolute;top:2px;left:50%;width:36px;height:2px;border-radius:2px;background:var(--ui-border)}.timeline-resize-handle:hover:after,.timeline-resizing .timeline-resize-handle:after{background:var(--ui-accent)}body.timeline-resizing{cursor:ns-resize!important;user-select:none!important}.timeline-header{display:grid;height:45px;grid-template-columns:minmax(150px,1fr) auto minmax(260px,1fr);align-items:center;gap:12px;padding:5px 10px;border-bottom:1px solid var(--ui-border-soft)}.timeline-actions,.timeline-selected-actions,.timeline-title,.timeline-transport{display:flex;align-items:center}.timeline-title{min-width:0;gap:7px}.timeline-title>b{font-size:12px}.timeline-title .ui-status{margin-left:3px}.timeline-selected-actions{gap:1px;padding-left:3px;border-left:1px solid var(--ui-border-soft)}.timeline-selected-actions .ui-icon-button{width:27px;height:27px}.timeline-transport{justify-content:center;gap:3px}.timeline-transport label{display:flex;height:30px;align-items:center;gap:5px;margin-left:5px;padding:0 7px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text-3);font-size:10px}.timeline-transport input{width:62px;height:24px;padding:0 4px;border:0;background:transparent;color:var(--ui-text);font:600 10px var(--font-geist-mono);outline:0}.timeline-transport small{font:9px var(--font-geist-mono);white-space:nowrap}.timeline-actions{justify-content:flex-end;gap:2px}.timeline-actions .ui-button{min-height:29px;padding:0 8px}.timeline-filter{display:flex;align-items:center;padding:2px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2)}.timeline-filter button{height:24px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--ui-text-3);font-size:9px;font-weight:650}.timeline-filter button:hover{color:var(--ui-text)}.timeline-filter button.active{background:var(--ui-accent-container);color:var(--ui-accent-text)}.timeline-filter button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.timeline-workspace{display:grid;height:calc(100% - 45px);min-height:0;grid-template-columns:var(--timeline-label-width) minmax(0,1fr)}.timeline-label-column{position:relative;z-index:5;overflow:hidden;border-right:1px solid var(--ui-border-soft);background:var(--ui-surface)}.timeline-label-ruler{height:28px;padding:8px 10px 0;color:var(--ui-text-3);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.timeline-label-column>button{display:flex;width:100%;height:43px;align-items:center;gap:7px;padding:0 10px;border:0;border-top:1px solid var(--ui-border-soft);background:transparent;color:var(--ui-text-2);text-align:left}.timeline-label-column>button.selected{background:var(--ui-accent-container);color:var(--ui-text)}.timeline-label-column>button.hidden{opacity:.58}.timeline-label-column>button svg{width:14px;height:14px;flex:none}.timeline-label-column>button span{display:flex;min-width:0;flex-direction:column;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.timeline-label-column>button small{overflow:hidden;color:var(--ui-text-3);font-size:8px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.timeline-scroll{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--ui-border) transparent;scrollbar-width:thin}.timeline-content{position:relative;min-height:100%}.timeline-ruler{position:sticky;z-index:4;top:0;height:28px;border-bottom:1px solid var(--ui-border-soft);background:color-mix(in srgb,var(--ui-surface) 94%,transparent);cursor:ew-resize;touch-action:none}.timeline-ruler:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}.timeline-ruler i{position:absolute;bottom:0;width:1px;height:7px;background:var(--ui-border)}.timeline-ruler i.major{height:11px}.timeline-ruler i span{position:absolute;top:-12px;left:4px;color:var(--ui-text-3);font:8px var(--font-geist-mono);white-space:nowrap}.timeline-row,.timeline-rows{position:relative}.timeline-row{height:43px;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:auto 43px;border-bottom:1px solid var(--ui-border-soft);background-image:linear-gradient(90deg,var(--ui-border-soft) 1px,transparent 1px);background-size:var(--timeline-second,82px) 100%}.timeline-row.selected{background-color:color-mix(in srgb,var(--ui-accent-container) 23%,transparent)}.timeline-row.hidden{opacity:.58}.timeline-row.locked{background-color:color-mix(in srgb,var(--ui-surface-2) 62%,transparent)}.timeline-track-empty{position:absolute;right:3px;left:3px;display:flex;height:11px;align-items:center;gap:4px;padding:0 5px;overflow:hidden;border:1px dashed color-mix(in srgb,var(--ui-border) 62%,transparent);border-radius:3px;background:color-mix(in srgb,var(--ui-surface-2) 45%,transparent);color:var(--ui-text-3);text-align:left;opacity:.62}.timeline-track-empty:focus-visible,.timeline-track-empty:hover{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent-container) 42%,transparent);color:var(--ui-text);opacity:1}.timeline-track-empty:focus-visible{outline:1px solid var(--ui-accent);outline-offset:0}.timeline-track-empty:disabled{cursor:not-allowed;opacity:.28}.timeline-track-empty span{font-size:10px;font-weight:800;line-height:1}.timeline-track-empty b{font-size:7px;font-weight:650;letter-spacing:.02em}.timeline-track-empty.configured{border-style:solid}.timeline-track-empty.enter{top:2px}.timeline-track-empty.loop{top:15px}.timeline-track-empty.exit{top:28px}.timeline-block{position:absolute;display:flex;height:12px;min-width:18px;align-items:center;padding:0 5px;overflow:visible;border:0;border-radius:3px;color:#081018;cursor:grab;touch-action:none}.timeline-block:active{cursor:grabbing}.timeline-block.enter{top:2px;background:#8ab4f8}.timeline-block.loop{top:15px;background:#79d9b1}.timeline-block.exit{top:28px;background:#f2b766}.timeline-block.infinite{background-image:repeating-linear-gradient(120deg,#ffffff35 0 5px,transparent 5px 10px)}.timeline-block.selected{outline:2px solid #fff;outline-offset:1px;z-index:2}.timeline-block:disabled{cursor:not-allowed;filter:saturate(.35)}.timeline-block:focus-visible{outline:2px solid #fff;outline-offset:2px;z-index:3}.timeline-block b{position:relative;z-index:1;min-width:0;overflow:hidden;font-size:8px;font-weight:750;line-height:1;text-overflow:ellipsis;white-space:nowrap}.timeline-block small{font-size:7px;font-weight:600;opacity:.72}.timeline-block-delay{position:absolute;inset:0 auto 0 0;border-radius:3px 0 0 3px;background:repeating-linear-gradient(135deg,#0002 0 3px,transparent 3px 6px);pointer-events:none}.timeline-block-handle{position:absolute;z-index:2;top:0;width:6px;height:100%;opacity:0;cursor:ew-resize}.timeline-block:focus-visible .timeline-block-handle,.timeline-block:hover .timeline-block-handle{opacity:1}.timeline-block-handle:after{content:"";position:absolute;inset:2px;border-radius:2px;background:#fff}.timeline-block-handle.start{left:0}.timeline-block-handle.end{right:0}.timeline-boundary{position:absolute;z-index:1;top:28px;bottom:0;left:0;width:1px;background:color-mix(in srgb,var(--ui-text-3) 62%,transparent);pointer-events:none}.timeline-boundary.end{background:var(--ui-accent)}.timeline-playhead{position:absolute;z-index:6;top:0;bottom:0;left:0;width:1px;background:#f05f6c;pointer-events:none;will-change:transform}.timeline-playhead i{position:absolute;top:21px;left:-5px;width:11px;height:8px;border-radius:5px 5px 2px 2px;background:#f05f6c}.timeline-empty{position:absolute;z-index:3;top:83px;left:calc(var(--timeline-label-width) + 24px);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:12px 15px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-2);color:var(--ui-text-3)}.timeline-empty svg{grid-row:1/3}.timeline-empty b{color:var(--ui-text-2);font-size:11px}.timeline-empty span{font-size:9px}.timeline-launcher{position:fixed;z-index:44;left:50%;bottom:10px;display:flex;height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-overlay);box-shadow:var(--ui-shadow-1);color:var(--ui-text-2);font-size:11px;transform:translateX(-50%)}.timeline-launcher:hover{border-color:#5777a1;color:var(--ui-text)}.timeline-launcher svg{width:15px}.timeline-launcher kbd{color:var(--ui-text-3);font-size:8px}@media(max-width:1120px){.visual-timeline{--timeline-label-width:132px}.timeline-header{grid-template-columns:auto 1fr auto}.timeline-actions .ui-button span,.timeline-title .ui-status,.timeline-transport label>span{display:none}.timeline-filter button{padding:0 5px}}@media(max-width:800px){.visual-timeline{position:fixed;z-index:55;right:6px;bottom:6px;left:6px;height:min(var(--timeline-height,248px),46vh);max-height:46vh;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-2)}.timeline-header{grid-template-columns:auto 1fr auto;gap:5px;padding-inline:6px}.timeline-actions .ui-button,.timeline-actions>.ui-icon-button:not(:last-child),.timeline-selected-actions,.timeline-title b,.timeline-transport label{display:none}.timeline-filter button{padding:0 4px;font-size:8px}.timeline-launcher{bottom:58px}}@media(prefers-reduced-motion:reduce){.timeline-playhead,.timeline-scroll{scroll-behavior:auto!important}.timeline-launcher,.visual-timeline{transition:none!important}}.timeline-label-ruler{position:sticky;z-index:2;top:0;background:var(--ui-surface)}.timeline-block b{font-size:10px}.timeline-block small{font-size:9px}