.app-active-layer-trigger{width:176px;justify-content:flex-start;gap:6px;border-radius:0;border-color:var(--color-neutral-2a);background:var(--color-neutral-0f);color:var(--color-neutral-a3)}.app-active-layer-trigger:hover:not(:disabled),.app-active-layer-trigger[data-state=open]{border-color:var(--color-neutral-52);background:var(--color-neutral-11);color:var(--color-neutral-fa)}.app-active-layer-trigger:focus-visible{outline:2px solid var(--color-neutral-fa);outline-offset:2px}.app-active-layer-trigger:disabled{color:var(--color-neutral-52)}.app-active-layer-trigger__label{flex:0 0 auto;color:var(--color-neutral-73);font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.app-active-layer-trigger__name{min-width:0;flex:1 1 auto;overflow:hidden;color:var(--color-neutral-f5);font-size:11px;font-weight:650;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.app-active-layer-trigger:disabled .app-active-layer-trigger__name{color:var(--color-neutral-73)}.app-active-layer-trigger svg{width:13px;height:13px;flex:0 0 auto;color:currentColor}.app-active-layer-popover{width:min(325px,calc(100vw - 24px));border-radius:0;border-color:var(--color-neutral-2a);background:var(--color-neutral-09);color:var(--color-neutral-a3);display:grid;gap:10px;padding:10px;box-shadow:0 14px 32px #0000005c}.app-active-layer-popover__header{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--color-neutral-1a)}.app-active-layer-popover__eyebrow,.app-active-layer-popover__field>span{color:var(--color-neutral-73);font-size:10px;font-weight:750;letter-spacing:.07em;line-height:1;text-transform:uppercase}.app-active-layer-popover__title{overflow:hidden;color:var(--color-neutral-fa);font-size:13px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-active-layer-popover__field{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px}.app-active-layer-popover__field [data-slot=combobox-content]{border-radius:0;background:var(--color-neutral-09)}.app-active-layer-popover__field--opacity{grid-template-columns:48px minmax(0,1fr) 38px}.app-active-layer-popover__field--opacity output{color:var(--color-neutral-a3);font-size:10px;font-weight:700;text-align:right}@media(max-width:760px){.app-active-layer-trigger{width:136px}.app-active-layer-trigger__label{display:none}}.app-layer-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;color:var(--color-neutral-a3)}.app-layer-toolbar{display:flex;justify-content:flex-end;gap:2px}.app-layer-tool-btn{border-radius:0;color:var(--color-neutral-a3)}.app-layer-tool-btn--danger:not(:disabled){color:#f18b8b}.app-layer-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;color:var(--color-neutral-70);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app-layer-field>span{min-width:44px}.app-layer-field--opacity{grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px}.app-layer-field--opacity input{width:100%}.app-layer-field--opacity output{min-width:34px;color:var(--color-neutral-a3);text-align:right}.app-layer-list-scroll{position:relative;flex:1;min-height:0;border:1px solid var(--color-neutral-20);background:var(--color-neutral-05)}.app-layer-list-scroll [data-slot=scroll-area-viewport]{padding-right:10px}.app-layer-list-scroll [data-slot=scroll-area-scrollbar]{background:var(--color-neutral-0b)}.app-layer-list{position:relative;display:flex;flex-direction:column;gap:4px;padding:2px}.app-layer-list--virtual{display:block;min-height:0}.app-layer-list-virtual-row{position:absolute;top:2px;left:2px;right:2px}.app-layer-list[data-dragging]{user-select:none}.app-layer-row{position:relative;will-change:transform;border:1px solid var(--color-neutral-1a);background:var(--color-neutral-0d);transition:box-shadow .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.app-layer-row[data-active]{border-color:var(--color-neutral-52);background:var(--color-neutral-16)}.app-layer-row:not([data-visible]) .app-layer-main{opacity:.72}.app-layer-row:not([data-visible]) .app-layer-name,.app-layer-row:not([data-visible]) .app-layer-visibility{color:var(--color-neutral-70)}.app-layer-row[data-sorting]{z-index:1}.app-layer-row[data-dragging]{opacity:.24}.app-layer-row[data-overlay]{border-color:var(--color-neutral-a3);background:var(--color-neutral-1a);box-shadow:0 14px 32px #00000057;pointer-events:none;opacity:1}.app-layer-row-header{display:grid;grid-template-columns:22px minmax(0,1fr) 28px 28px 28px 28px 28px;min-height:34px}.app-layer-grab,.app-layer-visibility,.app-layer-lock,.app-layer-delete,.app-layer-duplicate,.app-layer-main,.app-layer-disclosure{appearance:none;border:0;background:transparent;color:inherit;cursor:pointer}.app-layer-grab,.app-layer-visibility,.app-layer-lock,.app-layer-delete,.app-layer-duplicate,.app-layer-disclosure{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;color:var(--color-neutral-70)}.app-layer-grab{cursor:grab;touch-action:none}.app-layer-grab:active,.app-layer-row[data-dragging] .app-layer-grab,.app-layer-row[data-overlay] .app-layer-grab{cursor:grabbing}.app-layer-grab svg{width:12px;height:12px}.app-layer-row:hover .app-layer-grab,.app-layer-row[data-active] .app-layer-grab,.app-layer-visibility:hover,.app-layer-lock:hover,.app-layer-delete:hover,.app-layer-duplicate:hover,.app-layer-main:hover,.app-layer-disclosure:hover{background:var(--color-neutral-1a);color:var(--color-neutral-fa)}.app-layer-visibility svg,.app-layer-lock svg,.app-layer-delete svg,.app-layer-duplicate svg{width:13px;height:13px}.app-layer-main{min-width:0;display:flex;align-items:center;gap:6px;padding:0 8px;text-align:left}.app-layer-row[data-overlay] .app-layer-main,.app-layer-row[data-overlay] .app-layer-visibility,.app-layer-row[data-overlay] .app-layer-lock,.app-layer-row[data-overlay] .app-layer-delete,.app-layer-row[data-overlay] .app-layer-duplicate,.app-layer-row[data-overlay] .app-layer-disclosure,.app-layer-row[data-overlay] .app-layer-grab{background:transparent}.app-layer-disclosure svg{width:14px;height:14px;transform:rotate(-90deg);transition:transform .14s ease}.app-layer-disclosure[data-expanded] svg{transform:rotate(0)}.app-layer-details{display:grid;gap:8px;padding:8px;border-top:1px solid var(--color-neutral-1a);background:var(--color-neutral-11)}.app-layer-inline-name-input{align-self:stretch;height:26px;min-width:0;width:auto;margin:4px;border-radius:0;background:var(--color-neutral-09);color:var(--color-neutral-fa);font-size:12px;font-weight:650}.app-layer-name{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--color-neutral-fa);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.app-layer-row{transition:none}.app-layer-disclosure svg{transition:none}}.mobile-brush-dock-shell{position:absolute;inset:0;z-index:35;pointer-events:none}.mobile-brush-dock{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,calc(12px + env(safe-area-inset-bottom) + env(keyboard-inset-bottom,0px) + var(--mobile-dock-keyboard-offset, 0px)));display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.mobile-brush-dock-panel{display:flex;width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:var(--mobile-dock-width, 540px);flex-direction:column;gap:8px;padding:10px;border:1px solid var(--color-neutral-26);border-radius:0;background:var(--color-neutral-09);box-shadow:var(--mobile-dock-shadow);max-height:min(54dvh,calc(100dvh - var(--app-top-chrome-height) - 84px - var(--mobile-dock-keyboard-offset, 0px)));pointer-events:auto;overflow:hidden}.mobile-brush-dock-panel--glyph{position:relative;margin-bottom:2px;overflow:visible}.mobile-brush-dock-panel--colors{gap:0}.mobile-brush-dock-glyph-toolbar{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px}.mobile-brush-dock-glyph-toolbar__preview{display:inline-flex;align-items:center;justify-content:center}.mobile-brush-dock-glyph-toolbar__preview-char{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;font-family:var(--event-font),ui-monospace,monospace;font-size:24px;line-height:1;transform-origin:center}.mobile-brush-dock-glyph-toolbar__actions{display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0;gap:4px}.mobile-brush-dock-glyph-toolbar__btn-group{display:flex;min-width:0;gap:4px}.mobile-brush-dock-glyph-toolbar__right{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0;margin-left:auto;gap:4px}.mobile-brush-dock-glyph-toolbar__btn{appearance:none;display:inline-flex;width:24px;min-width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:1px solid var(--mobile-dock-border);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--mobile-dock-bg) 74%,white 5%),color-mix(in srgb,var(--mobile-dock-bg) 92%,black 8%));color:var(--color-neutral-f5);cursor:pointer;touch-action:manipulation}.mobile-brush-dock-glyph-toolbar__btn:disabled{opacity:.45;cursor:default}.mobile-brush-dock-glyph-toolbar__btn:focus-visible{outline:2px solid var(--mobile-dock-accent);outline-offset:2px}.mobile-brush-dock-glyph-toolbar__btn--active{border-color:var(--mobile-dock-accent);background:color-mix(in srgb,var(--mobile-dock-accent) 12%,var(--mobile-dock-bg))}.mobile-brush-dock-restore-btn{--mobile-brush-restore-bottom-offset: 12px;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(var(--mobile-brush-restore-bottom-offset),calc(var(--mobile-brush-restore-bottom-offset) + env(safe-area-inset-bottom) + env(keyboard-inset-bottom,0px) + var(--mobile-dock-keyboard-offset, 0px)));width:34px;min-width:34px;height:34px;border-color:var(--color-neutral-52);background:var(--mobile-dock-bg);color:var(--color-neutral-fa);pointer-events:auto;box-shadow:var(--mobile-dock-shadow),inset 0 0 0 1px var(--color-neutral-05)}.canvas-stage-canvas-area:has(.frame-timeline-restore-button) .mobile-brush-dock-restore-btn{--mobile-brush-restore-bottom-offset: 54px}.mobile-brush-dock-restore-btn:hover{border-color:var(--color-neutral-73);background:var(--color-neutral-18);color:var(--color-neutral-fa)}.mobile-brush-dock-tooltip-trigger{display:inline-flex}.mobile-brush-dock-tooltip{display:flex;align-items:center;gap:8px}.mobile-brush-dock-glyph-toolbar__separator.ui-separator--vertical{width:1px;height:24px;min-height:24px;align-self:center;background:color-mix(in srgb,var(--mobile-dock-border) 70%,transparent)}.mobile-brush-dock-panel__divider{width:100%;height:1px;margin:6px 0;background:color-mix(in srgb,var(--mobile-dock-border) 88%,transparent)}.mobile-brush-dock-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px}.mobile-brush-dock-row__label{display:flex;align-items:center;justify-content:center}.mobile-brush-dock-row__icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--color-neutral-a3)}.mobile-brush-dock-row__scroller-wrap{position:relative;min-width:0;overflow:hidden}.mobile-brush-dock-row__scroller-wrap--fade:before,.mobile-brush-dock-row__scroller-wrap--fade:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:18px;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-brush-dock-row__scroller-wrap--fade:before{left:0;background:linear-gradient(to right,var(--color-neutral-09) 0%,transparent 100%)}.mobile-brush-dock-row__scroller-wrap--fade:after{right:0;background:linear-gradient(to left,var(--color-neutral-09) 0%,transparent 100%)}.mobile-brush-dock-row__scroller-wrap--fade[data-fade-left]:before{opacity:1}.mobile-brush-dock-row__scroller-wrap--fade[data-fade-right]:after{opacity:1}.mobile-brush-dock-row__scroller{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-brush-dock-row__scroller::-webkit-scrollbar{display:none}.mobile-brush-dock-row__scroller-content{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--glyph-strip-rows, 1),24px);gap:6px;width:max-content}.mobile-brush-dock-palette__swatch-btn,.mobile-brush-dock-glyphs__btn{appearance:none;display:inline-flex;width:24px;min-width:24px;height:24px;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:1px solid var(--mobile-dock-border);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--mobile-dock-bg) 74%,white 5%),color-mix(in srgb,var(--mobile-dock-bg) 92%,black 8%));color:var(--color-neutral-f5);cursor:pointer;touch-action:manipulation}.mobile-brush-dock-palette__swatch-btn:focus-visible,.mobile-brush-dock-glyphs__btn:focus-visible{outline:2px solid var(--mobile-dock-accent);outline-offset:2px}.mobile-brush-dock-palette__swatch-btn--selected,.mobile-brush-dock-glyphs__btn--selected{border-color:var(--mobile-dock-accent);background:color-mix(in srgb,var(--mobile-dock-accent) 12%,var(--mobile-dock-bg))}.mobile-brush-dock-palette__swatch{width:100%;height:100%;border-radius:0}.mobile-brush-dock-glyph-carousel{min-width:0}.mobile-brush-dock-glyphs__char{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:var(--event-font),ui-monospace,monospace;font-size:16px;line-height:1}.mobile-brush-dock-resize-handle{position:absolute;top:-14px;left:50%;z-index:2;display:flex;width:80px;height:28px;align-items:center;justify-content:center;cursor:grab;touch-action:none;transform:translate(-50%);user-select:none;-webkit-user-select:none}.mobile-brush-dock-resize-handle:active{cursor:grabbing}.mobile-brush-dock-resize-handle__grabber{display:flex;width:48px;height:14px;align-items:center;justify-content:center;border:1px solid var(--mobile-dock-border);border-radius:0;background:var(--mobile-dock-bg)}.mobile-brush-dock-resize-handle__line{width:20px;height:3px;border-radius:0;background:var(--color-neutral-a3)}.mobile-tool-carousel{position:relative;display:grid;grid-template-columns:22px 28px 22px;flex:0 0 74px;width:74px;height:24px;border:1px solid var(--mobile-dock-border);background:linear-gradient(180deg,color-mix(in srgb,var(--mobile-dock-bg) 74%,white 5%),color-mix(in srgb,var(--mobile-dock-bg) 92%,black 8%));overflow:hidden;touch-action:none}.mobile-tool-carousel:focus-visible,.mobile-tool-carousel:focus-within{outline:2px solid var(--mobile-dock-accent);outline-offset:2px}.mobile-tool-carousel__item{appearance:none;position:relative;display:inline-flex;min-width:0;height:22px;align-items:center;justify-content:center;padding:0;border:0;border-left:1px solid color-mix(in srgb,var(--mobile-dock-border) 62%,transparent);border-radius:0;background:transparent;color:var(--color-neutral-a3);cursor:pointer;touch-action:none}.mobile-tool-carousel__item:first-child{border-left:0}.mobile-tool-carousel__item[data-slot=current]{z-index:1;border-left-color:transparent;background:color-mix(in srgb,var(--mobile-dock-accent) 14%,var(--mobile-dock-bg));box-shadow:inset 0 0 0 1px var(--mobile-dock-accent);color:var(--color-neutral-fa)}.mobile-tool-carousel__item[data-slot=current]+.mobile-tool-carousel__item{border-left-color:transparent}.mobile-tool-carousel__item:focus-visible{outline:0}@media(prefers-reduced-motion:reduce){.mobile-brush-dock-row__scroller{scroll-behavior:auto}}.frame-timeline-dock{position:relative;flex:0 0 auto;z-index:7;display:grid;width:100%;min-width:0;grid-template-rows:auto minmax(0,var(--frame-timeline-body-height, 168px));border-top:1px solid var(--color-neutral-30);background:var(--color-neutral-09);color:var(--color-neutral-a3);overflow:hidden}.frame-timeline-dock[data-resizing]{user-select:none}.frame-timeline-restore-button[data-slot=button]{--frame-timeline-restore-bottom-offset: 12px;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(var(--frame-timeline-restore-bottom-offset),calc(var(--frame-timeline-restore-bottom-offset) + env(safe-area-inset-bottom) + env(keyboard-inset-bottom,0px) + var(--mobile-dock-keyboard-offset, 0px)));z-index:36;width:34px;min-width:34px;height:34px;border-color:var(--color-neutral-52);border-radius:0;background:var(--mobile-dock-bg);color:var(--color-neutral-fa);box-shadow:var(--mobile-dock-shadow),inset 0 0 0 1px var(--color-neutral-05);pointer-events:auto;transition-property:background-color,border-color,color,box-shadow}.frame-timeline-restore-button[data-slot=button]:hover{border-color:var(--color-neutral-73);background:var(--color-neutral-18);color:var(--color-neutral-fa)}.frame-timeline-restore-button[data-slot=button]:focus-visible{border-color:var(--color-neutral-73);outline:2px solid var(--color-neutral-73);outline-offset:2px}.canvas-stage-surface:has(.mobile-brush-dock)+.frame-timeline-restore-button[data-slot=button]{--frame-timeline-restore-bottom-offset: calc( 20px + var(--mobile-brush-dock-footprint, 0px) )}.frame-timeline-resize-handle{appearance:none;position:absolute;top:0;left:0;right:0;z-index:31;width:100%;height:13px;min-height:13px;border:0;background:transparent;cursor:row-resize;outline:none;touch-action:none;-webkit-tap-highlight-color:transparent}.frame-timeline-resize-handle:before,.frame-timeline-resize-handle:after{position:absolute;left:0;right:0;top:8px;pointer-events:none;content:"";transform:translateY(-50%)}.frame-timeline-resize-handle:before{height:1px;background:var(--color-neutral-20);transition:background .14s ease,box-shadow .14s ease}.frame-timeline-resize-handle:after{width:28px;height:5px;margin:0 auto;background:linear-gradient(90deg,transparent 0 8px,var(--color-neutral-52) 8px 9px,transparent 9px 13px,var(--color-neutral-52) 13px 14px,transparent 14px 18px,var(--color-neutral-52) 18px 19px,transparent 19px 28px) 50% 50% / 28px 5px no-repeat;opacity:0;transition:opacity .14s ease}.frame-timeline-resize-handle:hover:before,.frame-timeline-resize-handle:focus-visible:before,.frame-timeline-resize-handle[data-dragging]:before{background:var(--color-neutral-73);box-shadow:0 0 0 1px var(--color-neutral-13)}.frame-timeline-resize-handle:hover:after,.frame-timeline-resize-handle:focus-visible:after,.frame-timeline-resize-handle[data-dragging]:after{opacity:1}.frame-timeline-resize-handle:focus-visible{box-shadow:inset 0 0 0 1px var(--color-neutral-73)}.frame-timeline-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:13px 5px 5px;border-bottom:1px solid var(--color-neutral-1a)}.frame-timeline-transport,.frame-timeline-actions,.frame-timeline-active-fields{display:flex;align-items:center;min-width:0}.frame-timeline-transport,.frame-timeline-actions{gap:2px}.frame-timeline-active-fields{gap:6px}.frame-timeline-duration-field{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;border:1px solid var(--color-neutral-40);background:var(--color-neutral-0f);box-shadow:inset 0 0 0 1px var(--color-neutral-05);color:var(--color-neutral-a3)}.frame-timeline-name,.frame-timeline-duration{box-sizing:border-box;height:24px;min-width:0;border:1px solid var(--color-neutral-40);border-radius:0;background:var(--color-neutral-0f);color:var(--color-neutral-fa);font-size:11px;font-weight:650}.frame-timeline-name{width:min(130px,34vw);padding:0 7px}.frame-timeline-duration{width:50px;border:0;background:transparent;padding:0 3px 0 4px;text-align:right}.frame-timeline-name:hover:not(:disabled),.frame-timeline-duration-field:not([data-disabled]):hover{border-color:var(--color-neutral-52)}.frame-timeline-name:focus-visible,.frame-timeline-duration-field:focus-within{border-color:var(--color-neutral-73);outline:0;box-shadow:inset 0 0 0 1px var(--color-neutral-05),0 0 0 1px var(--color-neutral-73)}.frame-timeline-duration:focus{outline:0}.frame-timeline-name:disabled,.frame-timeline-duration-field[data-disabled]{border-color:var(--color-neutral-1a);background:var(--color-neutral-0b);color:var(--color-neutral-52)}.frame-timeline-duration-field span{padding-right:5px;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.frame-timeline-total{min-width:38px;color:var(--color-neutral-73);font-size:10px;font-weight:700}.frame-timeline-grid-scroll{position:relative;isolation:isolate;min-height:0;width:100%;height:100%;overflow:hidden;background:var(--color-neutral-09)}.frame-timeline-grid-viewport{box-sizing:border-box;padding-right:10px;padding-bottom:10px}.frame-timeline-grid-scroll [data-slot=scroll-area-scrollbar],.frame-timeline-grid-scroll [data-slot=scroll-area-corner]{z-index:30;background:var(--color-neutral-0b)}.frame-timeline-strip,.frame-timeline-cel-row{display:grid;width:100%;min-width:var(--frame-timeline-grid-min-width, 100%);grid-template-columns:var(--frame-timeline-layer-column-width, 120px) repeat(var(--frame-count, 1),minmax(var(--frame-timeline-frame-min-width, 112px),1fr))}.frame-timeline-strip{--frame-count: 1;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-neutral-1a);background:var(--color-neutral-0b);box-shadow:0 1px 0 var(--color-neutral-1a),0 8px 18px #00000052}.frame-timeline-layer-spacer{position:sticky;left:0;z-index:4;border-right:1px solid var(--color-neutral-1a);background:var(--color-neutral-0b)}.frame-timeline-frame{container:frame-timeline-frame / inline-size;display:grid;grid-template-rows:30px 24px;min-width:var(--frame-timeline-frame-min-width, 112px);border-right:1px solid var(--color-neutral-14);background:var(--color-neutral-0d)}.frame-timeline-frame[data-active]{background:color-mix(in srgb,var(--color-neutral-26) 62%,#1d7f8c)}.frame-timeline-frame-main{min-width:0;width:100%;justify-content:flex-start;gap:6px;border-radius:0;background:inherit;color:var(--color-neutral-d4);overflow:hidden}.frame-timeline-frame-index.ui-badge{flex:0 0 auto;min-width:22px;height:17px;padding:0 6px;border-color:var(--color-neutral-30);background:color-mix(in srgb,var(--color-neutral-1a) 78%,#1d7f8c);color:var(--color-neutral-a3);font-size:10px;font-weight:800;letter-spacing:0;line-height:1}.frame-timeline-frame[data-active] .frame-timeline-frame-index.ui-badge{border-color:color-mix(in srgb,#50b6a9 58%,var(--color-neutral-40));background:color-mix(in srgb,#1d7f8c 34%,var(--color-neutral-1a));color:var(--color-neutral-fa)}.frame-timeline-frame-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-timeline-frame-duration{flex:0 0 auto;min-width:36px;color:var(--color-neutral-73);font-size:10px;font-weight:800;letter-spacing:0;text-align:right}.frame-timeline-frame[data-active] .frame-timeline-frame-duration{color:var(--color-neutral-d4)}.frame-timeline-frame-tools{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-neutral-14);background:inherit}.frame-timeline-frame-tools button,.frame-timeline-cel-main,.frame-timeline-cel-visibility{appearance:none;border:0;background:transparent;color:var(--color-neutral-70)}.frame-timeline-frame-tools button{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.frame-timeline-frame-tools button:not(:disabled):hover{background:var(--color-neutral-1a);color:var(--color-neutral-fa)}.frame-timeline-frame-tools button:focus-visible,.frame-timeline-cel-main:focus-visible,.frame-timeline-cel-visibility:focus-visible{outline:1px solid var(--color-neutral-73);outline-offset:-1px}.frame-timeline-frame-tools svg,.frame-timeline-cel-visibility svg{width:12px;height:12px}.frame-timeline-cel-row{--frame-count: 1;position:relative;z-index:0;min-height:28px}.frame-timeline-cels[data-virtualized]{position:relative}.frame-timeline-cel-row[data-virtual-row]{position:absolute;top:0;left:0}.frame-timeline-layer-name{position:sticky;left:0;z-index:6;min-width:0;padding:7px 8px;border-right:1px solid var(--color-neutral-1a);border-bottom:1px solid var(--color-neutral-14);background:var(--color-neutral-0b);box-shadow:1px 0 0 var(--color-neutral-09);color:var(--color-neutral-a3);font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-timeline-layer-name[data-active]{color:var(--color-neutral-fa)}.frame-timeline-cel{--frame-timeline-cel-accent: #50b6a9;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--frame-timeline-cel-visibility-width, 34px);min-width:var(--frame-timeline-frame-min-width, 112px);min-height:28px;border-right:1px solid var(--color-neutral-14);border-bottom:1px solid var(--color-neutral-14);background:var(--color-neutral-09);overflow:hidden;transition:background-color .12s ease,box-shadow .12s ease}.frame-timeline-cel:before{content:"";position:absolute;pointer-events:none}.frame-timeline-cel:before{inset:3px;z-index:1;border:1px solid transparent;background:transparent;box-shadow:none;opacity:0;transition:opacity .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.frame-timeline-cel:hover{background:color-mix(in srgb,var(--color-neutral-14) 86%,#50b6a9);box-shadow:inset 0 0 0 1px var(--color-neutral-30)}.frame-timeline-cel--active-frame{background:color-mix(in srgb,var(--color-neutral-0d) 88%,#50b6a9)}.frame-timeline-cel--active-layer{background:var(--color-neutral-11)}.frame-timeline-cel--active-layer:hover{background:color-mix(in srgb,var(--color-neutral-18) 84%,#50b6a9)}.frame-timeline-cel--selected{background:color-mix(in srgb,var(--color-neutral-18) 68%,#1d7f8c);color:var(--color-neutral-fa)}.frame-timeline-cel--selected:hover{background:color-mix(in srgb,var(--color-neutral-20) 58%,#1d7f8c)}.frame-timeline-cel--selected:before{border-color:var(--frame-timeline-cel-accent);background:color-mix(in srgb,var(--frame-timeline-cel-accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--frame-timeline-cel-accent) 28%,transparent);opacity:1}.frame-timeline-cel.frame-timeline-cel--selected[data-visibility-state=hidden]{opacity:.78}.frame-timeline-cel-main{position:relative;z-index:2;display:grid;place-items:center;min-width:0;padding-inline:var(--frame-timeline-cel-main-inline-padding, 5px)}.frame-timeline-cel-content-marker{position:absolute;left:50%;width:var(--frame-timeline-cel-content-marker-size, 8px);height:var(--frame-timeline-cel-content-marker-size, 8px);border:1px solid var(--color-neutral-40);pointer-events:none;transform:translate(-50%)}.frame-timeline-cel[data-has-cells] .frame-timeline-cel-content-marker{background:#e6c15a;border-color:#e6c15a}.frame-timeline-cel--selected .frame-timeline-cel-content-marker{width:var(--frame-timeline-cel-content-marker-selected-size, 10px);height:var(--frame-timeline-cel-content-marker-selected-size, 10px);border-color:var(--frame-timeline-cel-accent);background:color-mix(in srgb,var(--frame-timeline-cel-accent) 18%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--frame-timeline-cel-accent) 20%,transparent)}.frame-timeline-cel--selected[data-content-state=filled] .frame-timeline-cel-content-marker{border-color:#f6da75;background:#e6c15a;box-shadow:0 0 0 2px color-mix(in srgb,var(--frame-timeline-cel-accent) 56%,transparent)}.frame-timeline-cel[data-visibility-state=hidden]{opacity:.52}.frame-timeline-cel-visibility{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:0 8px 0 6px;border-left:1px solid var(--color-neutral-14)}.frame-timeline-cel--selected .frame-timeline-cel-visibility{border-left-color:color-mix(in srgb,var(--frame-timeline-cel-accent) 42%,var(--color-neutral-14));background:color-mix(in srgb,var(--frame-timeline-cel-accent) 10%,transparent);color:var(--color-neutral-fa)}.frame-timeline-cel:hover .frame-timeline-cel-main,.frame-timeline-cel:hover .frame-timeline-cel-visibility:not(:disabled){color:var(--color-neutral-fa)}@container canvas-stage (max-width: 640px){.frame-timeline-dock{grid-template-rows:auto minmax(0,var(--frame-timeline-body-height, 168px))}.frame-timeline-toolbar{grid-template-columns:auto minmax(0,1fr) auto}.frame-timeline-active-fields{justify-self:start}.frame-timeline-name{width:clamp(88px,26vw,130px)}.frame-timeline-duration{width:clamp(42px,14vw,50px)}.frame-timeline-actions{justify-self:end;flex-wrap:nowrap}}@container frame-timeline-frame (max-width: 116px){.frame-timeline-frame-main{justify-content:space-between;gap:4px}.frame-timeline-frame-name{display:none}}.canvas-container{position:relative;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;touch-action:none;background-color:var(--color-neutral-0b);background-image:linear-gradient(45deg,rgb(255 255 255 / .025) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .025) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .025) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-container:focus{outline:none}.canvas-container:before{content:"";position:absolute;top:0;left:0;z-index:0;width:var(--canvas-width, 0px);height:var(--canvas-height, 0px);transform:translate(var(--canvas-pan-x, 0px),var(--canvas-pan-y, 0px)) scale(var(--canvas-zoom, 1));transform-origin:top left;pointer-events:none;background-color:#181b23;background-image:linear-gradient(45deg,rgb(59 66 83 / .95) 25%,transparent 25%,transparent 75%,rgb(59 66 83 / .95) 75%,rgb(59 66 83 / .95)),linear-gradient(45deg,rgb(59 66 83 / .95) 25%,transparent 25%,transparent 75%,rgb(59 66 83 / .95) 75%,rgb(59 66 83 / .95));background-size:16px 16px;background-position:0 0,8px 8px;outline:1px solid var(--color-neutral-40);outline-offset:0;opacity:1;transition:opacity .22s ease}.canvas-container[data-canvas-startup=loading]:before{opacity:0}.canvas-container[data-tool=pan]{cursor:grab}.canvas-container[data-dragging],.canvas-container[data-tool=pan][data-dragging]{cursor:grabbing}.canvas-container[data-dragging] .drawing-canvas,.canvas-container[data-tool=pan] .drawing-canvas{pointer-events:none}.drawing-canvas{position:absolute;top:0;left:0;z-index:1;transform:translate(var(--canvas-pan-x, 0px),var(--canvas-pan-y, 0px)) scale(var(--canvas-zoom, 1));transform-origin:top left;display:block;user-select:none;-webkit-user-drag:none;box-shadow:0 10px 28px #0000004d;opacity:1;transition:opacity .22s ease;will-change:transform,opacity}.canvas-container[data-canvas-startup=loading] .drawing-canvas{opacity:0}.canvas-startup-overlay{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--color-neutral-0b) 84%,transparent);color:var(--color-neutral-a3);opacity:1;pointer-events:auto;transition:opacity .18s ease,visibility 0s linear 0s}.canvas-container[data-canvas-startup=presented] .canvas-startup-overlay{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.canvas-startup-mark{display:grid;grid-template-columns:repeat(2,8px);gap:4px}.canvas-startup-mark span{width:8px;height:8px;border:1px solid var(--color-neutral-52);background:var(--color-neutral-11);animation:canvas-startup-pulse .9s steps(2,end) infinite}.canvas-startup-mark span:nth-child(2){animation-delay:.12s}.canvas-startup-mark span:nth-child(3){animation-delay:.24s}.canvas-startup-mark span:nth-child(4){animation-delay:.36s}.canvas-startup-label{font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:lowercase}@keyframes canvas-startup-pulse{0%,to{background:var(--color-neutral-11);border-color:var(--color-neutral-40)}50%{background:var(--color-neutral-d4);border-color:var(--color-neutral-d4)}}@media(prefers-reduced-motion:reduce){.canvas-container:before,.drawing-canvas,.canvas-startup-overlay{transition:none}.canvas-startup-mark span{animation:none}}.mirror-controls{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}.mirror-controls__buttons{display:inline-grid;grid-template-columns:repeat(3,min-content);gap:2px}.mirror-controls__button{border-radius:0;border-color:var(--color-neutral-2a);background:var(--color-neutral-0f);color:var(--color-neutral-a3)}.mirror-controls__button[data-active]{border-color:var(--color-neutral-52);background:var(--color-neutral-1a);color:var(--color-neutral-f5)}.mirror-controls__button:focus-visible{box-shadow:inset 0 0 0 1px var(--color-neutral-fa)}.mirror-controls__tooltip{display:flex;align-items:center;gap:8px}@media(hover:hover)and (pointer:fine){.mirror-controls__button:hover:not(:disabled){border-color:var(--color-neutral-52);background:var(--color-neutral-11);color:var(--color-neutral-fa)}}.mirror-guide-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.mirror-guide-overlay__line{position:absolute;pointer-events:none;background:#7dd3fcd6;box-shadow:0 0 0 1px #00000094,0 0 8px #7dd3fc33}.mirror-guide-overlay__line--vertical{left:var(--mirror-guide-x);top:var(--mirror-guide-top);width:1px;height:var(--mirror-guide-height);transform:translate(-.5px)}.mirror-guide-overlay__line--horizontal{left:var(--mirror-guide-left);top:var(--mirror-guide-y);width:var(--mirror-guide-width);height:1px;transform:translateY(-.5px)}.mirror-guide-overlay__handle{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-neutral-52);border-radius:0;background:color-mix(in srgb,var(--color-neutral-09) 86%,transparent);color:var(--color-neutral-d4);pointer-events:auto;touch-action:none;outline:none}.mirror-guide-overlay__handle[data-axis=col]{left:calc(var(--mirror-guide-col-handle-x) - 12px);top:calc(var(--mirror-guide-col-handle-y) - 12px);cursor:ew-resize}.mirror-guide-overlay__handle[data-axis=row]{left:calc(var(--mirror-guide-row-handle-x) - 12px);top:calc(var(--mirror-guide-row-handle-y) - 12px);cursor:ns-resize}.mirror-guide-overlay__handle:before,.mirror-guide-overlay__handle:after{content:"";display:block;background:currentColor}.mirror-guide-overlay__handle[data-axis=col]:before,.mirror-guide-overlay__handle[data-axis=col]:after{width:1px;height:10px}.mirror-guide-overlay__handle[data-axis=col]:before{transform:translate(-2px)}.mirror-guide-overlay__handle[data-axis=col]:after{transform:translate(2px)}.mirror-guide-overlay__handle[data-axis=row]{flex-direction:column}.mirror-guide-overlay__handle[data-axis=row]:before,.mirror-guide-overlay__handle[data-axis=row]:after{width:10px;height:1px}.mirror-guide-overlay__handle[data-axis=row]:before{transform:translateY(-2px)}.mirror-guide-overlay__handle[data-axis=row]:after{transform:translateY(2px)}.mirror-guide-overlay__handle:hover,.mirror-guide-overlay__handle:focus-visible,.mirror-guide-overlay__handle:active{border-color:var(--color-neutral-fa);background:color-mix(in srgb,var(--color-neutral-11) 94%,transparent);color:var(--color-neutral-fa)}.mirror-guide-overlay__handle:focus-visible{box-shadow:0 0 0 2px #7dd3fc8c}.selection-floating-toolbar{position:absolute;z-index:24;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--color-neutral-2a);border-radius:6px;background:color-mix(in srgb,var(--color-neutral-0f) 94%,transparent);box-shadow:0 10px 28px #0000005c;pointer-events:auto;user-select:none;-webkit-user-drag:none;backdrop-filter:blur(10px)}.selection-floating-toolbar__item{display:inline-flex;align-items:center;gap:2px}.selection-floating-toolbar__trigger{display:inline-flex}.selection-floating-toolbar__button{border-radius:4px;border-color:transparent;background:transparent;color:var(--color-neutral-a3)}.selection-floating-toolbar__button:hover:not(:disabled){border-color:var(--color-neutral-52);background:var(--color-neutral-1a);color:var(--color-neutral-fa)}.selection-floating-toolbar__button:disabled{border-color:transparent;background:transparent;color:var(--color-neutral-52);opacity:.42}.selection-floating-toolbar__button[data-action=delete]:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-destructive) 58%,transparent);background:color-mix(in srgb,var(--color-destructive) 14%,transparent);color:var(--color-destructive)}.selection-floating-toolbar__separator{width:1px;height:18px;margin:0 2px;background:var(--color-neutral-2a)}.selection-floating-toolbar__tooltip{display:flex;align-items:center;gap:8px}.canvas-stage-shell{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;container:canvas-stage / inline-size}.canvas-stage-top-slot{flex-shrink:0}.canvas-stage-canvas-area{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0}.canvas-stage-surface{position:relative;flex:1 1 auto;display:flex;min-height:0;min-width:0;overflow:hidden}.canvas-container[data-page-zoomed]{touch-action:auto}.canvas-container[data-pipette-mode],.canvas-container[data-brush-mode],.canvas-container[data-tool=line],.canvas-container[data-tool=select]{cursor:crosshair}.canvas-container[data-tool=select][data-selection-move-target]{cursor:grab}.canvas-container[data-tool=select][data-selection-moving]{cursor:grabbing}.canvas-container[data-canvas-startup=loading] .selection-overlay-canvas,.canvas-container[data-canvas-startup=loading] .mirror-guide-overlay,.canvas-container[data-canvas-startup=loading] .selection-floating-toolbar{opacity:0;pointer-events:none}.selection-overlay-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;display:block}.canvas-local-cursor-preview{position:absolute;top:0;left:0;z-index:3;display:grid;place-items:center;overflow:hidden;font-family:var(--event-font);line-height:1;pointer-events:none;transform-origin:center;visibility:hidden;will-change:transform}.canvas-container[data-pipette-mode] .canvas-local-cursor-preview{visibility:hidden}.canvas-drop-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;background:color-mix(in srgb,var(--color-neutral-00) 72%,transparent);box-shadow:inset 0 0 0 2px var(--color-neutral-d4)}.canvas-drop-panel{display:flex;flex-direction:column;gap:8px;width:min(100%,360px);padding:18px;border:1px solid var(--color-neutral-40);border-radius:8px;background:var(--color-neutral-09);box-shadow:0 18px 54px #00000070;text-align:center}.canvas-drop-title{font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.35;color:var(--color-neutral-d4);text-transform:lowercase}.canvas-drop-description{font-size:11px;line-height:1.55;color:var(--color-neutral-73);text-transform:lowercase;overflow-wrap:anywhere}.canvas-preview-zoom-toolbar{position:absolute;right:10px;bottom:10px;z-index:8;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);border:1px solid var(--color-neutral-2a);background:color-mix(in srgb,var(--color-neutral-09) 92%,transparent);box-shadow:0 10px 30px #00000059;padding:6px}.canvas-preview-zoom-field{display:inline-flex;align-items:center;gap:6px;min-width:0}.canvas-preview-zoom-field span,.canvas-preview-zoom-value{color:var(--color-neutral-a3);font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.canvas-preview-zoom-slider{width:min(140px,28vw);min-width:72px}.canvas-preview-zoom-value{min-width:38px;text-align:right}@media(width<=760px){.canvas-preview-zoom-toolbar{right:8px;bottom:8px}.canvas-preview-zoom-field span{display:none}}.brush-channel-toggles{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;min-width:0;border-radius:0}.brush-channel-toggles__button{width:24px;height:24px;min-width:24px;padding:0;border-radius:0;border-left-width:1px;border-color:var(--color-neutral-2a);background:var(--color-neutral-0f);color:var(--color-neutral-73)}.brush-channel-toggles .brush-channel-toggles__button[data-state=on],.brush-channel-toggles .brush-channel-toggles__button[aria-pressed=true]{border-color:var(--color-neutral-52);background:var(--color-neutral-1a);color:var(--color-neutral-f5)}.brush-channel-toggles__button:focus-visible{outline:1px solid var(--color-neutral-fa);outline-offset:1px}.brush-channel-toggles__button svg{width:13px;height:13px}.brush-channel-toggles__tooltip{display:grid;gap:3px;line-height:1.2}.brush-channel-toggles__tooltip span:first-child{font-weight:700}.brush-channel-toggles__tooltip span:last-child{color:color-mix(in srgb,currentColor 70%,transparent)}@media(hover:hover)and (pointer:fine){.brush-channel-toggles__button:hover:not(:disabled){border-color:var(--color-neutral-52);background:var(--color-neutral-11);color:var(--color-neutral-fa)}}.app-canvas-tool-controls{display:inline-grid;grid-template-columns:repeat(8,min-content);gap:2px}.app-canvas-tool-controls[data-collapse-shape-tools=true]{grid-template-columns:repeat(7,min-content)}.app-canvas-tool-controls__button{border-radius:0;border-color:var(--color-neutral-2a);background:var(--color-neutral-0f);color:var(--color-neutral-a3)}.app-canvas-tool-controls__button:hover:not(:disabled){border-color:var(--color-neutral-52);background:var(--color-neutral-11);color:var(--color-neutral-fa)}.app-canvas-tool-controls__button[data-active=true]{border-color:var(--color-neutral-52);background:var(--color-neutral-1a);color:var(--color-neutral-f5)}.app-canvas-tool-controls__shape-group{position:relative;display:inline-flex;width:1.5rem;height:1.5rem}.app-canvas-tool-controls__shape-row{position:absolute;z-index:20;top:100%;left:calc(-1.5rem - 2px);display:grid;grid-template-columns:repeat(3,1.5rem);gap:2px;padding-top:2px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,visibility .12s step-end}.app-canvas-tool-controls__shape-group:hover .app-canvas-tool-controls__shape-row,.app-canvas-tool-controls__shape-group:focus-within .app-canvas-tool-controls__shape-row{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .12s ease,transform .12s ease,visibility 0ms step-start}@media(prefers-reduced-motion:reduce){.app-canvas-tool-controls__shape-row{transition:none;transform:none}}.app-canvas-tool-controls__tooltip{display:flex;align-items:center;gap:8px}.app-history-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px}.app-history-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.app-history-toolbar-btn{border-radius:0;height:30px;justify-content:space-between;min-width:0;border-color:var(--color-neutral-26);background:var(--color-neutral-05);color:var(--color-neutral-e6)}.app-history-toolbar-btn:hover:not(:disabled){background:var(--color-neutral-11)}.app-history-kbd-group{margin-left:auto}.app-history-scroll-area{position:relative;flex:1;min-height:0;min-width:0;border:1px solid var(--color-neutral-20);background:var(--color-neutral-05);overflow:hidden}.app-history-scroll-area [data-slot=scroll-area-viewport]{min-width:0;max-width:100%;padding-right:10px;overflow-x:hidden}.app-history-scroll-area [data-slot=scroll-area-viewport]>div{display:block!important;width:100%;min-width:0!important;max-width:100%}.app-history-scroll-area [data-slot=scroll-area-scrollbar]{background:var(--color-neutral-0b)}.app-history-scroll-body{width:100%;min-height:100%;min-width:0;max-width:100%;padding:12px 8px}.app-history-virtual-list{position:relative;width:100%;min-width:0}.app-history-virtual-row{position:absolute;top:0;left:0;width:100%;min-width:0;box-sizing:border-box;padding-bottom:8px}.app-history-empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;text-align:center;color:var(--color-neutral-66);border:1px dashed var(--color-neutral-26);background:var(--color-neutral-05)}.app-history-empty-state svg{width:16px;height:16px}.app-history-empty-title{margin:0;color:var(--color-neutral-e6);font-size:12px;font-weight:600}.app-history-empty-copy{margin:0;max-width:26ch}.app-history-section{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:8px}.app-history-section-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-neutral-66);font-size:10px;font-weight:700;letter-spacing:0}.app-history-section-title{min-width:0;overflow:hidden;color:var(--color-neutral-a3);text-overflow:ellipsis;white-space:nowrap}.app-history-section-count{min-width:20px;padding:2px 6px;text-align:center;border:1px solid var(--color-neutral-26);background:var(--color-neutral-05)}.app-history-section-empty{margin:0;padding:10px 12px;border:1px solid var(--color-neutral-26);background:var(--color-neutral-05);color:var(--color-neutral-66)}.app-history-entry-list{list-style:none;margin:0;padding:0;width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:8px}.app-history-entry-list>li{width:100%;min-width:0;max-width:100%}.app-history-entry{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--color-neutral-26);background:var(--color-neutral-05);overflow:hidden}.app-history-entry[data-next]{border-color:var(--color-neutral-52);background:var(--color-neutral-11)}.app-history-entry-pending{width:100%;min-width:0;max-width:100%;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 12px;border:1px solid var(--color-neutral-20);background:var(--color-neutral-05);color:var(--color-neutral-66)}.app-history-entry-pending-kind,.app-history-entry-pending-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-history-entry-pending-kind{color:var(--color-neutral-66);font-size:10px;font-weight:700}.app-history-entry-pending-title{color:var(--color-neutral-a3);font-size:12px;font-weight:600}.app-history-entry-topline{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.app-history-entry-kind,.app-history-entry-next{min-width:0;overflow:hidden;color:var(--color-neutral-66);font-size:10px;font-weight:700;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.app-history-entry-kind{flex:1 1 auto}.app-history-entry-next{flex:0 0 auto;color:var(--color-neutral-fa)}.app-history-entry-title{margin:0;min-width:0;max-width:100%;overflow:hidden;color:var(--color-neutral-f5);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-history-entry-meta{width:100%;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;gap:6px}.app-history-entry-chip{display:inline-block;flex:0 1 auto;max-width:100%;min-width:0;min-height:20px;overflow:hidden;padding:0 6px;border:1px solid var(--color-neutral-26);background:var(--color-neutral-09);color:var(--color-neutral-a3);font-size:10px;line-height:18px;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.app-history-entry-chip--frame{border-color:var(--color-neutral-40);background:var(--color-neutral-11);color:var(--color-neutral-d4);font-weight:700}.app-history-entry-chip--actor{border-color:color-mix(in srgb,var(--history-actor-color) 68%,var(--color-neutral-26));background:color-mix(in srgb,var(--history-actor-color) 22%,var(--color-neutral-09));color:color-mix(in srgb,var(--history-actor-color) 28%,var(--color-neutral-fa));font-weight:700;text-transform:none}.app-history-current-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;border:1px dashed var(--color-neutral-26);color:var(--color-neutral-a3);background:color-mix(in srgb,var(--color-neutral-05) 70%,transparent);font-size:10px;font-weight:700;letter-spacing:0}.app-history-current-state svg{width:14px;height:14px}.app-history-controls{display:inline-grid;grid-template-columns:repeat(2,min-content);gap:2px}.app-history-controls__button{border-radius:0;border-color:var(--color-neutral-2a);background:var(--color-neutral-0f);color:var(--color-neutral-a3)}.app-history-controls__button:hover:not(:disabled){border-color:var(--color-neutral-52);background:var(--color-neutral-11);color:var(--color-neutral-fa)}.app-history-controls__trigger{display:inline-flex}.app-history-controls__tooltip{display:flex;align-items:center;gap:8px}