@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.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);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);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#191919;--muted:#737373;--line:#e3e3e3;--paper:#fff;--surface:#f5f5f5;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.28;cursor:not-allowed}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #777}button{transition:background-color .15s,color .15s}button:active:not(:disabled){transform:translateY(1px)}input,textarea,select{color:var(--ink);border-radius:0}svg{stroke-width:1.6px;flex-shrink:0}h1,h2,h3,p{margin:0}::selection{color:#fff;background:#222}.mono{font-family:var(--mono);letter-spacing:.035em;font-size:10px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:60px;height:76px;padding:0 30px;display:flex}.wordmark{letter-spacing:-1.5px;white-space:nowrap;align-items:center;font-size:24px;font-weight:900;line-height:1;display:inline-flex}.brand-dot{background:currentColor;border-radius:50%;align-self:flex-end;width:6px;height:6px;margin:0 0 3px 4px}.topbar nav{align-items:stretch;gap:28px;height:100%;display:flex}.topbar nav>button{color:#777;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.topbar nav>button:hover{color:#111}.topbar nav .nav-active{color:var(--ink)}.nav-active:after{content:"";background:#191919;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-count{font-family:var(--mono);color:#767676;font-size:9px}.header-actions{align-items:center;gap:22px;margin-left:auto;display:flex}.local-status{color:#737373;align-items:center;gap:7px;font-size:10px;display:flex}.local-status i{background:#888;border-radius:50%;width:4px;height:4px}.primary-button{color:#fff;white-space:nowrap;background:#1c1c1c;justify-content:space-between;align-items:center;gap:24px;min-height:40px;padding:12px 17px;font-size:12px;display:inline-flex}.primary-button:hover{background:#454545}.secondary-button{border:1px solid #d6d6d6;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:inline-flex}.secondary-button:hover{background:#f3f3f3}.icon-button{border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover:not(:disabled){background:#eee}.project-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}.project-name{align-items:center;gap:14px;display:flex}.project-symbol{font-size:25px;line-height:1}.project-name input{background:0 0;border:0;outline:0;width:170px;padding:6px 0;font-size:13px}.project-name input:hover{box-shadow:0 1px #aaa}.project-label{color:#828282;border-left:1px solid #ddd;margin-left:4px;padding-left:18px;font-size:9px}.text-button{color:#5d5d5d;align-items:center;gap:8px;font-size:11px;display:flex}.text-button:hover{color:#111}.workspace{flex:1;grid-template-columns:214px minmax(300px,1fr) 260px;min-height:640px;display:grid}.behaviour-panel{border-right:1px solid var(--line);flex-direction:column;padding:25px 20px 20px 26px;display:flex}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{letter-spacing:-.2px;font-size:13px;font-weight:600}.panel-title>.mono{color:#777;font-size:10px}.panel-subtitle{color:#777;margin-top:9px;font-size:10px;line-height:1.5}.behaviour-list{gap:17px;margin-top:24px;display:grid}.behaviour-card{text-align:left;display:block;position:relative}.behaviour-preview{background:#f5f5f5;border:1px solid #0000;height:73px;transition:border-color .18s;position:relative;overflow:hidden}.behaviour-preview canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.behaviour-card.selected .behaviour-preview{border-color:#1b1b1b}.behaviour-card:hover .behaviour-preview{border-color:#888}.preview-number{color:#737373;font-size:8px;position:absolute;top:8px;left:9px}.selected-check{color:#fff;background:#191919;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;top:7px;right:7px}.behaviour-card-caption{justify-content:space-between;align-items:center;margin-top:9px;font-size:12px;font-weight:500;display:flex}.behaviour-card-caption svg{opacity:0;transition:opacity .15s}.behaviour-card:hover .behaviour-card-caption svg,.behaviour-card.selected .behaviour-card-caption svg{opacity:1}.behaviour-subtitle{color:#7a7a7a;margin-top:4px;font-size:9px;display:block}.sidebar-note{margin-top:auto;padding-top:25px}.note-symbol{font-size:25px}.sidebar-note p{letter-spacing:-.6px;margin-top:13px;font-size:20px;line-height:1.18}.sidebar-note p strong{font-weight:600}.sidebar-note>.mono{color:#787878;letter-spacing:.06em;margin-top:14px;font-size:8px;display:block}.center-column{background:#fff;flex-direction:column;min-width:0;padding:24px 24px 0;display:flex}.stage{isolation:isolate;color:#1c1c1c;background:#f5f5f5;border:1px solid #e5e5e5;flex-direction:column;flex:1;min-height:460px;display:flex;position:relative;overflow:hidden}.stage-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.stage-top>.mono{color:#666;font-size:8px}.separator{opacity:.45;margin:0 10px}.live-indicator{font-family:var(--mono);color:#5b5b5b;align-items:center;gap:6px;font-size:8px;display:flex}.live-indicator i{background:currentColor;border-radius:50%;width:4px;height:4px}.stage-viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:25px 28px 15px;display:flex;position:relative;overflow:hidden}.artboard{aspect-ratio:1200/840;transform-origin:50%;will-change:transform;width:100%;max-height:100%;position:relative}.artboard canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.corner{opacity:.22;pointer-events:none;z-index:1;width:9px;height:9px;position:absolute}.tl{border-top:1px solid;border-left:1px solid;top:0;left:0}.tr{border-top:1px solid;border-right:1px solid;top:0;right:0}.bl{border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.br{border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.stage-instruction{color:#666;pointer-events:none;z-index:2;justify-content:center;align-items:center;gap:8px;padding:8px 15px 22px;font-size:10px;display:flex}.instruction-icon{border:1px solid #d9d9d9;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:2px;display:grid}.stage-instruction .desktop-only{color:#838383;margin-left:3px;font-size:9px}.stage-bottom{z-index:2;justify-content:space-between;align-items:center;padding:0 18px 16px;display:flex}.canvas-meta{color:#777;letter-spacing:.02em;font-size:8px}.zoom-controls{align-items:center;gap:5px;display:flex}.zoom-controls button{color:#666;place-items:center;width:24px;height:24px;display:grid}.zoom-controls button:hover{background:#e4e4e4}.zoom-controls .zoom-value{font-family:var(--mono);width:40px;font-size:9px}.zoom-controls>span{background:#d5d5d5;width:1px;height:12px;margin:0 5px}.canvas-notice{color:#777;font-size:9px;position:absolute;top:45px;left:20px}.performance-note{color:#777;font-size:9px;position:absolute;top:60px;left:20px}.reset-pan{z-index:2;padding:8px;position:absolute;top:42px;right:20px}.dark-stage{color:#f5f5f5;background:#181818;border-color:#181818}.dark-stage .stage-top>.mono,.dark-stage .canvas-meta,.dark-stage .stage-instruction,.dark-stage .zoom-controls button,.dark-stage .live-indicator{color:#a3a3a3}.dark-stage .zoom-controls button:hover{background:#383838}.dark-stage .instruction-icon{border-color:#444}.dark-stage .zoom-controls>span{background:#555}.expanded-stage,.stage:fullscreen{width:100%;height:100dvh;min-height:100dvh;padding:20px}.stage:fullscreen .stage-viewport{max-height:calc(100dvh - 150px)}.stage:fullscreen .artboard{width:auto;max-width:90vw;height:100%}.expanded-stage{z-index:40;position:fixed;inset:0}.empty-canvas{letter-spacing:-.5px;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:23px;display:flex;position:absolute;inset:0}.empty-canvas span{letter-spacing:0;font-size:12px}.transport{border:1px solid var(--line);border-top:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:66px;padding:0 14px;display:flex}.playback-buttons,.history-buttons{align-items:center;gap:8px;display:flex}.play-button{color:#fff;background:#1b1b1b;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.play-button:hover{background:#444}.playback-clock{flex-direction:column;gap:5px;min-width:66px;margin-left:5px;font-size:10px;display:flex}.playback-clock span{color:#777;letter-spacing:.1em;font-size:6px}.canvas-tools{border:1px solid #e7e7e7;border-radius:4px;gap:2px;padding:3px;display:flex}.canvas-tools button{color:#777;border-radius:2px;place-items:center;width:29px;height:27px;display:grid}.canvas-tools button.active{color:#181818;background:#ededed}.canvas-tools button:hover{background:#f1f1f1}.history-buttons{gap:3px}.transport-divider{background:#e3e3e3;width:1px;height:16px;margin:0 9px}.randomise-button{align-items:center;gap:7px;height:30px;padding:0 3px;font-size:10px;display:flex}.randomise-button:hover{color:#777}.below-stage{font-family:var(--mono);letter-spacing:.06em;color:#7c7c7c;justify-content:space-between;align-items:center;min-height:44px;font-size:7px;display:flex}.below-stage button{letter-spacing:0;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:9px;display:flex}.properties-panel{border-left:1px solid var(--line);min-height:640px;max-height:calc(100dvh - 174px);padding:25px 22px 20px;overflow-y:auto}.properties-panel>.panel-title{margin-bottom:24px}.property-section{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.field-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.field-heading label,.font-controls label,.section-label,.alignment-row>span{font-size:10px}.field-heading .mono{color:#777;font-size:8px}textarea{resize:vertical;letter-spacing:-.35px;background:#f5f5f5;border:1px solid #e6e6e6;width:100%;min-height:72px;max-height:180px;padding:12px;font-size:16px;line-height:1.25;display:block}textarea::placeholder{color:#767676}.font-controls{margin-top:16px}.font-controls label{color:#666;flex-direction:column;gap:8px;min-width:0;display:flex}select{appearance:auto;cursor:pointer;background:#fff;border:1px solid #dedede;width:100%;min-width:0;padding:9px 22px 9px 9px;font-size:11px}.field-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.number-input{border:1px solid #dedede;align-items:center;height:34px;padding-right:9px;display:flex}.number-input input{appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:8px 0 8px 9px;font-size:11px}.number-input input::-webkit-inner-spin-button{appearance:none}.number-input>span{color:#777;font-size:9px}.alignment-row{color:#666;justify-content:space-between;align-items:center;margin-top:16px;display:flex}.segmented{gap:1px;display:flex}.segmented button{border:1px solid #0000;place-items:center;width:28px;height:25px;display:grid}.segmented button.active{color:#191919;background:#f0f0f0;border-color:#dedede}.section-label{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.behaviour-pill{color:#616161;background:#eee;border-radius:2px;padding:4px 7px;font-size:8px}.range-field{margin-top:19px;display:block}.range-field>span{color:#666;justify-content:space-between;align-items:center;font-size:10px;display:flex}.range-field output{font-family:var(--mono);color:#333;font-size:9px}.range-field input{appearance:none;background:linear-gradient(to right,#292929 0%,#292929 var(--range-progress),#ddd var(--range-progress),#ddd 100%);cursor:pointer;outline-offset:8px;border:0;width:100%;height:2px;margin:15px 0 5px;display:block}.range-field input::-webkit-slider-thumb{appearance:none;background:#292929;border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #292929}.range-field input::-moz-range-thumb{background:#292929;border:1px solid #fff;border-radius:50%;width:7px;height:7px}.disclosure{color:#727272;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:4px 0;font-size:9px;display:flex}.disclosure svg{transition:transform .2s}.advanced-controls{border-top:1px dashed #ddd;margin-top:12px;padding-top:0}.checkbox-field{cursor:pointer;align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.checkbox-field input{accent-color:#222;cursor:pointer;width:13px;height:13px}.advanced-controls .checkbox-field{margin-top:18px;font-size:10px}.background-section{align-items:center;gap:13px;font-size:10px;display:flex}.background-swatches{gap:6px;margin-left:auto;display:flex}.swatch{border:1px solid #dedede;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.swatch.chosen{outline-offset:3px;outline:1px solid #8b8b8b}.light-swatch{color:#191919;background:#f5f5f5}.dark-swatch{color:#fff;background:#222}.background-section>.mono{color:#777;width:28px;margin-left:4px;font-size:8px}.objects-section{margin-bottom:18px;padding-bottom:15px}.objects-section .section-label{margin-bottom:8px}.section-label small{font-family:var(--mono);color:#888;margin-left:5px;font-size:8px}.section-label>.icon-button{width:20px;height:20px}.object-row{align-items:center;height:30px;padding:0 6px;display:flex}.object-row.active{background:#f2f2f2}.object-row>button:first-child{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;font-size:9px;display:flex}.object-row button>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.object-type{font-size:14px;font-weight:700}.object-row small{font-family:var(--mono);color:#888;margin-left:auto;font-size:8px}.delete-object{padding-left:8px}.behaviour-description>.mono{color:#777;font-size:8px}.behaviour-description p{color:#777;margin-top:10px;font-size:10px;line-height:1.7}.app-footer{border-top:1px solid var(--line);height:35px;font-family:var(--mono);color:#777;letter-spacing:.04em;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;font-size:7px;display:flex}.footer-plus{color:#bbb;margin:0 10px}.footer-version{color:#888;margin-left:25px}.mobile-toolbar,.mobile-close{display:none}.environment-banner{background:#efefef;border-bottom:1px solid #ddd;padding:8px 28px;font-size:10px}.boot-screen{color:#fff;background:#161616;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100dvh;display:flex}.boot-screen>.mono{color:#999;font-size:9px}.intro{z-index:100;color:#f5f5f5;background:#141414;flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.intro-nav{flex-shrink:0;justify-content:space-between;align-items:center;height:96px;padding:0 44px;display:flex}.intro-nav>button{color:#bbb;align-items:center;gap:11px;font-size:11px;display:flex}.intro-center{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:30px 10vw 55px;display:flex;position:relative}.intro-eyebrow{color:#919191;letter-spacing:.13em;margin-bottom:40px;font-size:9px}.intro-heading{letter-spacing:-.08em;max-width:1100px;font-size:clamp(65px,10.8vw,168px);font-weight:900;line-height:.88;position:relative}.intro-heading>span{display:block}.typing-heading{min-height:2em;font-size:clamp(56px,9vw,145px)}.dead-word{white-space:nowrap}.dead-letter{display:inline-block}.typing-cursor{background:#f5f5f5;width:3px;height:.75em;margin-left:12px;animation:1s step-end infinite cursor-blink;display:inline-block;position:absolute;bottom:.2em}.alive-heading{width:100%}.alive-heading>span:first-child{letter-spacing:-.07em;margin-bottom:.16em;font-size:.62em}.breathing-word{white-space:nowrap;margin-left:-.025em;font-size:1.58em;line-height:.9}.breathing-word>span{transform-origin:50% 70%;animation:3.5s ease-in-out infinite letter-breathe;display:inline-block}.intro-action{opacity:0;pointer-events:none;margin-top:50px}.intro-action.ready{opacity:1;pointer-events:auto}.intro-action>p{color:#909090;letter-spacing:-.1px;margin-bottom:22px;font-size:13px}.intro-action button{border-bottom:1px solid #696969;align-items:center;gap:75px;min-height:35px;padding:0 0 12px;font-size:15px;display:flex}.intro-action button:hover{color:#fff;border-color:#fff}.intro-footer{color:#848484;letter-spacing:.09em;justify-content:space-between;align-items:center;padding:0 44px 25px;font-size:8px;display:flex}.intro-footer span:nth-child(2){margin-left:auto;margin-right:130px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0007;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;outline:none;width:420px;max-width:100%;max-height:90dvh;padding:28px;overflow-y:auto;box-shadow:0 20px 100px #0002}.modal-heading{justify-content:space-between;align-items:center;display:flex}.modal-heading h2{letter-spacing:-1.2px;font-size:28px;font-weight:500}.modal-description{color:#777;margin-top:10px;font-size:12px}.export-preview{background:#f5f5f5;height:150px;margin:22px 0 18px;overflow:hidden}.export-preview canvas,.export-preview img{object-fit:contain;width:100%;height:100%}.export-tabs{border-bottom:1px solid #ddd;gap:25px;margin-bottom:22px;display:flex}.export-tabs button{color:#777;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-size:11px}.export-tabs button.active{color:#191919;border-bottom-color:#191919}.export-size{justify-content:space-between;align-items:center;gap:24px;font-size:11px;display:flex}.export-size select{max-width:210px}.export-checkbox{margin-top:19px}.export-note{color:#777;margin:19px 0 22px;font-size:10px;line-height:1.7}.full-width{justify-content:center;gap:10px;width:100%}.form-error{border-left:2px solid #333;margin:15px 0;padding-left:10px;font-size:11px;line-height:1.6}.wide-modal{width:740px}.library-heading{justify-content:space-between;align-items:center;gap:20px;margin:18px 0 26px;display:flex}.library-heading p{color:#777;font-size:11px;line-height:1.5}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;display:grid}.creation-card{min-width:0;position:relative}.creation-open{text-align:left;width:100%}.creation-open>img,.creation-open>canvas{aspect-ratio:360/252;object-fit:cover;background:#f5f5f5;border:1px solid #e3e3e3;width:100%;display:block}.creation-open h3{text-overflow:ellipsis;white-space:nowrap;margin:12px 0 6px;padding-right:20px;font-size:12px;font-weight:500;overflow:hidden}.creation-open>span{color:#777;text-transform:capitalize;justify-content:space-between;align-items:center;font-size:10px;display:flex}.delete-creation{color:#777;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:25px;right:0}.delete-creation:hover{color:#111;background:#eee}.empty-library{text-align:center;flex-direction:column;align-items:center;padding:25px 0 35px;display:flex}.empty-library>span{letter-spacing:-9px;color:#ddd;font-size:100px;font-weight:700}.empty-library h3{letter-spacing:-.6px;margin-top:12px;font-size:20px;font-weight:500}.empty-library p{color:#777;margin-top:12px;margin-bottom:25px;font-size:12px}.help-rows{gap:22px;margin:30px 0;display:grid}.help-rows>div{align-items:flex-start;gap:18px;display:flex}.help-rows svg{width:19px;height:19px;margin-top:2px}.help-rows p{color:#777;font-size:11px;line-height:1.6}.help-rows strong{color:#222;margin-bottom:3px;font-weight:500;display:block}.shortcuts{color:#777;border-top:1px solid #ddd;flex-wrap:wrap;gap:14px;padding-top:20px;font-size:9px;display:flex}.shortcuts span{align-items:center;gap:5px;display:flex}kbd{font-family:var(--mono);border:1px solid #ddd;padding:4px;font-size:8px}.local-note{color:#777;margin-top:25px;font-size:10px;line-height:1.6}.toast{color:#fff;z-index:90;background:#1e1e1e;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:15px 18px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.toast button{flex-shrink:0;place-items:center;margin-left:15px;display:grid}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-tool{font-size:20px;font-weight:600;line-height:18px}@keyframes letter-breathe{0%,to{transform:scale(1,calc(.97 + var(--proximity,0)))}50%{transform:scale(.96,calc(1.055 + var(--proximity,0)))}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (min-width:1500px){.workspace{grid-template-columns:240px minmax(300px,1fr) 280px}.behaviour-panel{padding-left:30px;padding-right:26px}.behaviour-preview{height:85px}.center-column{padding:28px 30px 0}.properties-panel{padding:28px}.stage-viewport{padding:30px 40px 20px}.stage{min-height:540px}.transport{height:70px}.topbar{gap:90px}.app-shell{max-width:2000px;margin:auto}}@media (min-width:1024px) and (min-height:850px){.workspace,.properties-panel{min-height:calc(100dvh - 175px)}.behaviour-list{gap:22px}.behaviour-preview{height:90px}.sidebar-note{padding-bottom:20px}}@media (max-width:1200px){.topbar{gap:40px;padding:0 24px}.workspace{grid-template-columns:180px minmax(280px,1fr) 235px}.behaviour-panel,.properties-panel{padding:24px 16px}.center-column{padding:20px 16px 0}.stage-instruction .desktop-only{display:none}.stage-viewport{padding:20px 14px}.transport{gap:6px;padding:0 9px}.playback-clock{min-width:42px}.playback-clock span{font-size:5px}.playback-buttons{gap:3px}.history-buttons .icon-button{width:25px}.transport-divider{margin:0 5px}.randomise-button>span{display:none}.header-actions{gap:16px}.local-status{font-size:9px}.project-bar{padding:0 24px}.below-stage{font-size:6px}.stage-top{padding:16px 14px 0}.stage-top>.mono{font-size:7px}}@media (max-width:1023px){.topbar{gap:28px;height:68px}.topbar nav{gap:20px}.topbar .wordmark{font-size:21px}.local-status{display:none}.workspace{grid-template-columns:155px minmax(260px,1fr) 215px}.behaviour-panel,.properties-panel{padding:22px 13px}.panel-subtitle{font-size:9px}.behaviour-preview{height:65px}.center-column{padding:16px 12px 0}.stage{min-height:460px}.stage-bottom{padding:0 10px 12px}.canvas-meta{font-size:6px}.canvas-meta .separator{margin:0 5px}.zoom-controls{gap:0}.zoom-controls button{width:22px}.zoom-controls .zoom-value{width:32px}.stage-instruction{gap:5px;padding:6px 6px 20px;font-size:9px}.instruction-icon{width:20px;height:20px}.instruction-icon svg{width:12px}.canvas-tools button{width:23px}.canvas-tools{gap:0;padding:2px}.history-buttons .icon-button{width:22px}.playback-clock{display:none}.below-stage>span{letter-spacing:0;font-size:5.5px}.below-stage button,.project-label{font-size:8px}.project-bar{height:58px}.app-footer{padding:0 20px}}@media (max-width:900px){.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.topbar{gap:20px;height:63px;padding:0 18px}.topbar .wordmark{font-size:22px}.topbar nav{gap:0;margin-left:auto}.topbar nav>.nav-active{display:none}.topbar nav>button{font-size:10px}.nav-count{font-size:8px}.header-actions{gap:0;margin-left:0}.header-help{display:none}.primary-button{gap:12px;min-height:35px;padding:10px 12px;font-size:11px}.topbar .primary-button svg{width:14px}.project-bar{height:49px;padding:0 18px}.project-name{gap:8px}.project-symbol{font-size:21px}.project-name input{width:150px;font-size:11px}.project-label{display:none}.text-button{gap:5px;font-size:10px}.text-button svg{width:12px}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.center-column{width:100%;min-height:0;padding:12px 12px 0}.stage{flex:1;min-height:0}.stage-top{padding:16px 14px 0}.stage-top>.mono{font-size:8px}.stage-viewport{min-height:160px;padding:20px 8px}.artboard{width:100%;max-height:none}.stage-instruction{padding:15px 8px 22px;font-size:10px}.stage-instruction .instruction-icon{width:23px;height:23px}.stage-bottom{padding:0 12px 13px}.canvas-meta{font-size:7px}.zoom-controls{gap:1px}.zoom-controls button{width:25px;height:25px}.zoom-controls .zoom-value{width:38px}.transport{height:56px;padding:0 12px}.playback-clock{min-width:42px;font-size:9px;display:flex}.playback-clock span{font-size:5px}.playback-buttons{gap:6px}.canvas-tools button{width:28px;height:27px}.history-buttons .icon-button{width:25px}.transport-divider{margin:0 7px}.below-stage{min-height:29px;font-size:6px}.below-stage>span{font-size:6px}.below-stage button{font-size:8px}.behaviour-panel,.properties-panel{z-index:30;background:#fff;border:1px solid #ddd;border-bottom:0;min-height:0;max-height:64dvh;padding:23px;display:none;position:fixed;bottom:69px;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 35px #0001}.behaviour-panel.mobile-open,.properties-panel.mobile-open{display:block}.mobile-close{margin-left:12px;display:inline-flex}.panel-title{justify-content:flex-start;gap:12px}.panel-title .mobile-close{margin-left:auto}.properties-panel>.panel-title>svg{display:none}.behaviour-list{grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 8px}.behaviour-preview{height:100px}.behaviour-card-caption{font-size:13px}.behaviour-subtitle{font-size:10px}.sidebar-note{display:none}.mobile-toolbar{height:69px;min-height:69px;padding-bottom:env(safe-area-inset-bottom);z-index:35;background:#fff;border-top:1px solid #e4e4e4;justify-content:space-around;align-items:center;display:flex}.mobile-toolbar button{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:85px;min-height:44px;font-size:9px;display:flex}.mobile-toolbar button svg{width:18px;height:18px}.app-footer{display:none}.property-section{margin-bottom:21px;padding-bottom:21px}.field-heading label,.font-controls label,.section-label,.alignment-row>span,.range-field>span{font-size:12px}.range-field{margin-top:24px}.range-field input{height:3px;margin-top:19px;margin-bottom:12px}.range-field input::-webkit-slider-thumb{width:14px;height:14px}.properties-panel textarea{min-height:80px;font-size:21px}.font-controls select{padding:12px;font-size:13px}.number-input{height:41px}.number-input input{font-size:13px}.alignment-row .segmented button{width:36px;height:32px}.disclosure{padding:8px 0;font-size:11px}.objects-section .object-row{height:38px}.object-row>button:first-child,.behaviour-description p{font-size:11px}.background-section{font-size:12px}.panel-title h2{font-size:15px}.panel-subtitle{font-size:11px}.environment-banner{padding:7px 18px;font-size:9px;line-height:1.4}.intro-nav{height:80px;padding:0 24px}.intro-nav .wordmark{font-size:24px}.intro-nav>button{font-size:10px}.intro-center{justify-content:center;padding:30px 7vw 55px}.intro-eyebrow{letter-spacing:.09em;margin-bottom:32px;font-size:7px}.intro-heading{letter-spacing:-.08em;font-size:14.8vw}.typing-heading{font-size:13vw}.alive-heading>span:first-child{margin-bottom:.25em;font-size:.69em}.breathing-word{font-size:1.55em}.intro-action{margin-top:38px}.intro-action>p{max-width:220px;font-size:12px;line-height:1.5}.intro-action button{gap:50px;font-size:13px}.intro-footer{letter-spacing:.04em;padding:0 24px 26px;font-size:6px}.intro-footer span:nth-child(2){margin-right:0}.intro-footer span:last-child{display:none}.modal-backdrop{padding:14px}.modal{width:100%;max-height:88dvh;padding:24px}.modal-heading h2{font-size:27px}.library-heading{align-items:flex-start;gap:12px}.library-heading p{max-width:160px;font-size:10px}.secondary-button{white-space:nowrap;padding:9px;font-size:10px}.creation-grid{gap:22px 12px}.creation-open h3{font-size:11px}.creation-open>span{font-size:9px}.toast{width:max-content;max-width:calc(100% - 24px);padding:13px 15px;font-size:10px;bottom:82px}.empty-library h3{font-size:18px}.export-size select{max-width:195px}.empty-canvas{font-size:19px}.stage:fullscreen .stage-viewport{padding:0}.stage:fullscreen .artboard{width:100%;max-width:100%;height:auto}}@media (max-width:380px){.topbar{gap:12px;padding:0 12px}.topbar .wordmark{font-size:20px}.nav-count{display:none}.project-bar{padding:0 14px}.text-button span{font-size:9px}.project-name input{width:138px}.playback-clock{display:none}.intro-heading{font-size:15vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:901px){.app-shell{height:100dvh;min-height:740px}.workspace{min-height:0;overflow:hidden}.behaviour-panel{overflow-y:auto}.properties-panel{min-height:0;max-height:none}.center-column,.stage{min-height:0}.behaviour-list{gap:17px}.behaviour-preview{height:73px}.sidebar-note{padding-bottom:0}.stage-viewport{min-height:0}.artboard{flex-shrink:0}}@media (min-width:901px) and (min-height:950px){.behaviour-list{gap:20px}.behaviour-preview{height:73px}}.editor-ui{display:contents}.studio-panel{padding-top:21px;padding-bottom:18px}.studio-panel>.panel-title{margin-bottom:17px}.studio-navigation{border-bottom:1px solid var(--line);gap:2px;padding-bottom:15px;display:grid}.studio-navigation button{text-align:left;color:#6b6b6b;align-items:center;gap:9px;height:30px;padding:0 8px;font-size:11px;display:flex}.studio-navigation button.active{color:#fff;background:#202020}.studio-navigation button:hover:not(.active){color:#222;background:#efefef}.studio-arrow{opacity:0;margin-left:auto;font-size:12px}.studio-navigation .active .studio-arrow,.studio-navigation button:hover .studio-arrow{opacity:1}.preset-search{color:#777;border-bottom:1px solid #ddd;align-items:center;gap:7px;margin:14px 0 21px;padding-bottom:9px;display:flex}.preset-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}.preset-search input::placeholder{color:#777}.preset-search button{place-items:center;display:grid}.studio-library-heading{justify-content:space-between;align-items:center;display:flex}.studio-library-heading h3{font-size:12px;font-weight:600}.studio-library-heading>.mono{color:#777;font-size:9px}.studio-presets{gap:20px;margin-top:18px}.studio-presets .behaviour-preview{height:84px}.studio-presets .behaviour-subtitle{font-size:9px;line-height:1.45}.empty-search{color:#777;padding:25px 0;font-size:11px;line-height:1.7}.poster-presets{gap:22px;margin-top:20px;display:grid}.poster-presets>button{text-align:left;display:block}.poster-presets canvas{object-fit:contain;background:#f5f5f5;width:100%;height:145px;display:block}.poster-presets button>span{justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;display:flex}.poster-presets>p{color:#777;font-size:10px;line-height:1.7}.direct-toolbar{border:1px solid var(--line);background:#fff;border-bottom:0;flex-shrink:0;align-items:center;gap:4px;height:42px;padding:0 12px;display:flex}.direct-toolbar>button{color:#777;justify-content:center;align-items:center;gap:6px;min-width:29px;height:28px;padding:0 7px;display:flex}.direct-toolbar>button.active{color:#fff;background:#222}.direct-toolbar>button:hover:not(.active){color:#222;background:#eee}.direct-toolbar>span{background:#ddd;width:1px;height:15px;margin:0 7px}.interact-label{font-size:9px}.center-column .stage{border-top-color:#ededed}.canvas-tools{display:none}.studio-controls .section-label{margin-bottom:14px}.small-reset{text-underline-offset:3px;color:#777;font-size:8px;text-decoration:underline}.control-select{color:#666;text-transform:none;flex-direction:column;gap:7px;min-width:0;margin-top:16px;font-size:10px;display:flex}.control-select select{text-transform:capitalize}.control-select input{background:#fff;border:1px solid #ddd;width:100%;min-width:0;padding:9px;font-size:11px}.control-hint{color:#777;margin:14px 0 0;font-size:10px;line-height:1.65}.studio-controls .checkbox-field,.effect-stack>.checkbox-field,.property-section>.checkbox-field,.advanced-controls>.checkbox-field{margin-top:18px;font-size:10px}.compact{justify-content:space-between;width:100%;min-height:34px;margin-top:16px;font-size:10px}.node-actions{border:1px solid #ddd;grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}.node-actions button{text-transform:capitalize;border-right:1px solid #ddd;padding:8px 0;font-size:9px}.node-actions button:last-child{border:0}.node-actions button.active{color:#fff;background:#222}.field-count{color:#777;margin-top:17px;font-size:8px;display:block}.layer-manager{padding-bottom:16px}.layer-add{gap:10px;display:flex}.layer-add button{place-items:center;width:22px;height:24px;display:grid}.layer-list{border:1px solid #e2e2e2;max-height:220px;overflow-y:auto}.layer-row{border-bottom:1px solid #eee;align-items:center;gap:8px;height:35px;padding:0 7px;display:flex}.layer-row:last-child{border:0}.layer-row.active{background:#eeeeec}.layer-row.group-member{padding-left:18px}.layer-row>button{color:#777;flex-shrink:0;align-items:center;height:28px;display:flex}.layer-row>.layer-select{color:#222;text-align:left;flex:1;gap:7px;min-width:0;font-size:10px}.layer-select>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-commands{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.layer-commands button{color:#666;place-items:center;width:28px;height:25px;display:grid}.layer-commands button:hover:not(:disabled){background:#eee}.layer-manager .control-select{margin-top:12px}.effect-row{text-transform:capitalize;border-bottom:1px solid #eee;align-items:center;gap:8px;min-height:30px;font-size:10px;display:flex}.effect-row>.mono{color:#999;font-size:8px}.effect-row>span:nth-child(2){flex:1}.effect-row button{color:#777;place-items:center;width:23px;height:23px;display:grid}.effect-row input{accent-color:#222}.motion-stack-item{border-bottom:1px solid #ddd;padding:10px 0 16px}.motion-stack-item .range-field{margin-top:12px}.motion-add-options{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.motion-add-options button{text-transform:capitalize;border:1px solid #ddd;padding:7px;font-size:10px}.motion-add-options button:hover{color:#fff;background:#222}.variations{border:1px solid var(--line);background:#fff;border-top:0;flex-shrink:0}.variations-heading{color:#666;justify-content:space-between;align-items:center;height:37px;padding:0 14px;font-size:9px;display:flex}.variations-heading button{align-items:center;gap:7px;height:27px;display:flex}.variations-heading>div{gap:17px;display:flex}.variations-heading .mono{color:#888;font-size:8px}.variations-heading>button>span:last-child{margin-left:5px}.variation-filmstrip{gap:12px;max-width:100%;padding:3px 14px 14px;display:flex;overflow-x:auto}.variation-card{flex-shrink:0;width:135px}.variation-image{background:#f5f5f5;position:relative}.variation-image>button:first-child{width:100%;height:85px;display:block}.variation-image img{object-fit:contain;width:100%;height:100%;display:block}.variation-image>label{cursor:pointer;position:absolute;top:5px;left:5px}.variation-image input{accent-color:#222;width:10px;height:10px}.variation-heart{color:#777;background:#fff9;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:5px;right:5px}.variation-heart.favourite{color:#111}.variation-caption{align-items:center;gap:5px;margin-top:6px;display:flex}.variation-caption input{border:0;width:100%;min-width:0;padding:2px 0;font-size:8px}.variation-caption button{color:#777;place-items:center;display:grid}.variation-empty{color:#777;padding:8px 0 12px;font-size:10px;line-height:1.7}.variation-empty button{color:#222;align-items:center;gap:8px;margin-top:8px;display:flex}.comparison-overlay{z-index:75;background:#fff;flex-direction:column;padding:35px;display:flex;position:fixed;inset:0}.comparison-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.comparison-header h2{letter-spacing:-1px;font-size:30px;font-weight:500}.comparison-grid{flex:1;grid-template-columns:1fr 1fr;gap:30px;min-height:0;display:grid}.comparison-grid figure{flex-direction:column;min-height:0;margin:0;display:flex}.comparison-grid img{object-fit:contain;background:#f5f5f5;width:100%;height:calc(100% - 55px);min-height:0}.comparison-grid figcaption{justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;display:flex}.comparison-grid figcaption button{align-items:center;gap:8px;font-size:10px;display:flex}.generator-content>.control-select{margin-top:24px}.generator-locks{gap:3px;margin-top:20px;display:grid}.generator-locks button{color:#777;text-transform:capitalize;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 10px;font-size:11px;display:flex}.generator-locks .locked{color:#222;background:#f5f5f5}.generator-locks button>span:last-child{margin-left:auto;font-size:9px}.generator-content>.primary-button{margin-top:25px}.engine-error{color:#222;z-index:5;background:#fff;border:1px solid #ddd;padding:12px;font-size:11px;position:absolute;top:60px;left:20px;right:20px}.export-format-grid{grid-template-columns:1fr 1fr 1fr;gap:7px;margin:20px 0;display:grid}.export-format-grid button{border:1px solid #ddd;padding:10px 6px;font-size:10px}.export-format-grid button.active{color:#fff;background:#222;border-color:#222}.export-progress{background:#eee;height:3px;margin:16px 0}.export-progress>span{background:#222;height:100%;display:block}.timeline-panel{border:1px solid #ddd;border-top:0;flex-shrink:0;padding:12px 15px}.timeline-panel>.range-field{margin:0}.timeline-controls{align-items:center;gap:12px;margin-top:13px;font-size:9px;display:flex}.timeline-controls input{border:1px solid #ddd;width:45px;padding:4px}.timeline-controls .checkbox-field{font-size:9px}.timeline-controls button{margin-left:auto;font-size:9px;text-decoration:underline}.control-select input:focus,.preset-search input:focus{outline-offset:2px;outline:1px solid #555}@media (min-width:1200px){.workspace{grid-template-columns:230px minmax(300px,1fr) 270px}.studio-panel{padding-left:24px;padding-right:21px}.studio-panel .behaviour-preview{height:88px}.properties-panel>.panel-title{margin-bottom:20px}.studio-panel .panel-subtitle{line-height:1.6}.center-column{padding-top:20px}}@media (max-width:1199px) and (min-width:901px){.direct-toolbar{gap:1px;padding:0 5px}.direct-toolbar>button{min-width:24px;padding:0 5px}.interact-label{display:none}.direct-toolbar>span{margin:0 3px}.studio-navigation button{padding:0 5px;font-size:10px}.studio-presets .behaviour-preview{height:72px}}@media (max-width:900px){.studio-panel{max-height:72dvh;padding:23px}.studio-navigation{grid-template-columns:1fr 1fr;gap:5px;margin-top:18px}.studio-navigation button{height:36px;padding:0 10px;font-size:11px}.studio-library-heading{margin-top:4px}.studio-presets{grid-template-columns:1fr 1fr;gap:22px 18px}.studio-presets .behaviour-preview{height:100px}.studio-presets .behaviour-subtitle,.studio-panel .panel-subtitle{font-size:10px}.preset-search{margin:16px 0}.preset-search input{padding:5px 0;font-size:12px}.poster-presets{grid-template-columns:1fr 1fr}.poster-presets>p{grid-column:1/-1}.direct-toolbar{justify-content:space-around;gap:1px;height:40px;padding:0 5px}.direct-toolbar>button{min-width:26px;padding:0 4px}.direct-toolbar>span{margin:0 1px}.direct-toolbar .interact-label{display:none}.direct-toolbar svg{width:15px}.transport{height:51px}.variations-heading{height:33px;padding:0 10px;font-size:8px}.variations-heading>div{gap:10px}.variation-filmstrip{padding:3px 10px 10px}.variation-card{width:110px}.variation-image>button:first-child{height:64px}.variation-caption input{font-size:8px}.studio-controls .section-label,.layer-manager .section-label,.control-select{font-size:12px}.control-select input,.control-select select{padding:11px;font-size:13px}.layer-list{max-height:230px}.layer-row{height:41px}.layer-row>.layer-select{font-size:11px}.layer-row>button{min-width:25px;height:35px}.node-actions button{padding:11px 0;font-size:11px}.effect-row{min-height:35px;font-size:11px}.control-hint{font-size:11px}.layer-commands button{width:35px;height:34px}.studio-controls .checkbox-field,.effect-stack>.checkbox-field{font-size:12px}.comparison-overlay{padding:20px}.comparison-header h2{font-size:24px}.comparison-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:18px}.comparison-grid figcaption{padding-top:10px;font-size:11px}.below-stage{min-height:24px}.timeline-panel{padding:10px}.timeline-controls{gap:8px}}@media (prefers-reduced-motion:no-preference){.studio-navigation button,.node-actions button,.direct-toolbar button{transition:background-color .12s,color .12s}}.export-settings{border:0;min-width:0;margin:0;padding:0}.export-formats{grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0;display:grid}.export-formats button{font:10px var(--font-mono);border:1px solid #ddd;padding:10px}.export-formats button.active{color:#fff;background:#181818;border-color:#181818}.export-size input{border:1px solid #ddd;width:100px;padding:8px}.animation-export-options{margin-top:16px}.export-progress{align-items:center;gap:10px;margin:16px 0;display:flex}.export-progress progress{accent-color:#171717;width:100%}.timeline{background:#fafafa;border-top:1px solid #ddd;padding:0 16px}.timeline-toggle{justify-content:space-between;width:100%;padding:10px 0;font-size:10px;display:flex}.timeline-scrubber{align-items:center;gap:12px;display:flex}.timeline-scrubber input{accent-color:#171717;width:100%}.timeline-settings{justify-content:space-between;margin:10px 0;font-size:10px;display:flex}.timeline-settings input[type=number]{border-bottom:1px solid #bbb;width:40px}.timeline-settings label{align-items:center;gap:6px;display:flex}.timeline .control-hint{margin-bottom:10px}.property-fields{border:0;min-width:0;margin:0;padding:0}.property-fields:disabled{opacity:.5}.locked-notice{border-bottom:1px solid #ddd;padding:12px 18px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}