@font-face{font-family:Inter;src:url(/assets/fonts/Inter-vf.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-vf.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/fonts/SpaceGrotesk-vf.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/SourceSerif4-vf.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/fonts/PlayfairDisplay-vf.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fonts/Fraunces-vf.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/JetBrainsMono-vf.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Tinos;src:url(/assets/fonts/Tinos-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tinos;src:url(/assets/fonts/Tinos-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tinos;src:url(/assets/fonts/Tinos-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Tinos;src:url(/assets/fonts/Tinos-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(/assets/fonts/officecodepro-light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(/assets/fonts/officecodepro-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(/assets/fonts/officecodepro-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(/assets/fonts/officecodepro-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--background: rgb(246 245 243);--surface: rgb(255 255 255);--surface-raised: rgb(238 237 235);--text-primary: rgb(17 17 17);--text-secondary: rgb(102 102 102);--text-tertiary: rgb(153 153 153);--separator: rgb(224 224 224);--accent: rgb(235 71 46);--accent-hot: rgb(235 71 46);--canvas: rgb(238 237 235);--checker-a: rgb(255 255 255);--checker-b: rgb(238 237 235);--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--left-sidebar-width: 252px;--right-sidebar-width: 320px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "OfficeCodePro", ui-monospace, "SFMono-Regular", Consolas, monospace}:root[data-theme=dark]{color-scheme:dark;--background: rgb(17 17 17);--surface: rgb(28 28 28);--surface-raised: rgb(40 40 40);--text-primary: rgb(238 238 238);--text-secondary: rgb(153 153 153);--text-tertiary: rgb(97 97 97);--separator: rgb(46 46 46);--accent: rgb(220 220 220);--accent-hot: rgb(235 71 46);--canvas: rgb(13 13 13);--checker-a: rgb(17 17 17);--checker-b: rgb(40 40 40)}*{box-sizing:border-box;border-radius:0}*:before,*:after{box-sizing:border-box;border-radius:0}html,body,#root{margin:0;min-width:320px;min-height:100%;background:var(--background)}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;letter-spacing:0;overflow:hidden}button,input,textarea,select{font:inherit}button{border:0;color:inherit;background:transparent;cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 84%,transparent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--background)}.app-window{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--background)}.app-window__body{flex:1;min-height:0;position:relative}.app-window .app-shell,.app-window .dashboard{height:100%}.app-topbar{flex:none;height:38px;display:flex;align-items:stretch;gap:2px;padding:4px 8px;background:color-mix(in srgb,var(--surface) 88%,var(--background));border-bottom:1px solid color-mix(in srgb,var(--separator) 58%,transparent);-webkit-app-region:drag;user-select:none}.app-topbar__lights{flex:none;width:70px;height:100%}.app-topbar__home{-webkit-app-region:no-drag;position:relative;flex:none;display:grid;place-items:center;width:34px;height:100%;border-radius:4px;color:var(--text-tertiary)}.app-topbar__home:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.app-topbar__home.is-active{color:var(--accent)}.app-topbar__home.is-active:after,.app-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);border-radius:0;pointer-events:none}.app-topbar__actions{-webkit-app-region:no-drag;flex:none;display:flex;align-items:stretch;gap:2px;padding-left:4px}.app-topbar__actions .dashboard__import{position:relative;display:flex;height:100%}.app-topbar__actions .dashboard__new{width:34px;height:100%;min-width:0;border-radius:4px;color:var(--accent)}.app-topbar__actions .dashboard__new .icon{width:15px;height:15px}.app-topbar__actions .dashboard__new:hover,.app-topbar__actions .dashboard__new:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.app-topbar__actions .dashboard__menu{top:calc(100% + 6px);right:0}.app-topbar__tabs{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;height:100%;padding-left:0;overflow-x:auto;scrollbar-width:none}.app-topbar__tabs::-webkit-scrollbar{display:none}.app-tab{-webkit-app-region:no-drag;position:relative;display:flex;align-items:center;gap:8px;flex:none;height:100%;max-width:178px;padding:0 6px 0 10px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap}.app-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.app-tab.is-active{color:var(--accent)}.app-tab__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-tab__close{flex:none;display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:3px;color:inherit;line-height:0;opacity:0}.app-tab__close .icon{width:9px;height:9px;display:block;background:currentColor}.app-tab:hover .app-tab__close,.app-tab.is-active .app-tab__close{opacity:.55}.app-tab__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 10%,transparent);opacity:1!important}.timeline-panel{position:relative;display:grid;grid-template-rows:36px minmax(0,1fr);height:232px;min-height:0;border-top:1px solid color-mix(in srgb,var(--separator) 52%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent)}.timeline-panel--easing{height:288px}.timeline-transport{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border-bottom:1px solid color-mix(in srgb,var(--separator) 30%,transparent);color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.timeline-play{display:grid;place-items:center;width:28px;height:22px;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.timeline-play .icon{background:currentColor}.timeline-play:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.timeline-time{font-family:var(--font-mono);color:var(--text-tertiary)}.timeline-field{display:flex;align-items:center;gap:4px;color:var(--text-tertiary)}.timeline-field input{width:44px;height:22px;padding:0 6px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:10px}.timeline-field input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.timeline-transport__spacer{flex:1}.timeline-close{display:grid;place-items:center;width:22px;height:22px;color:var(--text-tertiary)}.timeline-close .icon{background:currentColor}.timeline-close:hover{color:var(--text-primary)}.timeline-body{flex:1;min-width:0;display:grid;grid-template-columns:148px minmax(0,1fr);min-height:0;overflow:hidden}.timeline-labels{border-right:1px solid color-mix(in srgb,var(--separator) 30%,transparent);overflow-y:auto;scrollbar-width:none}.timeline-labels::-webkit-scrollbar{display:none}.timeline-labels__head,.timeline-label{display:flex;align-items:center;justify-content:space-between;gap:6px;height:26px;padding:0 var(--spacing-sm);color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.timeline-labels__head span,.timeline-label span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-labels__head{position:sticky;top:0;z-index:6;height:28px;color:var(--text-tertiary);border-bottom:1px solid color-mix(in srgb,var(--separator) 24%,transparent);background:var(--surface)}.timeline-label__remove{display:grid;place-items:center;color:var(--text-tertiary)}.timeline-easing-toggle{display:flex;align-items:center;gap:5px;height:22px;padding:0 9px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.04em}.timeline-easing-toggle .icon{background:currentColor}.timeline-easing-toggle:hover:not(:disabled),.timeline-easing-toggle.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.timeline-easing-toggle:disabled{opacity:.4}.timeline-stage{display:flex;min-height:0}.easing-editor{flex:none;width:232px;display:flex;flex-direction:column;gap:9px;padding:10px 12px;border-left:1px solid color-mix(in srgb,var(--separator) 32%,transparent)}.easing-editor__head{display:flex;align-items:center;justify-content:space-between;color:var(--text-tertiary);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.easing-editor__close{display:grid;place-items:center;width:16px;height:16px;color:var(--text-tertiary)}.easing-editor__close .icon{background:currentColor}.easing-editor__close:hover{color:var(--text-primary)}.easing-select{position:relative}.easing-select__button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);color:var(--text-primary);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.easing-select__button .icon{background:currentColor}.easing-select__button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.easing-select__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);background:var(--surface);box-shadow:0 14px 32px color-mix(in srgb,#000 30%,transparent)}.easing-select__option{height:24px;padding:0 8px;text-align:left;color:var(--text-secondary);font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.easing-select__option:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,transparent)}.easing-select__option.is-active{color:var(--accent)}.easing-editor .easing-editor__graph{align-self:center;height:152px;width:auto;max-width:100%}.easing-editor__handle-line{stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:1}.timeline-label__remove .icon{background:currentColor}.timeline-label__remove:hover{color:var(--danger, var(--accent))}.timeline-grid{position:relative;min-width:0;min-height:100%;flex:0 0 100%}.timeline-grid-scroll{min-width:0;display:flex;align-items:flex-start;overflow:auto;scrollbar-width:thin}.timeline-grid-scroll:after{content:"";flex:0 0 clamp(112px,16vw,220px)}.timeline-grid-scroll::-webkit-scrollbar{height:8px}.timeline-ruler{position:sticky;top:0;z-index:6;height:28px;border-bottom:1px solid color-mix(in srgb,var(--separator) 24%,transparent);background:var(--surface);cursor:ew-resize}.timeline-tick{position:absolute;top:9px;transform:translate(-50%);color:var(--text-tertiary);font-family:var(--font-mono);font-size:8px;pointer-events:none}.timeline-track{position:relative;height:26px;border-bottom:1px solid color-mix(in srgb,var(--separator) 12%,transparent);cursor:ew-resize}.timeline-keyframe{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:16px;height:16px;color:var(--accent);cursor:grab}.timeline-keyframe .keyframe-diamond{background:var(--accent);border-color:var(--accent)}.timeline-keyframe:active{cursor:grabbing}.timeline-keyframe.is-selected{z-index:2}.timeline-keyframe.is-selected .keyframe-diamond{background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.timeline-marquee{position:absolute;z-index:4;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);pointer-events:none}.timeline-playhead{position:absolute;top:var(--timeline-scroll-top, 0);bottom:auto;z-index:7;width:1px;height:var(--timeline-visible-height, 100%);background:var(--accent);pointer-events:none}.timeline-playhead:before{content:"";position:absolute;top:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent)}.timeline-emptystate{padding:var(--spacing-md);color:var(--text-tertiary);font-size:9px;text-transform:uppercase}.mobile-desktop-message{min-height:100vh;display:block;padding:14px 12px;background:var(--background);color:var(--text-primary)}.mobile-desktop-message p{max-width:220px;margin:0;color:var(--text-secondary);font-size:9px;font-weight:500;line-height:1.35;text-align:left;text-transform:uppercase}.mobile-desktop-message__link{display:inline-block;margin-top:12px;color:var(--text-primary);font-size:9px;font-weight:600;line-height:1;text-align:left;text-decoration:none;text-transform:uppercase}.mobile-desktop-message__link:focus-visible{outline:1px solid var(--text-primary);outline-offset:3px}.mobile-desktop-message__effects{display:grid;gap:7px;margin-top:28px;color:var(--text-tertiary);font-size:9px;font-weight:500;text-align:left;text-transform:uppercase}.mobile-desktop-message__effects ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.mobile-desktop-message__effects li{position:relative;min-height:26px;display:flex;align-items:center;padding:8px 10px;color:var(--text-primary)}.mobile-desktop-message__effects li:before,.mobile-desktop-message__effects li:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#000,#000) top left / 4px 4px no-repeat,linear-gradient(#000,#000) top right / 4px 4px no-repeat}.mobile-desktop-message__effects li:after{background:linear-gradient(#000,#000) bottom left / 4px 4px no-repeat,linear-gradient(#000,#000) bottom right / 4px 4px no-repeat}.workspace{min-height:0;height:100%;display:grid;grid-template-columns:var(--left-sidebar-width) minmax(0,1fr) var(--right-sidebar-width)}.icon{display:inline-block;width:var(--icon-size, 18px);height:var(--icon-size, 18px);flex:none;background:currentColor;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat}.sidebar{min-height:0;display:grid;grid-template-rows:auto 1fr;background:color-mix(in srgb,var(--surface) 72%,transparent)}.sidebar--left{position:relative;grid-template-rows:auto auto auto minmax(0,1fr);border-right:1px solid color-mix(in srgb,var(--separator) 52%,transparent)}.sidebar--right{grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid color-mix(in srgb,var(--separator) 52%,transparent)}.sidebar-project{display:grid;gap:var(--spacing-sm);padding:12px 10px 10px;border-bottom:1px solid color-mix(in srgb,var(--separator) 52%,transparent)}.sidebar-project__title{position:relative;display:flex;align-items:center;gap:6px;min-width:0;text-transform:none}.sidebar-project__name,.sidebar-project__input{flex:1;width:auto;min-width:0;margin:0;padding:0;color:var(--text-primary);font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.15;letter-spacing:0;text-align:left;text-transform:none}.sidebar-project__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project__input{border:0;background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.sidebar-project__menu-toggle{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border-radius:4px;color:var(--text-tertiary);line-height:0}.sidebar-project__menu-toggle:hover,.sidebar-project__menu-toggle.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.sidebar-project__menu-toggle .icon{background:currentColor}.sidebar-project-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:70;min-width:184px;display:flex;flex-direction:column;gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,#000 16%,transparent)}.sidebar-project-menu__item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;height:28px;padding:0 7px;border-radius:3px;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-align:left;text-transform:none}.sidebar-project-menu__item .icon{justify-self:center;background:currentColor}.sidebar-project-menu__item small{color:var(--text-tertiary);font-size:10px;font-weight:500;letter-spacing:0;text-transform:none}.sidebar-project-menu__item:hover,.sidebar-project-menu__item:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.sidebar-project-menu__item:hover small,.sidebar-project-menu__item:focus-visible small{color:var(--text-secondary)}.sidebar-project-menu__sep{height:1px;margin:3px 5px;background:color-mix(in srgb,var(--separator) 60%,transparent)}.sidebar-view-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xxs);padding:6px 8px;border-bottom:1px solid color-mix(in srgb,var(--separator) 42%,transparent)}.sidebar-view-tabs button{min-height:30px;display:grid;place-items:center;padding:0 var(--spacing-xs);color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.sidebar-view-tabs__label{justify-items:start}.sidebar-view-tabs button:not(.sidebar-view-tabs__label){width:30px;padding:0}.sidebar-view-tabs button:hover,.sidebar-view-tabs button.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.sidebar-upload-button{height:30px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);margin:6px 8px 0;padding:0 var(--spacing-sm);color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 5%,transparent);font-size:9px;font-weight:500;text-align:left;text-transform:uppercase}.sidebar-upload-button small{color:var(--text-tertiary);font-size:8px}.sidebar-upload-button:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.panel-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:var(--spacing-md);gap:var(--spacing-md)}.sidebar--left .panel-section{padding:10px;gap:10px}.panel-section--fill{overflow:hidden}.panel-section__head{display:flex;align-items:first baseline;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid color-mix(in srgb,var(--separator) 52%,transparent);color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.panel-section__head-actions{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.sidebar-collapse-button{width:22px;height:22px;display:none;place-items:center;color:var(--text-tertiary)}.sidebar-collapse-button:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.sidebar-list,.tool-groups,.settings-list{min-height:0;display:grid;align-content:start;gap:var(--spacing-xxs);overflow:auto;scrollbar-width:none}.sidebar--left .sidebar-list,.sidebar--left .settings-list{gap:1px}.sidebar-list::-webkit-scrollbar,.tool-groups::-webkit-scrollbar,.settings-list::-webkit-scrollbar{display:none}.sidebar-row{min-width:0;height:28px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border-radius:4px;color:var(--text-secondary);text-align:left;text-transform:none}.sidebar-row:before,.sidebar-row:after{content:"";position:absolute;left:0;right:0;height:1px;background:transparent;pointer-events:none}.sidebar-row:before{top:0}.sidebar-row:after{bottom:0}.sidebar-row.is-drop-before:before,.sidebar-row.is-drop-after:after{background:var(--accent)}.sidebar-row.is-drop-inside{border-radius:4px;box-shadow:inset 0 0 0 1px var(--accent)}.sidebar-row.is-dragging{opacity:.42}.sidebar-row--layer{grid-template-columns:16px minmax(0,1fr) 48px;padding-left:calc(var(--depth, 0) * 12px)}.sidebar-row--layer.is-root.is-leaf{grid-template-columns:minmax(0,1fr) 48px;padding-left:0}.sidebar-row__actions{width:48px;height:28px;display:grid;box-sizing:border-box;grid-template-columns:repeat(2,22px);align-items:center;justify-items:center;padding:0 3px 0 1px}.sidebar-row__tool{width:22px;height:22px;padding:0;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary);line-height:0;opacity:0}.sidebar-row__actions .icon{width:13px;height:13px;display:block;background:currentColor}.sidebar-row:hover .sidebar-row__tool,.sidebar-row:has(:focus-visible) .sidebar-row__tool,.sidebar-row.is-active .sidebar-row__tool,.sidebar-row__tool.is-on{opacity:1}.sidebar-row__tool:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.sidebar-row__tool.is-on{color:var(--text-secondary)}.sidebar-row--layer.is-hidden .sidebar-row__select,.sidebar-row--layer.is-hidden .sidebar-row__twisty{opacity:.42}.sidebar-row__twisty{display:grid;place-items:center;width:16px;height:100%;color:var(--text-tertiary)}.sidebar-row__twisty .icon{background:currentColor}.sidebar-row__twisty:hover{color:var(--text-primary)}.sidebar-row__twisty--spacer{visibility:hidden}.sidebar-row__select{min-width:0;height:28px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:inherit;text-align:left;text-transform:none;cursor:grab}.sidebar-row__select>.icon{width:14px;height:14px;display:block;justify-self:center;background:currentColor}.sidebar-row__select:active{cursor:grabbing}.sidebar-row__select span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.sidebar-row__rename{cursor:text}.sidebar-row__rename input{min-width:0;width:100%;border:0;padding:0;color:var(--text-primary);background:transparent;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;outline:0}.sidebar-row:hover,.sidebar-row.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.sidebar--left .settings-row{padding:0 var(--spacing-sm)}.export-target{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);background:color-mix(in srgb,var(--text-primary) 4%,transparent);color:var(--text-secondary)}.export-target .icon{flex:none;background:currentColor}.export-target__info{min-width:0;display:flex;flex-direction:column;gap:2px}.export-target__info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:9px;font-weight:500;text-transform:uppercase}.export-target__info small{color:var(--text-tertiary);font-size:8px;letter-spacing:.03em}.export-target.is-empty{justify-content:center;color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase;border-style:dashed;background:transparent}.export-cta{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;margin-top:2px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);background:transparent;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.export-cta .icon{flex:none;background:currentColor}.export-cta__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.export-cta small{font-size:8px;font-weight:500;opacity:.8;white-space:nowrap}.export-cta:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.export-cta:disabled{border-color:color-mix(in srgb,var(--separator) 60%,transparent);background:transparent;color:var(--text-tertiary);opacity:.7}.export-cta.is-recording{border-color:var(--accent-hot);color:var(--accent-hot);background:color-mix(in srgb,var(--accent-hot) 8%,transparent);opacity:1;cursor:progress}.sidebar--left .settings-list{gap:var(--spacing-sm)}.sidebar--left .settings-group{min-width:0;padding:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 30%,transparent);background:color-mix(in srgb,var(--text-primary) 2%,transparent)}.sidebar--left .settings-list{overflow-x:hidden}.sidebar--left .settings-segmented button{min-width:0;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.sidebar--left .settings-segmented--frame-rate button{font-size:8px}.empty-panel{min-height:84px;display:grid;place-items:center;color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--separator) 22%,transparent);font-size:9px;font-weight:500;text-transform:uppercase}.canvas-area{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-meta{position:absolute;left:0;right:0;z-index:6;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase;pointer-events:none}.canvas-meta--top{top:0;padding-left:60px}.canvas-meta--bottom{bottom:0}.canvas-viewport{position:absolute;inset:0;overflow:hidden;background:var(--canvas);cursor:grab;touch-action:none;user-select:none}.canvas-area.is-panning .canvas-viewport{cursor:grabbing}.canvas-grid{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--separator) 26%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--separator) 26%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--separator) 12%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--separator) 12%,transparent) 1px,transparent 1px);background-position:calc(50% + var(--pan-x)) calc(50% + var(--pan-y)),calc(50% + var(--pan-x)) calc(50% + var(--pan-y)),calc(50% + var(--pan-x)) calc(50% + var(--pan-y)),calc(50% + var(--pan-x)) calc(50% + var(--pan-y));background-size:var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major),var(--grid-minor) var(--grid-minor),var(--grid-minor) var(--grid-minor);pointer-events:none}.canvas-empty-hint{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:0;text-align:center;text-transform:uppercase;pointer-events:none}.image-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.canvas-layer{position:absolute;left:50%;top:50%;width:var(--layer-screen-width);height:var(--layer-screen-height);display:block;padding:0;border:0;background:transparent;cursor:grab;contain:layout paint style;transform:translate3d(calc(var(--pan-x) + var(--layer-screen-x)),calc(var(--pan-y) + var(--layer-screen-y)),0);will-change:transform,width,height}.canvas-layer img,.canvas-layer video,.canvas-layer canvas{display:block;width:100%;height:100%;filter:var(--image-filter, none);object-fit:contain;user-select:none;pointer-events:none;will-change:filter}.canvas-layer img.is-cover,.canvas-layer video.is-cover,.canvas-layer canvas.is-cover{object-fit:cover}.canvas-layer canvas{background:transparent}.canvas-layer-placeholder{display:block;width:100%;height:100%;pointer-events:none}.canvas-layer .video-source{position:absolute;inset:0;width:1px;height:1px;opacity:0}.video-load-error{position:absolute;inset:0;width:100%;height:100%;display:grid;place-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);text-align:center;user-select:none}.video-load-error span,.video-load-error small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:0;line-height:1}.video-load-error small{color:var(--muted)}.canvas-layer img.is-dithered,.canvas-layer canvas.is-dithered{image-rendering:auto}.canvas-layer:hover,.canvas-layer.is-selected{outline:none}.canvas-layer:active{cursor:grabbing}.canvas-layer.is-recording{outline:0}.canvas-viewport--draw{cursor:crosshair}.canvas-viewport--draw .canvas-layer,.canvas-viewport--draw .canvas-layer *,.canvas-viewport--draw .canvas-handle,.canvas-viewport--draw .canvas-selection{pointer-events:none!important}.canvas-layer--frame,.canvas-layer--text{contain:layout style}.canvas-layer--frame{pointer-events:none;cursor:default;outline:0!important}.canvas-layer.is-locked,.canvas-layer.is-locked *{pointer-events:none!important;cursor:default}.canvas-frame__surface{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--separator) 85%,transparent);pointer-events:auto;cursor:grab}.canvas-frame__surface:active{cursor:grabbing}.canvas-layer--frame.is-selected .canvas-frame__surface{border-color:var(--accent)}.canvas-layer--frame.is-droptarget .canvas-frame__surface{border-color:var(--accent);border-style:solid;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.canvas-layer--frame.is-droptarget .canvas-frame__title{color:var(--accent)}.canvas-frame__title--input{position:absolute;left:0;bottom:100%;margin-bottom:5px;max-width:160px;padding:1px 3px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-family:var(--font-sans);font-size:9px;font-weight:500;letter-spacing:0;text-transform:none;pointer-events:auto;outline:none}.canvas-readout{position:absolute;left:50%;top:100%;transform:translate(-50%,9px);padding:3px 7px;background:var(--text-primary);color:var(--background);font-family:var(--font-mono);font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.canvas-snap-guide{position:absolute;z-index:8;background:var(--accent);pointer-events:none}.canvas-snap-guide--v{top:0;bottom:0;width:1px}.canvas-snap-guide--h{left:0;right:0;height:1px}.canvas-tool-rail{position:absolute;left:8px;top:8px;z-index:40;display:flex;flex-direction:column;gap:1px;padding:3px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:4px;box-shadow:0 12px 24px color-mix(in srgb,#000 12%,transparent)}.tool-rail__item{position:relative;display:grid;place-items:center;width:28px;height:28px;margin:2px;border-radius:3px;color:var(--text-tertiary);transition:color .12s ease,background .12s ease}.tool-rail__item .icon{background:currentColor}.tool-rail__item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.tool-rail__item.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tool-rail__group{position:relative;display:flex}.tool-rail__item--group:after{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.5}.tool-rail__flyout{position:absolute;left:100%;top:0;z-index:1;display:flex;gap:0;padding:0;border:0;border-radius:0 4px 4px 0;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:none;overflow:hidden;animation:tool-rail-flyout-extend .15s cubic-bezier(.16,1,.3,1) both;will-change:clip-path,opacity}.tool-rail__item--flyout{flex:0 0 auto;border-radius:3px}.tool-rail__item--flyout:last-child{border-radius:3px}.tool-rail__group.is-open .tool-rail__item--group{border-top-right-radius:3px;border-bottom-right-radius:3px}@keyframes tool-rail-flyout-extend{0%{clip-path:inset(0 100% 0 0);opacity:.72}to{clip-path:inset(0 0 0 0);opacity:1}}@media(prefers-reduced-motion:reduce){.tool-rail__flyout{animation:none;clip-path:inset(0 0 0 0);opacity:1}}.tool-rail__divider{height:1px;margin:3px 4px;background:color-mix(in srgb,var(--separator) 55%,transparent)}.tool-rail__history{position:relative}.history-panel{position:absolute;left:calc(100% + 10px);bottom:0;z-index:30;width:220px;max-height:var(--history-panel-max-height, 320px);display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,#000 16%,transparent);font-family:var(--font-sans);transform:translateY(var(--history-panel-offset-y, 0));overflow:hidden}.history-panel__head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 4px 4px 8px;border-bottom:1px solid color-mix(in srgb,var(--separator) 55%,transparent)}.history-panel__title{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.history-panel__buttons{display:flex;gap:2px}.history-panel__btn{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:var(--text-secondary);line-height:0}.history-panel__btn .icon{background:currentColor}.history-panel__btn:hover:not(:disabled){color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.history-panel__btn:disabled{opacity:.32;cursor:default}.history-panel__list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:3px;gap:1px;overflow-y:auto}.history-panel__empty{margin:0;padding:10px 7px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-tertiary);text-align:center}.history-panel__item{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:30px;padding:0 7px;border-radius:3px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary);text-align:left}.history-panel__item:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.history-panel__item.is-current{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-primary)}.history-panel__item.is-future{opacity:.45}.history-panel__dot{width:5px;height:5px;justify-self:center;border-radius:50%;background:color-mix(in srgb,var(--text-tertiary) 80%,transparent)}.history-panel__item.is-current .history-panel__dot{background:var(--accent)}.history-panel__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-frame__title{position:absolute;left:0;bottom:100%;margin-bottom:5px;max-width:100%;padding:1px 3px;font-family:var(--font-sans);font-size:9px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:grab;user-select:none}.canvas-frame__title:active{cursor:grabbing}.canvas-layer--frame.is-selected .canvas-frame__title{color:var(--accent)}.canvas-layer--text{pointer-events:auto;cursor:grab}.canvas-layer--text:active{cursor:grabbing}.canvas-text__display{width:100%;height:100%;margin:0;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;pointer-events:none;user-select:none}.canvas-vector{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-layer--vector{cursor:grab;contain:layout style}.canvas-vector__hit{fill:none;stroke:transparent;stroke-width:14;vector-effect:non-scaling-stroke;pointer-events:stroke}.canvas-pen-preview{position:absolute;left:50%;top:50%;width:0;height:0;overflow:visible;transform:translate3d(var(--pan-x),var(--pan-y),0);pointer-events:none;z-index:6}.canvas-pen-preview polyline,.canvas-pen-preview__path{fill:none;stroke:var(--accent-hot);stroke-width:1.5}.canvas-pen-preview__handle line{stroke:color-mix(in srgb,var(--accent-hot) 55%,transparent);stroke-width:1}.canvas-pen-preview__handle circle{fill:var(--accent-hot);stroke:none}.canvas-vector-anchors rect{pointer-events:auto;cursor:grab;fill:#fff;stroke:var(--accent);stroke-width:1.25}.canvas-vector-anchors rect:hover,.canvas-vector-anchors rect.is-selected{fill:var(--accent)}.canvas-vector-anchors__control line{stroke:color-mix(in srgb,var(--accent) 60%,transparent);stroke-width:1}.canvas-vector-anchors__control circle{pointer-events:auto;cursor:grab;fill:var(--accent);stroke:#fff;stroke-width:1.25}.canvas-layer--vector.is-editing,.canvas-layer--vector.is-editing .canvas-vector{outline:none!important;box-shadow:none!important}.canvas-line-preview{stroke:var(--accent-hot);stroke-width:1.5}.canvas-area--vector-editing .canvas-meta{opacity:0;pointer-events:none}.vector-option-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:var(--spacing-xs)}.vector-option-row__label{font-size:9px;font-weight:500;letter-spacing:.05em;color:var(--text-tertiary)}.vector-option-row__group{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.vector-option-row__group--2{grid-template-columns:repeat(2,1fr)}.vector-option-row__group button{height:24px;font-size:8px;font-weight:500;letter-spacing:.04em;color:var(--text-tertiary)}.vector-option-row__group button.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,transparent)}.vector-option-row__group button:disabled{opacity:.4}.draw-preview-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.vector-editor{position:absolute;inset:0;z-index:30;pointer-events:none}.vector-editor__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;cursor:default;touch-action:none}.vector-editor__hud{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:5px 10px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text-secondary);font-size:9px;font-weight:500;letter-spacing:.05em;white-space:nowrap;pointer-events:none}.canvas-edit-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;padding:5px 10px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text-secondary);font-size:9px;font-weight:500;letter-spacing:.05em;pointer-events:none;white-space:nowrap}.canvas-pen-preview circle{fill:var(--surface);stroke:var(--accent-hot);stroke-width:1.5}.canvas-pen-preview circle.is-first{fill:var(--accent-hot)}.canvas-text__display--wrapped{position:relative;overflow:visible}.canvas-text__wrap-line{position:absolute;white-space:pre}.canvas-text__input{width:100%;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;pointer-events:auto;cursor:text}.canvas-text__input--rich{caret-color:var(--accent-hot)}.canvas-text__input--rich b{font-weight:700}.canvas-text__input--rich i{font-style:italic}.canvas-text__input--rich u{text-decoration:underline}.canvas-layer--text.is-editing{outline:1px solid var(--accent);outline-offset:2px}.canvas-selection,.canvas-draw-preview{position:absolute;left:50%;top:50%;width:var(--layer-screen-width);height:var(--layer-screen-height);transform:translate3d(calc(var(--pan-x) + var(--layer-screen-x)),calc(var(--pan-y) + var(--layer-screen-y)),0)}.canvas-selection{pointer-events:none;z-index:5;outline:1px solid var(--accent);outline-offset:2px}.canvas-selection--hover{z-index:4;outline-color:color-mix(in srgb,var(--accent) 62%,transparent);outline-style:solid}.canvas-selection--outlined{outline:1px solid var(--accent);outline-offset:0}.canvas-draw-preview{pointer-events:none;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);z-index:6}.canvas-draw-preview--shape{border:none;background:transparent}.canvas-shape-preview{display:block;width:100%;height:100%;overflow:visible}.canvas-shape-preview path{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:var(--accent-hot);stroke-width:1.5;vector-effect:non-scaling-stroke}.app-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:200;max-width:440px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--separator) 60%,transparent);background:var(--surface);box-shadow:0 16px 40px color-mix(in srgb,#000 24%,transparent);color:var(--text-primary);font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;text-align:center;pointer-events:none}.canvas-marquee{position:absolute;left:50%;top:50%;width:var(--layer-screen-width);height:var(--layer-screen-height);transform:translate3d(calc(var(--pan-x) + var(--layer-screen-x)),calc(var(--pan-y) + var(--layer-screen-y)),0);pointer-events:none;z-index:7;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.canvas-handle{position:absolute;box-sizing:border-box;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--surface);border:1px solid var(--accent);border-radius:1px;pointer-events:auto}.canvas-handle--nw{left:0;top:0;cursor:nwse-resize}.canvas-handle--n{left:50%;top:0;cursor:ns-resize}.canvas-handle--ne{left:100%;top:0;cursor:nesw-resize}.canvas-handle--e{left:100%;top:50%;cursor:ew-resize}.canvas-handle--se{left:100%;top:100%;cursor:nwse-resize}.canvas-handle--s{left:50%;top:100%;cursor:ns-resize}.canvas-handle--sw{left:0;top:100%;cursor:nesw-resize}.canvas-handle--w{left:0;top:50%;cursor:ew-resize}.canvas-context-menu,.layer-context-menu{position:absolute;z-index:30;min-width:156px;display:flex;flex-direction:column;gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,#000 16%,transparent)}.layer-context-menu{z-index:40}.canvas-context-menu button,.layer-context-menu button{width:100%;height:28px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;padding:0 7px;color:var(--text-secondary);border-radius:3px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-align:left;text-transform:none}.canvas-context-menu button:hover,.canvas-context-menu button:focus-visible,.layer-context-menu button:hover,.layer-context-menu button:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.canvas-context-menu button.is-danger:hover,.canvas-context-menu button.is-danger:focus-visible,.layer-context-menu button.is-danger:hover,.layer-context-menu button.is-danger:focus-visible{color:var(--accent-hot)}.recording-progress-frame{position:absolute;inset:0;z-index:2;pointer-events:none}.recording-progress-frame__track{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent-hot) 22%,transparent)}.recording-progress-frame__edge{position:absolute;background:var(--accent-hot);transition:width 80ms linear,height 80ms linear}.recording-progress-frame__edge--top{left:0;top:0;width:calc(var(--edge-progress) * 100%);height:2px}.recording-progress-frame__edge--right{right:0;top:0;width:2px;height:calc(var(--edge-progress) * 100%)}.recording-progress-frame__edge--bottom{right:0;bottom:0;width:calc(var(--edge-progress) * 100%);height:2px}.recording-progress-frame__edge--left{left:0;bottom:0;width:2px;height:calc(var(--edge-progress) * 100%)}.recording-badge{position:absolute;right:0;top:-22px;z-index:3;display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:18px;padding:0 5px;color:var(--accent-hot);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent-hot) 28%,transparent);font-size:9px;font-weight:500;line-height:1;text-transform:uppercase;pointer-events:none}.recording-badge__dot{width:5px;height:5px;background:var(--accent-hot);animation:recording-pulse .9s ease-in-out infinite alternate}@keyframes recording-pulse{0%{opacity:.34}to{opacity:1}}.right-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-xxs);padding:6px 8px;border-bottom:1px solid color-mix(in srgb,var(--separator) 42%,transparent)}.right-tabs button{min-height:30px;display:grid;place-items:center;color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.right-tabs button:hover,.right-tabs button.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.tools-empty{display:grid;justify-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.tools-empty .icon{background:var(--text-tertiary)}.tools-empty p{margin:0;color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.tools-empty span{max-width:220px;color:var(--text-tertiary);font-size:9px;line-height:1.5;text-transform:uppercase}.canvas-toggle-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.canvas-toggle-row button{width:26px;height:26px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--separator) 24%,transparent);color:var(--text-tertiary);background:transparent}.canvas-toggle-row button .icon{background:currentColor}.canvas-toggle-row button:hover,.canvas-toggle-row button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 26%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.control-field .segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--spacing-xxs)}.control-field .segmented-control button{min-width:0}.disclosure{border-top:1px solid color-mix(in srgb,var(--separator) 20%,transparent)}.disclosure__pop{width:20px;height:20px;display:grid;place-items:center;color:var(--text-tertiary);opacity:0;transition:opacity .12s ease}.disclosure__head:hover .disclosure__pop,.disclosure__pop:focus-visible{opacity:1}.disclosure__pop .icon{background:currentColor}.disclosure__pop:hover{color:var(--accent)}.floating-panel{position:fixed;z-index:180;width:300px;max-height:min(72vh,580px);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--separator) 60%,transparent);border-radius:4px;background:var(--surface);box-shadow:0 18px 48px color-mix(in srgb,#000 24%,transparent)}.floating-panel__head{flex:none;display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding:0 var(--spacing-xs) 0 var(--spacing-sm);border-bottom:1px solid color-mix(in srgb,var(--separator) 35%,transparent);color:var(--text-tertiary);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:grab;user-select:none}.floating-panel__head:active{cursor:grabbing}.floating-panel__head>.icon{flex:none;margin:0;background:currentColor}.floating-panel__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.floating-panel__actions{flex:none;display:flex;align-items:center;gap:2px}.floating-panel__actions .effect-add__trigger,.floating-panel__actions .section-menu__trigger,.floating-panel__actions .panel-head-icon{border-radius:3px}.floating-panel__actions .effect-add__trigger:hover,.floating-panel__actions .section-menu__trigger:hover,.floating-panel__actions .panel-head-icon:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.floating-panel__close{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary)}.floating-panel__close .icon{background:currentColor}.floating-panel__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.floating-panel__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:grid;align-content:start;gap:var(--spacing-sm);padding:10px 12px}.disclosure__head{display:flex;align-items:center;gap:var(--spacing-xs);min-height:36px}.disclosure__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:36px;color:var(--text-secondary);font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;text-align:left}.disclosure__toggle .icon{background:currentColor}.disclosure__toggle:hover,.disclosure.is-open>.disclosure__head .disclosure__toggle{color:var(--text-primary)}.disclosure__body{padding:0 0 var(--spacing-sm)}.disclosure__body .disclosure{margin-left:var(--spacing-sm);border-top:1px solid color-mix(in srgb,var(--separator) 14%,transparent)}.disclosure__body .disclosure:first-child{border-top:0}.disclosure__body .disclosure__toggle{min-height:32px;color:var(--text-tertiary)}.section-menu__trigger{pointer-events:auto}.segmented-control--icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-xxs);width:100%}.segmented-control--icons button{min-width:0;display:grid;place-items:center}.segmented-control--icons .icon{background:currentColor}.icon-button-row{display:flex;align-items:center;gap:var(--spacing-xxs)}.icon-button-row button{flex:1;display:grid;place-items:center;min-height:30px;color:var(--text-tertiary);background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent)}.icon-button-row button .icon{background:currentColor}.icon-button-row button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.icon-button-row__divider{width:1px;align-self:stretch;margin:2px 1px;background:color-mix(in srgb,var(--separator) 45%,transparent)}.icon-button-row.is-disabled{opacity:.4;pointer-events:none}.number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xxs)}.size-row{display:flex;align-items:stretch;gap:var(--spacing-xxs);margin-top:var(--spacing-xxs)}.size-row .number-field{flex:1;min-width:0}.align-row{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid color-mix(in srgb,var(--separator) 16%,transparent)}.align-row .icon-button-row{justify-content:space-between;gap:0}.align-row .icon-button-row button{flex:1;min-height:22px;padding:0;border:0;background:transparent;color:var(--text-tertiary)}.align-row .icon-button-row button:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 7%,transparent);border-color:transparent}.align-row .icon-button-row__divider{margin:4px 5px;background:color-mix(in srgb,var(--separator) 30%,transparent)}.group-ungroup-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:30px;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent);font-size:10px;font-weight:500;text-transform:uppercase}.group-ungroup-button .icon{background:currentColor}.group-ungroup-button:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.aspect-toggle{display:grid;place-items:center;width:30px;flex:none;color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.aspect-toggle .icon{background:currentColor}.aspect-toggle:hover{color:var(--text-primary)}.aspect-toggle.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.number-field{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);box-sizing:border-box}.number-field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.number-field>span{color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.number-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;text-align:right}.number-field input:focus{outline:0}.number-field small{color:var(--text-tertiary);font-size:8px}.number-field.is-disabled{opacity:.4}.number-field--icon input{text-align:left}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.number-field__spin{display:flex;flex:none;flex-direction:column;gap:1px;margin-left:2px}.number-field__step{display:grid;place-items:center;width:14px;height:9px;color:var(--text-tertiary);opacity:.5;transition:opacity .12s ease,color .12s ease}.number-field__step .icon{background:currentColor}.number-field__step:hover{opacity:1;color:var(--accent)}.keyframe-button{display:grid;place-items:center;width:16px;height:16px;flex:none;color:var(--text-tertiary)}.keyframe-diamond{width:7px;height:7px;transform:rotate(45deg);border:1px solid currentColor;background:transparent}.keyframe-button:hover{color:var(--text-primary)}.keyframe-button.is-animated{color:var(--accent)}.keyframe-button.is-here .keyframe-diamond{background:var(--accent)}.number-field__icon{flex:none;color:var(--text-tertiary);background:currentColor}.type-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs)}.type-row--weight{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.select-field{position:relative}.select-field__trigger{display:flex;align-items:center;gap:6px;width:100%;min-width:0;height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;cursor:pointer}.select-field__trigger:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.select-field__value{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.select-field__caret{flex:none;color:var(--text-tertiary);background:currentColor}.select-field__pop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;max-height:260px;overflow-y:auto;scrollbar-width:none;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);background:var(--surface);box-shadow:0 16px 36px color-mix(in srgb,#000 18%,transparent)}.select-field__pop::-webkit-scrollbar{display:none}.select-field__item{display:flex;align-items:center;width:100%;min-height:28px;padding:4px 7px;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;text-align:left}.select-field__item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.select-field__item.is-active{color:var(--accent)}.select-field.is-disabled{opacity:.4;pointer-events:none}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xxs)}.preset-chip{min-height:30px;padding:6px 4px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.preset-chip:hover{color:var(--text-primary)}.preset-chip.is-active{color:var(--accent);border-color:var(--accent)}.font-picker{position:relative;width:100%}.font-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent);color:var(--text-primary);background:transparent;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase}.font-picker__trigger:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.font-picker.is-disabled{opacity:.4;pointer-events:none}.font-picker__current{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:10px}.font-picker__pop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;display:flex;flex-direction:column;max-height:320px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);background:var(--surface);box-shadow:0 16px 36px color-mix(in srgb,#000 18%,transparent)}.font-picker__search{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid color-mix(in srgb,var(--separator) 40%,transparent);color:var(--text-tertiary)}.font-picker__search input{width:100%;border:0;background:transparent;color:var(--text-primary);font-size:10px;text-transform:uppercase}.font-picker__search input:focus{outline:0}.font-picker__list{flex:1;min-height:0;overflow-y:auto;padding:4px}.font-picker__group{padding:6px 6px 3px;color:var(--text-tertiary);font-size:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.font-picker__item{display:flex;align-items:center;width:100%;min-height:28px;padding:4px 7px;color:var(--text-secondary);text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;content-visibility:auto;contain-intrinsic-size:auto 28px}.font-picker__item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.font-picker__item.is-active{color:var(--accent)}.font-picker__note{padding:8px;color:var(--text-tertiary);font-size:9px;line-height:1.4;text-transform:uppercase}.font-picker__link{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.font-picker__link input{flex:1;min-width:0;background:color-mix(in srgb,var(--text-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent);border-radius:4px;padding:5px 7px;color:var(--text-primary);font-size:9px;text-transform:uppercase}.font-picker__link input:focus{outline:none;border-color:var(--accent)}.font-picker__link button{padding:5px 9px;border-radius:4px;color:var(--accent);font-size:9px;font-weight:600;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 12%,transparent)}.font-picker__link button:disabled{color:var(--text-tertiary);background:none}.font-picker__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.font-picker__actions--quad{grid-template-columns:1fr 1fr}.font-picker__actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.font-picker__actions button:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.effects-actions{display:flex;align-items:center;gap:2px}.effect-add,.section-menu{position:relative}.effect-add__trigger,.section-menu__trigger{display:grid;place-items:center;width:24px;height:24px;color:var(--text-tertiary)}.effect-add__trigger .icon,.section-menu__trigger .icon{background:currentColor}.effect-add__trigger:hover,.section-menu__trigger:hover{color:var(--accent)}.effect-add__pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40}.section-menu__pop{position:fixed;z-index:260}.effect-add__pop,.section-menu__pop{min-width:154px;max-height:300px;overflow-y:auto;scrollbar-width:none;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:4px;background:var(--surface);box-shadow:0 16px 36px color-mix(in srgb,#000 18%,transparent)}.effect-add__pop::-webkit-scrollbar,.section-menu__pop::-webkit-scrollbar{display:none}.effect-add__item,.section-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:5px 7px;border-radius:3px;color:var(--text-secondary);font-size:10px;font-weight:500;text-transform:uppercase;text-align:left}.effect-add__item .icon,.section-menu__item .icon{background:currentColor}.effect-add__item:hover,.section-menu__item:not(:disabled):hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.section-menu__item.is-danger:not(:disabled):hover{color:var(--danger, var(--accent))}.section-menu__item:disabled{opacity:.4;cursor:default}.effect-add__label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.effect-add__badge{color:var(--accent);font-size:8px}.effect-add__empty,.effect-stack__empty{display:flex;align-items:center;gap:8px;padding:12px 8px;color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.effect-stack__empty{justify-content:center}.effect-add__empty .icon,.effect-stack__empty .icon{background:currentColor}.effect-stack{display:grid;gap:1px}.effect-stack__row{display:flex;align-items:center;min-height:32px;border:1px solid color-mix(in srgb,var(--separator) 30%,transparent);color:var(--text-secondary)}.effect-stack__row.is-open{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text-primary)}.effect-stack__row.is-hidden{opacity:.5}.effect-stack__vis,.effect-stack__remove{display:grid;place-items:center;width:28px;align-self:stretch;color:var(--text-tertiary)}.effect-stack__vis .icon,.effect-stack__remove .icon,.effect-stack__name .icon{background:currentColor}.effect-stack__vis:hover{color:var(--text-primary)}.effect-stack__vis.is-ghost{opacity:.3}.effect-stack__remove:hover{color:var(--danger, var(--accent))}.effect-stack__expand{display:grid;place-items:center;width:24px;align-self:stretch;color:var(--text-tertiary)}.effect-stack__expand .icon{background:currentColor}.effect-stack__expand:hover{color:var(--text-primary)}.effect-stack__row.is-pending{border-style:dashed}.effect-type-select{position:relative;flex:1;min-width:0;align-self:stretch}.effect-type-select__trigger{width:100%;height:100%;display:flex;align-items:center;gap:7px;padding:0 4px;color:inherit;font-size:10px;font-weight:500;text-transform:uppercase;text-align:left}.effect-type-select__trigger .icon{flex:none;background:currentColor}.effect-type-select__trigger:hover{color:var(--text-primary)}.effect-type-select__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-type-select__label.is-placeholder{color:var(--text-tertiary)}.effect-type-select__badge{font-size:8px;color:var(--text-tertiary)}.effect-type-select__caret{opacity:.5}.effect-type-select__pop{position:fixed;z-index:240;min-width:188px;max-height:280px;overflow:auto;scrollbar-width:thin;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);background:var(--surface);box-shadow:0 14px 32px color-mix(in srgb,#000 26%,transparent)}.effect-type-select__item{display:flex;align-items:center;gap:7px;width:100%;height:28px;padding:0 8px;color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase;text-align:left}.effect-type-select__item .icon{flex:none;background:currentColor}.effect-type-select__item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.effect-type-select__item.is-active{color:var(--accent)}.effect-type-select__item small{margin-left:auto;font-size:8px;color:var(--text-tertiary)}.effect-stack__name{flex:1;min-width:0;display:flex;align-items:center;gap:7px;height:100%;padding:0 4px;color:inherit;font-size:10px;font-weight:500;text-transform:uppercase;text-align:left}.effect-stack__title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.effect-stack__badge{color:var(--accent);font-size:8px}.effect-stack__caret{opacity:.55}.effect-stack__body{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid color-mix(in srgb,var(--separator) 24%,transparent)}.panel-head-action{color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.panel-head-action:not(:disabled):hover{color:var(--accent)}.panel-head-action:disabled{cursor:default;opacity:.36}.panel-head-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--text-tertiary)}.panel-head-icon:not(:disabled):hover{color:var(--accent-hot);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.panel-head-icon:disabled{cursor:default;opacity:.36}.edit-panel{min-height:0;display:grid;align-content:start;gap:var(--spacing-md);overflow:auto;scrollbar-width:none}.edit-panel::-webkit-scrollbar{display:none}.inspector-header{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 var(--spacing-md);border-bottom:1px solid color-mix(in srgb,var(--separator) 42%,transparent);color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.inspector-header .icon{background:currentColor}.inspector-header__title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary)}.inspector-header__meta{color:var(--text-tertiary)}.inspector{min-height:0;display:grid;align-content:start;gap:var(--spacing-md);padding:var(--spacing-md);overflow-y:auto;scrollbar-width:none}.inspector::-webkit-scrollbar{display:none}.disclosure__body>.edit-section+.edit-section,.disclosure__body .control-stack{margin-top:var(--spacing-sm)}.preset-list{min-height:0;display:grid;align-content:start;gap:1px;overflow:auto;scrollbar-width:none}.preset-list::-webkit-scrollbar{display:none}.preset-row{min-width:0;min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;color:var(--text-secondary)}.preset-row:hover,.preset-row:focus-within{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.preset-row__apply,.preset-row__input{min-width:0;width:100%;min-height:32px;color:inherit;text-align:left}.preset-row__apply{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);text-transform:uppercase}.preset-row__apply.is-disabled{opacity:.52}.preset-row__apply span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500}.preset-row__apply small{max-width:88px;overflow:hidden;color:var(--text-tertiary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.preset-row__input{grid-column:1 / 2;border:0;padding:0 var(--spacing-sm);background:color-mix(in srgb,var(--text-primary) 6%,transparent);font-size:9px;font-weight:500;text-transform:uppercase}.preset-row__action{width:28px;height:32px;display:grid;place-items:center;color:var(--text-tertiary)}.preset-row__action:hover{color:var(--accent-hot);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.export-panel{min-width:0;display:grid;gap:8px}.export-panel__target{min-width:0;min-height:38px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--separator) 34%,transparent);color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.export-panel__target.is-empty{border-style:dashed;color:var(--text-tertiary);background:transparent}.export-panel__target .icon{justify-self:center;background:currentColor}.export-panel__target-copy{min-width:0;display:grid;gap:2px;font-family:var(--font-sans)}.export-panel__target-copy span,.export-panel__target-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-panel__target-copy span{color:var(--text-primary);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.export-panel__target-copy small{color:var(--text-tertiary);font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}.export-panel__group{min-width:0;display:grid;gap:6px;padding:7px;border:1px solid color-mix(in srgb,var(--separator) 28%,transparent);background:color-mix(in srgb,var(--text-primary) 2%,transparent)}.export-panel__group-head,.export-panel__field{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,104px);align-items:center;gap:8px}.export-panel__group-head{min-height:20px;color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.export-panel__group-head small{min-width:0;overflow:hidden;color:var(--text-tertiary);font-size:9px;font-weight:400;text-align:right;text-overflow:ellipsis;white-space:nowrap}.export-panel__field{position:relative;min-height:28px;color:var(--text-secondary)}.export-panel__field.is-disabled{opacity:.48}.export-panel__field span{min-width:0;overflow:hidden;font-size:9px;font-weight:500;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.export-panel__dropdown-trigger{width:100%;height:26px;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--separator) 34%,transparent);border-radius:3px;padding:0 7px;color:var(--text-primary);background:color-mix(in srgb,var(--surface) 86%,transparent);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase;text-align:left}.export-panel__dropdown-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-panel__dropdown-trigger .icon{justify-self:end;background:currentColor}.export-panel__dropdown-trigger:hover:not(:disabled),.export-panel__dropdown-trigger:focus-visible{border-color:color-mix(in srgb,var(--accent) 54%,transparent);color:var(--text-primary);outline:0}.export-panel__dropdown-trigger:disabled{cursor:default;color:var(--text-tertiary)}.export-panel__dropdown-pop{position:fixed;z-index:240;min-width:124px;max-height:220px;overflow:auto;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 66%,transparent);border-radius:4px;background:var(--surface);box-shadow:0 14px 32px color-mix(in srgb,#000 22%,transparent);scrollbar-width:thin}.export-panel__dropdown-item{width:100%;height:26px;display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:6px;padding:0 7px;border-radius:3px;color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:0;text-align:left;text-transform:uppercase}.export-panel__dropdown-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-panel__dropdown-item .icon{justify-self:end;background:currentColor}.export-panel__dropdown-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.export-panel__dropdown-item.is-active{color:var(--accent)}.export-panel__button{min-width:0;min-height:30px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:2px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent);background:transparent;font-family:var(--font-sans);letter-spacing:0;text-align:left;text-transform:none}.export-panel__button .icon{justify-self:center;background:currentColor}.export-panel__button span{min-width:0;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.export-panel__button small{min-width:0;max-width:86px;overflow:hidden;color:currentColor;font-size:9px;font-weight:500;opacity:.76;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.export-panel__button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.export-panel__button:disabled{border-color:color-mix(in srgb,var(--separator) 50%,transparent);color:var(--text-tertiary);cursor:default;opacity:.7}.export-panel__button.is-recording{border-color:var(--accent-hot);color:var(--accent-hot);background:color-mix(in srgb,var(--accent-hot) 8%,transparent);cursor:progress;opacity:1}.export-panel__empty{min-height:48px}.right-sidebar-footer{padding:8px;border-top:1px solid color-mix(in srgb,var(--separator) 42%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent)}.preset-save-button{width:100%;min-height:32px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 5%,transparent);text-align:left;text-transform:uppercase}.preset-save-button span{min-width:0;font-size:9px;font-weight:500}.preset-save-button small{max-width:96px;overflow:hidden;color:var(--text-tertiary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.preset-save-button:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.preset-save-button:disabled{cursor:default;opacity:.42}.preset-save-composer{min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.preset-save-composer__input{min-width:0;width:100%;height:32px;border:0;padding:0 var(--spacing-sm);color:var(--text-primary);background:transparent;font-size:9px;font-weight:500;text-transform:uppercase}.preset-save-composer__action{width:32px;height:32px;display:grid;place-items:center;color:var(--text-tertiary)}.preset-save-composer__action:hover{color:var(--accent-hot);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.edit-section{display:grid;gap:var(--spacing-sm)}.edit-section+.edit-section{margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid color-mix(in srgb,var(--separator) 22%,transparent)}.edit-section__head{color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.control-stack{display:grid;gap:var(--spacing-sm)}.control-field{display:grid;gap:var(--spacing-xs);padding:0}.control-field__label,.effect-head,.effect-picker__select,.effect-picker__remove,.effect-picker__toggle,.segmented-control button,.toggle-row{font-size:9px;font-weight:500;text-transform:uppercase}.control-field__label{color:var(--text-tertiary)}.effect-picker{display:grid;gap:1px}.effect-picker__row{min-width:0;min-height:30px;display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;color:var(--text-secondary)}.effect-picker__select{min-width:0;min-height:30px;display:grid;grid-template-columns:18px 7px minmax(0,1fr);align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:inherit;text-align:left}.effect-picker__status{width:5px;min-width:5px;height:5px;background:var(--accent-hot);opacity:0}.effect-picker .effect-picker__status{min-width:5px;overflow:visible}.effect-picker__toggle,.effect-picker__remove{width:28px;height:30px;display:grid;place-items:center;color:var(--text-tertiary)}.effect-picker__remove{opacity:0}.effect-picker__row:hover,.effect-picker__row.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.effect-picker__row.is-enabled .effect-picker__status{opacity:1}.effect-picker__toggle.is-active .toggle-square{border-color:var(--accent-hot);background:var(--accent-hot);box-shadow:inset 0 0 0 3px var(--surface)}.effect-picker__toggle:not(:disabled):hover{color:var(--accent-hot);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.effect-picker__row:hover .effect-picker__remove,.effect-picker__row.is-active .effect-picker__remove,.effect-picker__remove:focus-visible{opacity:1}.effect-picker__remove:not(:disabled):hover{color:var(--accent-hot);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.effect-picker__remove:disabled{cursor:default;opacity:.36}.effect-picker__toggle:disabled{cursor:default;opacity:.36}.effect-picker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-picker__label{display:inline-flex;align-items:center;gap:6px}.effect-picker .effect-picker__label{overflow:visible}.effect-picker__label-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.effect-picker .effect-picker__badge{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:12px;padding:0 4px;border:1px solid color-mix(in srgb,var(--accent-hot) 48%,transparent);color:var(--accent-hot);font-size:7px;line-height:1;letter-spacing:0;text-transform:uppercase}.effect-picker small{color:var(--text-tertiary);font-size:9px}.effect-settings-panel{gap:var(--spacing-sm);padding:var(--spacing-sm);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border-top:1px solid color-mix(in srgb,var(--separator) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--separator) 18%,transparent)}.effect-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-height:28px;color:var(--text-tertiary);border-bottom:1px solid color-mix(in srgb,var(--separator) 18%,transparent)}.effect-stack__body .effect-head{display:none}.effect-stack__body .effect-settings-panel{padding:0;background:none;border-top:0;border-bottom:0}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px}.segmented-control--grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button{min-height:28px;padding:0 var(--spacing-xs);color:var(--text-tertiary);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.segmented-control button:hover,.segmented-control button.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.segmented-control.is-disabled{opacity:.42}.toggle-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:0 var(--spacing-xs);color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--separator) 14%,transparent)}.toggle-row>span:first-child{flex:1;text-align:left}.toggle-square{width:14px;height:14px;flex:0 0 14px;border:1px solid color-mix(in srgb,var(--text-primary) 62%,transparent);background:transparent;box-shadow:inset 0 0 0 2px var(--surface)}.toggle-row.is-active .toggle-square{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.toggle-row small{width:28px;color:var(--text-tertiary);font-size:9px;text-align:right}.toggle-row:hover,.toggle-row.is-active{color:var(--accent)}.toggle-row.is-active{background:color-mix(in srgb,var(--accent) 9%,transparent)}.toggle-row.is-active small{color:var(--accent)}.toggle-row:disabled{cursor:default;opacity:.42}.color-control{display:grid;gap:var(--spacing-xs)}.color-control.is-disabled{opacity:.4;pointer-events:none}.color-control__label{color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.color-control__field{display:flex;align-items:stretch;height:30px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:4px;background:var(--surface)}.color-control__field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.color-control__swatch{position:relative;display:grid;place-items:center;width:30px;padding:0;border:0;background:transparent;appearance:none;cursor:pointer}.color-control__swatch:focus-visible{outline:0}.color-control__swatch:focus-visible .color-control__chip,.color-control__swatch.is-open .color-control__chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 14%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.color-control__chip{width:16px;height:16px;border-radius:2px;background-color:var(--swatch-color);background-image:linear-gradient(var(--swatch-color),var(--swatch-color)),conic-gradient(var(--checker-b) 0 25%,var(--checker-a) 0 50%,var(--checker-b) 0 75%,var(--checker-a) 0);background-size:100% 100%,8px 8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 14%,transparent)}.color-control__hex{flex:1;min-width:0;border:0;border-left:1px solid color-mix(in srgb,var(--separator) 40%,transparent);background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;padding:0 8px}.color-control__hex:focus{outline:0}.color-control__field>.keyframe-button{align-self:stretch;width:28px;height:auto;border-left:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.color-control__opacity{display:flex;align-items:center;gap:1px;padding:0 8px 0 6px;border-left:1px solid color-mix(in srgb,var(--separator) 40%,transparent);color:var(--text-tertiary);font-size:10px}.color-control__opacity input{width:28px;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;text-align:right}.color-control__opacity input::-webkit-outer-spin-button,.color-control__opacity input::-webkit-inner-spin-button{appearance:none;margin:0}.color-control__opacity input:focus{outline:0}.color-control__opacity .keyframe-button{width:18px;height:18px}.color-popover{position:fixed;z-index:1200;display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--separator);border-radius:4px;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,#000 26%,transparent)}.color-popover:focus{outline:none}.color-popover__topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--separator) 36%,transparent)}.color-popover__tabs{min-width:0;display:inline-flex;align-items:center;gap:2px}.color-popover__tab{position:relative;height:22px;display:inline-flex;align-items:center;padding:0 6px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.color-popover__tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-hover) 55%,transparent)}.color-popover__tab.is-active{color:var(--text-primary);background:transparent}.color-popover__tab.is-active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;border-radius:0;background:var(--accent);pointer-events:none}.color-popover__add{width:24px;height:24px;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary)}.color-popover__add .icon{background:currentColor}.color-popover__add:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.color-popover__page{min-width:0}.color-popover__page--library{max-height:260px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.color-popover__library-list{display:grid;gap:1px}.color-popover__library-item{width:100%;min-height:28px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:2px;padding:2px;border-radius:3px;color:var(--text-secondary);font-family:var(--font-sans);text-align:left}.color-popover__library-item:hover,.color-popover__library-item:focus-within{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:0}.color-popover__library-item.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.color-popover__library-pick{min-width:0;width:100%;height:24px;display:grid;grid-template-columns:14px minmax(0,1fr) 14px;align-items:center;gap:6px;padding:0 4px;border-radius:3px;color:inherit;font-family:var(--font-sans);text-align:left}.color-popover__library-pick:focus-visible{outline:0;background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.color-popover__library-swatch{width:14px;aspect-ratio:1;border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 16%,transparent)}.color-popover__library-text{min-width:0;display:flex;align-items:baseline;gap:6px}.color-popover__library-text span,.color-popover__library-text small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-popover__library-text span{color:currentColor;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.color-popover__library-text small{flex:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:0}.color-popover__library-item.is-active .color-popover__library-text small{color:color-mix(in srgb,var(--accent) 72%,var(--text-tertiary))}.color-popover__library-state{width:14px;height:14px;display:grid;place-items:center;color:currentColor}.color-popover__library-state .icon{background:currentColor}.color-popover__library-delete{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary);opacity:.68}.color-popover__library-delete .icon{background:currentColor}.color-popover__library-delete:hover,.color-popover__library-delete:focus-visible{color:var(--accent-hot);background:color-mix(in srgb,var(--accent-hot) 9%,transparent);opacity:1;outline:0}.color-popover__library-empty{min-height:124px;display:grid;align-content:center;gap:4px;padding:10px;border:1px dashed color-mix(in srgb,var(--separator) 55%,transparent);border-radius:3px;color:var(--text-secondary);text-align:center}.color-popover__library-empty span{font-size:11px;font-weight:500}.color-popover__library-empty small{color:var(--text-tertiary);font-size:10px;line-height:1.35}.color-popover__sv{position:relative;width:100%;height:148px;border-radius:3px;cursor:crosshair;touch-action:none;background-color:var(--hue-color);background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0)}.color-popover__sv-thumb{position:absolute;width:12px;height:12px;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--ring, #fff),0 0 0 2.5px #00000059;pointer-events:none}.color-popover__sliders{display:flex;align-items:center;gap:var(--spacing-sm)}.color-popover__tracks{flex:1;min-width:0;display:grid;gap:8px}.color-popover__hue,.color-popover__alpha{position:relative;height:10px;margin:0 6px;border-radius:3px;cursor:pointer;touch-action:none;outline:none}.color-popover__hue:focus-visible,.color-popover__alpha:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.color-popover__hue{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-popover__alpha{background-color:var(--surface);background-image:linear-gradient(to right,transparent,var(--alpha-color, #000)),conic-gradient(var(--checker-b) 0 25%,var(--checker-a) 0 50%,var(--checker-b) 0 75%,var(--checker-a) 0);background-size:100% 100%,8px 8px}.color-popover__thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--ring, #fff),0 0 0 2.5px #00000059;pointer-events:none}.color-popover__eyedropper{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary);cursor:pointer}.color-popover__eyedropper .icon{background:currentColor}.color-popover__eyedropper:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.color-popover__value-row{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:4px}.color-popover__mode{position:relative;min-width:0}.color-popover__mode-trigger{width:100%;height:24px;display:grid;grid-template-columns:minmax(0,1fr) 10px;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--separator) 46%,transparent);border-radius:3px;padding:0 5px;color:var(--text-primary);background:color-mix(in srgb,var(--surface) 86%,transparent);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:0;line-height:1;text-align:left;text-transform:uppercase}.color-popover__mode-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-popover__mode-trigger .icon{justify-self:end;background:currentColor}.color-popover__mode-trigger:hover,.color-popover__mode-trigger:focus-visible{border-color:color-mix(in srgb,var(--accent) 48%,transparent);outline:0}.color-popover__mode-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:1220;min-width:96px;display:grid;gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 66%,transparent);border-radius:4px;background:var(--surface);box-shadow:0 14px 32px color-mix(in srgb,#000 22%,transparent)}.color-popover__mode-item{width:100%;height:26px;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:6px;padding:0 7px;border-radius:3px;color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:0;text-align:left;text-transform:uppercase}.color-popover__mode-item .icon{justify-self:end;background:currentColor}.color-popover__mode-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.color-popover__mode-item.is-active{color:var(--accent)}.color-popover__value-inputs{min-width:0;display:grid;align-items:center;gap:2px}.color-popover__value-inputs--hex{grid-template-columns:minmax(0,1fr)}.color-popover__value-inputs--hex.has-alpha{grid-template-columns:minmax(0,1fr) 54px}.color-popover__value-inputs--channels{grid-template-columns:repeat(3,minmax(0,1fr))}.color-popover__value-inputs--channels.has-alpha{grid-template-columns:repeat(3,minmax(0,1fr)) 54px}.color-popover__value-field{min-width:0;height:24px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:1px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:3px;padding:0 2px;background:var(--surface)}.color-popover__value-field--hex{grid-template-columns:minmax(0,1fr)}.color-popover__value-field:has(>span){grid-template-columns:7px minmax(0,1fr)}.color-popover__value-field--opacity{grid-template-columns:12px minmax(0,1fr);column-gap:2px}.color-popover__value-field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.color-popover__value-field>span{min-width:0;overflow:hidden;color:var(--text-tertiary);font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:22px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.color-popover__value-field input{min-width:0;width:100%;height:22px;border:0;border-radius:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:10px;line-height:22px;padding:0 4px;text-align:right}.color-popover__value-field--opacity input{padding:0 3px 0 2px;text-align:left}.color-popover__value-field--hex input{padding:0 4px;text-align:left;text-transform:uppercase}.color-popover__value-field input:focus{outline:0}.color-popover__value-field input::-webkit-outer-spin-button,.color-popover__value-field input::-webkit-inner-spin-button{appearance:none;margin:0}.color-popover__inputs{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:4px}.color-popover__inputs:has(.color-popover__alpha-input){grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}.color-popover__hex,.color-popover__rgb{display:grid;gap:2px;min-width:0}.color-popover__hex>span,.color-popover__rgb>span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;text-align:center}.color-popover__hex input,.color-popover__rgb input{min-width:0;width:100%;height:24px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:3px;background:var(--surface);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;text-align:center;padding:0 2px}.color-popover__hex input{text-transform:uppercase}.color-popover__hex input:focus,.color-popover__rgb input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.color-popover__rgb input::-webkit-outer-spin-button,.color-popover__rgb input::-webkit-inner-spin-button{appearance:none;margin:0}.color-popover__group{display:grid;gap:5px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--separator) 30%,transparent)}.color-popover__group-label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em}.color-popover__swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-popover__group .color-popover__swatches{grid-template-columns:repeat(12,14px);gap:3px}.color-popover__swatches--library{padding-bottom:2px}.color-popover__swatch{aspect-ratio:1;border:0;border-radius:2px;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 16%,transparent)}.color-popover__group .color-popover__swatch{width:14px}.color-popover__swatch:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 16%,transparent),0 0 0 1px var(--text-secondary)}.color-popover__swatch.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 16%,transparent),0 0 0 2px var(--accent)}.color-library-save{position:fixed;z-index:1210;display:grid;gap:8px;padding:8px;border:1px solid var(--separator);border-radius:4px;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,#000 24%,transparent)}.color-library-save__head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-tertiary);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.color-library-save__head button{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary)}.color-library-save__head button .icon{background:currentColor}.color-library-save__head button:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.color-library-save__field{min-width:0;display:grid;gap:3px}.color-library-save__field span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px}.color-library-save__field input{min-width:0;width:100%;height:26px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:3px;padding:0 7px;background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:11px}.color-library-save__field input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.color-library-save__preview{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px}.color-library-save__preview span{width:22px;height:22px;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 16%,transparent)}.color-library-save__preview small{min-width:0;overflow:hidden;color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.color-library-save__button{height:28px;border-radius:3px;color:var(--accent);font-size:10px;font-weight:600;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}.color-library-save__button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 9%,transparent)}.color-library-save__button:disabled{color:var(--text-tertiary);border-color:color-mix(in srgb,var(--separator) 50%,transparent);cursor:default}.paint-section__head,.stroke-section__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs)}.stroke-section__appearance{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xs)}.stroke-section__appearance .color-control,.stroke-section__appearance .number-field{min-width:0}.stroke-section__appearance .number-field{width:100%}.stroke-section__style{display:grid;gap:6px}.stroke-section__style .vector-option-row{grid-template-columns:30px minmax(0,1fr)}.stroke-section__style .vector-option-row__group button{height:26px}.print-channel-stack{display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.print-channel{display:grid;gap:0;padding:0 var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--channel-color) 5%,transparent);border-left:2px solid color-mix(in srgb,var(--channel-color) 72%,transparent)}.print-channel:not(.is-active){opacity:.52}.offset-control{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.offset-control.is-disabled{opacity:.42}.offset-control__top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:var(--text-secondary);font-size:9px;font-weight:500;text-transform:uppercase}.offset-control__top span:last-child{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.offset-pad{position:relative;height:112px;border:1px solid color-mix(in srgb,var(--text-primary) 22%,transparent);background:linear-gradient(to right,transparent calc(50% - .5px),color-mix(in srgb,var(--text-primary) 28%,transparent) 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),color-mix(in srgb,var(--text-primary) 28%,transparent) 50%,transparent calc(50% + .5px)),color-mix(in srgb,var(--surface-muted) 72%,transparent);cursor:crosshair;touch-action:none;overflow:hidden}.offset-pad__axis{position:absolute;background:color-mix(in srgb,var(--text-primary) 18%,transparent);pointer-events:none}.offset-pad__axis--x{left:0;right:0;top:var(--offset-y);height:1px}.offset-pad__axis--y{top:0;bottom:0;left:var(--offset-x);width:1px}.offset-pad__handle{position:absolute;left:var(--offset-x);top:var(--offset-y);width:14px;height:14px;background:var(--offset-color);border:1px solid color-mix(in srgb,var(--surface) 86%,#000000 14%);box-shadow:0 0 0 2px color-mix(in srgb,var(--offset-color) 18%,transparent);transform:translate(-50%,-50%);pointer-events:none}.offset-control.is-disabled .offset-pad{cursor:default}.ruler-slider{--progress: .5;padding:var(--spacing-sm) 0;user-select:none}.ruler-slider__top{display:flex;align-items:first baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ruler-slider__label,.ruler-slider__value{font-size:9px;font-weight:500;line-height:1.25;text-transform:uppercase}.ruler-slider__label{flex:1;color:var(--text-secondary);overflow-wrap:anywhere}.ruler-slider__value{width:56px;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.ruler-slider.is-default .ruler-slider__value{color:var(--text-tertiary)}.ruler-slider.is-disabled{opacity:.42}.ruler-slider__rail{position:relative;height:36px;margin:0 8px;cursor:ew-resize;touch-action:none}.ruler-slider__rail:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--separator) 14%,transparent)}.ruler-slider.is-disabled .ruler-slider__rail{cursor:default}.ruler-slider__ticks{position:absolute;inset:0}.ruler-slider__tick{position:absolute;top:50%;width:1px;height:7px;transform:translate(-.5px,-50%);background:color-mix(in srgb,var(--text-tertiary) 16%,transparent)}.ruler-slider__tick.is-medium{height:12px;background:color-mix(in srgb,var(--text-tertiary) 32%,transparent)}.ruler-slider__tick.is-major{height:18px;background:color-mix(in srgb,var(--text-secondary) 42%,transparent)}.ruler-slider__tick.is-zero{height:18px;background:color-mix(in srgb,var(--text-primary) 55%,transparent)}.ruler-slider__indicator{position:absolute;top:50%;left:calc(var(--progress) * 100%);width:3px;height:28px;transform:translate(-1.5px,-50%);background:var(--text-primary)}.settings-row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:0 var(--spacing-xs);color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--separator) 14%,transparent);text-transform:uppercase}.settings-row:disabled{cursor:default;opacity:.42}.settings-row--action{color:var(--text-primary)}.settings-row span{font-size:9px;font-weight:500}.settings-row small{color:var(--text-tertiary);font-size:9px;font-weight:400;text-align:right}.settings-row:hover{color:var(--accent)}.effect-runtime-row{min-height:28px;padding:0;border-bottom-color:color-mix(in srgb,var(--separator) 10%,transparent)}.settings-group{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-bottom:1px solid color-mix(in srgb,var(--separator) 14%,transparent)}.settings-group__head,.settings-quality{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:var(--text-secondary);text-transform:uppercase}.settings-group__head span,.settings-quality span{font-size:9px;font-weight:500}.settings-group__head small,.settings-quality small{color:var(--text-tertiary);font-size:9px}.settings-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.settings-segmented--frame-rate{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-segmented button{min-height:28px;color:var(--text-tertiary);background:color-mix(in srgb,var(--text-primary) 4%,transparent);font-size:9px;font-weight:500;text-transform:uppercase}.settings-segmented button:hover,.settings-segmented button.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.settings-segmented button:disabled{cursor:default;opacity:.28}.settings-quality.is-disabled{opacity:.46}.settings-stepper{display:grid;grid-template-columns:24px minmax(58px,auto) 24px;align-items:center}.settings-stepper button{width:24px;height:24px;display:grid;place-items:center;color:var(--text-tertiary)}.settings-stepper button:not(:disabled):hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.settings-stepper button:disabled{cursor:default;opacity:.28}.settings-stepper small{text-align:center;font-variant-numeric:tabular-nums}.curve-tool{display:grid;gap:var(--spacing-sm)}.curve-tool.is-disabled{opacity:.42}.channel-strip{display:flex;gap:var(--spacing-md);overflow-x:auto;scrollbar-width:none}.channel-strip::-webkit-scrollbar{display:none}.channel-strip--short{gap:var(--spacing-lg)}.channel{flex:none;padding:var(--spacing-xs) 0;color:var(--text-tertiary);font-size:9px;font-weight:500}.channel:hover,.channel.is-active{color:var(--channel-color, var(--text-primary))}.channel--red{--channel-color: rgb(235 89 87)}.channel--green{--channel-color: rgb(107 196 138)}.channel--blue{--channel-color: rgb(97 158 250)}.curve-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:var(--text-tertiary);font-size:9px;font-weight:500;text-transform:uppercase}.curve-graph{width:100%;height:auto;display:block;touch-action:none;user-select:none}.curve-graph:focus,.curve-graph:focus-visible{outline:none}.curve-graph>rect:first-child{fill:color-mix(in srgb,var(--background) 64%,transparent);stroke:color-mix(in srgb,var(--separator) 18%,transparent);stroke-width:1}.grid-lines path{fill:none;stroke:color-mix(in srgb,var(--separator) 12%,transparent);stroke-width:.75}.diagonal{fill:none;stroke:color-mix(in srgb,var(--text-tertiary) 18%,transparent);stroke-dasharray:3 5;stroke-width:.75}.curve-line{fill:none;stroke:var(--text-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.curve-hit{fill:transparent;stroke:none;cursor:grab;pointer-events:all}.curve-handle__outer{fill:#fff;stroke:#111;stroke-width:1;pointer-events:none}.curve-handle__core{fill:#111;pointer-events:none}.curve-handle:hover .curve-handle__core{fill:var(--accent)}.curve-handle.is-active .curve-handle__outer{fill:#fff;stroke:#111}.curve-handle.is-active .curve-handle__core{fill:var(--accent)}.curve-handle.is-active .curve-hit{cursor:grabbing}.modify-empty{min-height:96px;display:grid;place-items:center;align-content:center;gap:var(--spacing-xs);color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--separator) 22%,transparent);font-size:9px;font-weight:500;text-transform:uppercase}@media(max-width:1040px){:root{--left-sidebar-width: 212px;--right-sidebar-width: 284px}}.dashboard{display:grid;grid-template-columns:232px minmax(0,1fr);height:100vh;font-family:var(--font-sans);background:var(--app-bg, var(--surface));color:var(--text-primary)}.dashboard__side{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);border-right:1px solid color-mix(in srgb,var(--separator) 55%,transparent);background:var(--surface);text-transform:none;overflow-y:auto}.dashboard__nav-item{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 8px;border-radius:4px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;color:var(--text-secondary);text-align:left;text-transform:none;cursor:pointer}.dashboard__nav-item .icon{background:currentColor;flex:none}.dashboard__nav-item:hover,.dashboard__nav-item:focus-within{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.dashboard__nav-item.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.dashboard__nav-item.is-active:hover,.dashboard__nav-item.is-active:focus-within{background:color-mix(in srgb,var(--accent) 14%,transparent)}.dashboard__nav-item small{margin-left:auto;font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.dashboard__nav-item:hover small,.dashboard__nav-item:focus-within small{color:var(--text-secondary)}.dashboard__nav-item--folder{padding:0}.dashboard__nav-label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:28px;padding:0 8px;border-radius:inherit;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;color:inherit;text-align:left;text-transform:none}.dashboard__nav-label span{overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap}.dashboard__nav-label small{margin-left:auto;font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.dashboard__nav-tool{display:grid;place-items:center;width:24px;align-self:stretch;border-radius:4px;color:var(--text-tertiary);opacity:0}.dashboard__nav-item--folder:hover .dashboard__nav-tool{opacity:1}.dashboard__nav-tool:hover{color:var(--danger, var(--accent))}.dashboard__nav-tool .icon{background:currentColor}.dashboard__side-head{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding:0 0 4px 8px;font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.dashboard__side-head button{display:grid;place-items:center;width:24px;height:24px;padding:0;border-radius:4px;color:var(--text-tertiary);line-height:0}.dashboard__side-head button:hover,.dashboard__side-head button:focus-visible{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.dashboard__side-head .icon{background:currentColor}.dashboard__hint{padding:8px;border-radius:4px;font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.dashboard__side-footer{margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid color-mix(in srgb,var(--separator) 42%,transparent)}.dashboard__settings-toggle{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;color:var(--text-tertiary)}.dashboard__settings-toggle:hover,.dashboard__settings-toggle:focus-visible,.dashboard__settings-toggle.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.dashboard__settings-toggle .icon{width:14px;height:14px;background:currentColor}.dashboard__search{min-width:0;min-height:31px;display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:6px;margin:0 0 var(--spacing-sm);padding:0 var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:4px;color:var(--text-tertiary);background:color-mix(in srgb,var(--text-primary) 3%,transparent);transition:border-color .12s ease,background .12s ease,color .12s ease}.dashboard__search .icon{width:13px;height:13px;justify-self:center;background:currentColor}.dashboard__search input{min-width:0;width:100%;height:28px;border:0;border-radius:0;padding:0;color:var(--text-primary);background:transparent;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;line-height:28px;text-transform:none}.dashboard__search:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent);border-color:color-mix(in srgb,var(--separator) 52%,transparent)}.dashboard__search:focus-within{color:var(--accent);outline:none;border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--surface) 72%,color-mix(in srgb,var(--text-primary) 3%,transparent))}.dashboard__search input:focus{outline:none}.dashboard__search input::placeholder{color:var(--text-tertiary)}.dashboard__search input::-webkit-search-decoration,.dashboard__search input::-webkit-search-cancel-button{appearance:none}.dashboard__import{position:relative}.dashboard__menu{position:absolute;top:38px;right:0;z-index:20;display:flex;flex-direction:column;min-width:170px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);background:var(--surface);box-shadow:0 10px 24px color-mix(in srgb,#000 18%,transparent)}.dashboard__menu button{height:28px;padding:0 12px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary);text-align:left}.dashboard__menu button:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.context-menu{position:fixed;z-index:1000;min-width:156px;display:flex;flex-direction:column;gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,#000 16%,transparent)}.context-menu__row{position:relative}.context-menu__item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;height:28px;padding:0 7px;color:var(--text-secondary);border-radius:3px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;text-align:left}.context-menu__item:hover,.context-menu__item:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.context-menu__item.is-danger:hover,.context-menu__item.is-danger:focus-visible{color:var(--accent-hot)}.context-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu__sep{height:1px;margin:3px 5px;background:color-mix(in srgb,var(--separator) 60%,transparent)}.context-menu__sub{position:absolute;top:-3px;left:100%;margin-left:3px;min-width:150px;max-height:300px;overflow-y:auto}.dashboard__rename-row{width:100%;height:30px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:4px;color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-align:left;text-transform:none;overflow:hidden}.dashboard__rename-row:focus-within{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--surface) 72%,color-mix(in srgb,var(--text-primary) 3%,transparent))}.dashboard__rename-row .icon{width:13px;height:13px;justify-self:center;color:var(--text-tertiary);background:currentColor}.dashboard__rename-row input{min-width:0;width:100%;height:28px;border:0;border-radius:0;padding:0;color:var(--text-primary);background:transparent;font:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.dashboard__rename-row input:focus{outline:none}.dashboard__rename-row small{min-width:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__rename{flex:1;min-width:0;height:24px;padding:0 6px;border-radius:4px;font-family:var(--font-sans);font-size:11px;letter-spacing:0;text-transform:none;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:var(--surface);color:var(--text-primary)}.dashboard__main{padding:var(--spacing-lg);overflow-y:auto}.dashboard-settings{width:min(760px,100%);display:grid;gap:24px}.dashboard-settings__head{display:grid;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--separator) 56%,transparent)}.dashboard-settings__head span{color:var(--text-primary);font-family:var(--font-sans);font-size:18px;font-weight:500;letter-spacing:0;text-transform:none}.dashboard-settings__section{display:grid}.dashboard-settings__section-head{padding:0 0 7px;border-bottom:1px solid color-mix(in srgb,var(--separator) 46%,transparent);color:var(--text-tertiary);font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.02em;line-height:1;text-transform:uppercase}.dashboard-settings__row{min-height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) minmax(78px,auto) auto;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--separator) 32%,transparent)}.dashboard-settings__row>.icon{width:13px;height:13px;justify-self:center;color:var(--text-tertiary);background:currentColor}.dashboard-settings__copy{min-width:0}.dashboard-settings__copy span{min-width:0;overflow:hidden;color:var(--text-primary);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;line-height:1.2;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.dashboard-settings__row code{min-width:0;max-width:min(42vw,460px);min-height:20px;display:inline-grid;align-items:center;justify-self:end;overflow:hidden;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:0;line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dashboard-settings__row--path code{color:var(--text-primary)}.dashboard-settings__segments{height:28px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(62px,1fr);align-self:center;padding:2px;border:1px solid color-mix(in srgb,var(--separator) 48%,transparent);border-radius:4px;background:color-mix(in srgb,var(--text-primary) 3%,transparent)}.dashboard-settings__segments button{min-width:0;border-radius:3px;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.dashboard-settings__segments button:hover,.dashboard-settings__segments button:focus-visible,.dashboard-settings__segments button.is-active{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.dashboard-settings__action{height:26px;align-self:center;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:4px;color:var(--accent);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.dashboard-settings__action:hover,.dashboard-settings__action:focus-visible{background:color-mix(in srgb,var(--accent) 8%,transparent)}.dashboard__head{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--spacing-md)}.dashboard__new{display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--text-secondary);line-height:0}.dashboard__new:hover,.dashboard__new:focus-visible{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.dashboard__new .icon{width:15px;height:15px;display:block;background:currentColor}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--spacing-md)}.dashboard-card{position:relative;display:flex;flex-direction:column;background:transparent}.dashboard-card__preview{display:grid;place-items:center;height:124px;border:1px solid color-mix(in srgb,var(--separator) 35%,transparent);background:linear-gradient(color-mix(in srgb,var(--separator) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--separator) 14%,transparent) 1px,transparent 1px);background-size:20px 20px;background-color:var(--surface);cursor:pointer}.dashboard-card:hover .dashboard-card__preview{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.dashboard-card__preview span{font-size:30px;font-weight:700;color:color-mix(in srgb,var(--text-tertiary) 60%,transparent)}.dashboard-card__meta{display:flex;flex-direction:column;gap:1px;min-width:0;padding:8px 0 0;text-transform:none}.dashboard-card__name{display:block;width:100%;margin:0;padding:0;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.25;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-card__meta small{display:block;width:100%;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;color:var(--text-tertiary)}.dashboard-card__tools{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;opacity:0}.dashboard-card:hover .dashboard-card__tools{opacity:1}.dashboard-card__tools button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;color:var(--text-tertiary);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.dashboard-card__tools button:hover{color:var(--text-primary)}.dashboard-card__tools .icon{display:block;width:13px;height:13px;background:currentColor}.dashboard-card__move{position:absolute;top:32px;right:6px;z-index:10;display:flex;flex-direction:column;min-width:130px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);background:var(--surface);box-shadow:0 10px 24px color-mix(in srgb,#000 18%,transparent)}.dashboard-card__move button{height:26px;padding:0 10px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary);text-align:left}.dashboard-card__move button:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}.dashboard__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:80px 0;color:var(--text-tertiary)}.dashboard__empty .icon{background:currentColor}.dashboard__empty p{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.dashboard__empty button{display:grid;place-items:center;width:34px;height:34px;color:var(--accent)}.dashboard__empty button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.dashboard__empty button .icon{background:currentColor}.sidebar-project__home{display:grid;place-items:center;width:22px;height:22px;margin-right:2px;color:var(--text-tertiary);flex:none}.sidebar-project__home:hover{color:var(--text-primary)}.sidebar-project__home .icon{background:currentColor}.canvas-text__effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canvas-spacing{position:absolute;z-index:6;pointer-events:none;background:var(--accent)}.canvas-spacing--h{height:1px}.canvas-spacing--v{width:1px}.canvas-spacing.is-equal{background:#ff4d8d}.canvas-spacing--h:before,.canvas-spacing--h:after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:inherit}.canvas-spacing--h:before{left:0}.canvas-spacing--h:after{right:0}.canvas-spacing--v:before,.canvas-spacing--v:after{content:"";position:absolute;left:-3px;width:7px;height:1px;background:inherit}.canvas-spacing--v:before{top:0}.canvas-spacing--v:after{bottom:0}.canvas-spacing__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:1px 5px;font-size:9px;font-weight:600;letter-spacing:.04em;color:#fff;background:inherit;border-radius:2px;white-space:nowrap}.gap-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.gap-row .number-field{flex:1}.auto-layout-toggle{display:grid;place-items:center;width:24px;height:24px;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent)}.auto-layout-toggle:hover{color:var(--text-primary)}.auto-layout-toggle.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.auto-layout-toggle .icon{background:currentColor}.auto-layout-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs)}.auto-layout-header .control-field__label{min-width:0}.auto-layout-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);width:72px;border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.align-grid__cell{display:grid;place-items:center;height:24px}.align-grid__cell span{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--text-tertiary) 55%,transparent)}.align-grid__cell:hover span{background:var(--text-secondary)}.align-grid__cell.is-active span{width:5px;height:12px;border-radius:2px;background:var(--accent)}.gap-auto-toggle{flex:none;align-self:stretch;padding:0 10px;font-size:8px;font-weight:600;letter-spacing:.06em;color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.gap-auto-toggle.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.auto-layout-split{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--spacing-sm);align-items:start}.auto-layout-split .align-grid{width:90px;height:90px;grid-template-rows:repeat(3,1fr)}.auto-layout-split .align-grid__cell{height:auto}.auto-layout-split__stack{display:flex;flex-direction:column;gap:6px;min-width:0}.auto-layout-split__stack .gap-row{margin-top:0}.auto-layout-split__stack .vector-option-row{grid-template-columns:16px 1fr}.auto-layout-padding{display:block}.auto-layout-padding__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 4px}.auto-layout-padding__fields .number-field{min-width:0}.vector-option-row__group--4{grid-template-columns:repeat(4,1fr);flex:1}.timeline-motion-blur{display:flex;align-items:center;gap:var(--spacing-sm)}.timeline-mb-toggle{height:22px;padding:0 9px;font-size:8px;font-weight:600;letter-spacing:.07em;color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.timeline-mb-toggle.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.canvas-layer--frame-nested .canvas-frame__surface{border:0;outline:none;box-shadow:none}.effect-hint{margin:0 0 var(--spacing-sm);font-size:10px;line-height:1.5;letter-spacing:.01em;color:var(--text-tertiary)}.ot-features{display:flex;flex-direction:column;margin-top:2px;border-top:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.ot-features__head{display:flex;align-items:center;gap:6px;padding:7px 2px;font-size:11px;color:var(--text-secondary)}.ot-features__head:hover{color:var(--text-primary)}.ot-features__head .icon{background:currentColor}.ot-features__title{font-weight:600}.ot-features__count{margin-left:auto;min-width:16px;height:15px;padding:0 5px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:10px}.ot-features__body{display:flex;flex-direction:column;gap:4px;padding:0 0 6px;max-height:300px;overflow-y:auto}.ot-features__group{display:flex;flex-direction:column;gap:1px}.ot-features__group-label{padding:4px 2px 2px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.ot-feature{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:11px;color:var(--text-secondary);text-align:left}.ot-feature:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.ot-feature.is-on{color:var(--text-primary)}.ot-feature__check{width:14px;height:14px;flex:0 0 auto;display:grid;place-items:center;border-radius:3px;border:1px solid color-mix(in srgb,var(--separator) 85%,transparent);color:#fff}.ot-feature.is-on .ot-feature__check{background:var(--accent);border-color:var(--accent)}.ot-feature__check .icon{background:currentColor}.ot-feature__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-feature__tag{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary)}.ot-block{display:flex;flex-direction:column;margin-top:2px;border-top:1px solid color-mix(in srgb,var(--separator) 45%,transparent)}.ot-block .ot-features{margin-top:0;border-top:0}.font-axes{display:flex;flex-direction:column;gap:6px;padding:8px 0 6px}.font-axes__label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.font-axis{display:flex;flex-direction:column;gap:3px}.font-axis__head{display:flex;align-items:center;gap:6px}.font-axis__name{font-size:11px;color:var(--text-secondary)}.font-axis__key{width:16px;height:16px;display:grid;place-items:center;border-radius:3px;color:var(--text-tertiary);line-height:0}.font-axis__key .icon{width:8px;height:8px;background:currentColor}.font-axis__key:hover{color:var(--text-secondary)}.font-axis__key.is-animated{color:var(--accent)}.font-axis__value{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.font-axis__slider{width:100%;height:14px;cursor:pointer;accent-color:var(--accent)}