[data-labs-floats] .kol-mobile-tabbar-pill,[data-labs-floats] .kol-mobile-tabbar-tab{box-shadow:var(--kol-shadow-float)}.kol-editor-shell{background:var(--kol-surface-primary);-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex}.kol-editor-shell input,.kol-editor-shell textarea,.kol-editor-shell [contenteditable=true]{-webkit-user-select:text;user-select:text}.kol-editor-shell input:focus-visible,.kol-editor-shell textarea:focus-visible{outline:none}:root{--kol-editor-left-w:var(--kol-sidenav-w,264px);--kol-editor-right-w:var(--kol-sidenav-w,264px);--kol-editor-left-w-collapsed:48px;--kol-editor-right-w-collapsed:48px;--kol-editor-left-snap:192px;--kol-editor-right-snap:192px;--kol-editor-left-step:16px;--kol-editor-right-step:16px;--kol-editor-left-snap-default:16px;--kol-editor-right-snap-default:16px}.kol-editor-grid{--_left:var(--kol-editor-left-w);--_right:var(--kol-editor-right-w);grid-template-columns:var(--_left) minmax(0, 1fr) var(--_right);flex:auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"left canvas right";min-height:0;display:grid}.kol-editor-grid[data-tools]{grid-template-columns:44px var(--_left) minmax(0, 1fr) var(--_right);grid-template-areas:"tools left canvas right"}.kol-editor-tools{border-right:1px solid var(--kol-oq-08);grid-area:tools}:root[data-editor-left=collapsed] .kol-editor-grid{--_left:var(--kol-editor-left-w-collapsed)}:root[data-editor-right=collapsed] .kol-editor-grid{--_right:var(--kol-editor-right-w-collapsed)}:root[data-editor-left=collapsed] .kol-editor-left>:not(.kol-rail-grab),:root[data-editor-right=collapsed] .kol-editor-right>:not(.kol-rail-grab){visibility:hidden}.kol-editor-right>.kol-rail-grab{left:-3.5px;right:auto}.kol-editor-left,.kol-editor-right{min-width:0;position:relative}.kol-editor-left{border-right:1px solid var(--kol-oq-08);flex-direction:column;grid-area:left;min-height:0;display:flex}.kol-editor-right{border-left:1px solid var(--kol-oq-08);flex-direction:column;grid-area:right;min-height:0;display:flex}.kol-editor-canvas-column{flex-direction:column;grid-area:canvas;min-width:0;min-height:0;display:flex}.kol-editor-canvas-header{border-bottom:1px solid var(--kol-oq-08);background-color:var(--kol-surface-primary);flex:none}.kol-editor-canvas-header:empty{display:none}.kol-editor-canvas{background-color:var(--kol-surface-secondary);flex:auto;min-width:0;min-height:0}[data-tool]:not([data-tool=select]) [data-layer-id]{cursor:inherit!important}[data-kol-tip]{position:relative}[data-kol-tip]:hover:after{content:attr(data-kol-tip);z-index:60;white-space:nowrap;background:var(--kol-surface-secondary);border:1px solid var(--kol-oq-08);color:var(--kol-fg-emphasis);font-family:var(--kol-font-family-mono);letter-spacing:.04em;pointer-events:none;opacity:0;border-radius:4px;padding:3px 8px;font-size:10px;animation:.12s ease-out .4s forwards kol-tip-in;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes kol-tip-in{to{opacity:1}}.kol-editor-rail-header{border-bottom:1px solid var(--kol-oq-08);flex:none}.kol-editor-rail-header:empty{display:none}.kol-editor-rail-body{scrollbar-gutter:stable;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.kol-editor-rail-body .kol-compose-rail{height:auto}.kol-editor-rail-body .kol-compose-rail--inspector{flex:auto;min-height:0}.kol-editor-rail-footer{flex:none}.kol-editor-canvas-footer{background-color:var(--kol-surface-primary);flex:none}.kol-timeline-grab{z-index:1;cursor:row-resize;touch-action:none;height:8px;position:absolute;top:0;left:0;right:0}.kol-timeline-grab:before{content:"";border-radius:var(--kol-radius-full);background:var(--kol-fg-64);opacity:0;width:4.5rem;height:.125rem;top:.5px;left:clamp(2.25rem, var(--kol-rail-grab-x,50%), calc(100% - 2.25rem));transition:opacity 1.8s cubic-bezier(.22,1,.36,1) .4s,background-color .5s;position:absolute;translate:-50% -50%}.kol-timeline-grab.is-near:before,.kol-timeline-grab.is-dragging:before{opacity:1;transition-delay:40ms}.kol-timeline-grab.is-dragging:before{background:var(--kol-fg-96)}.kol-sheet-grab:before{content:"";border-radius:var(--kol-radius-full);background:var(--kol-fg-64);opacity:0;width:4.5rem;height:.125rem;top:.5px;left:clamp(2.25rem, var(--kol-rail-grab-x,50%), calc(100% - 2.25rem));pointer-events:none;transition:opacity 1.8s cubic-bezier(.22,1,.36,1) .4s,background-color .5s;position:absolute;translate:-50% -50%}.kol-sheet-grab.is-near:before{opacity:1;transition-delay:40ms}.kol-compose-rail{flex-direction:column;height:100%;display:flex}.kol-compose-layer-line{align-items:center;gap:2px;display:flex}.kol-compose-layer-collapse{cursor:pointer;width:16px;height:16px;color:var(--kol-fg-64);background:0 0;border:none;flex:0 0 16px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kol-compose-layer-collapse:hover{color:var(--kol-surface-on-primary)}.kol-compose-layer-collapse{opacity:0;transition:opacity .12s}[data-layer-stack]:hover .kol-compose-layer-collapse{opacity:1}.kol-compose-layer-nest{padding-left:16px}.kol-compose-layer-row{min-width:0;color:var(--kol-fg-64);cursor:grab;border-radius:4px;flex:auto;align-items:center;padding:4px 60px 4px 8px;display:flex;position:relative}.kol-compose-layer-row:hover{background:var(--kol-oq-04);color:var(--kol-surface-on-primary)}.kol-compose-layer-row.is-active{background:color-mix(in srgb, var(--kol-accent-primary) 26%, transparent);color:var(--kol-fg-emphasis)}.kol-compose-layer-row.is-tinted{background:color-mix(in srgb, var(--kol-accent-primary) 11%, transparent)}.kol-compose-layer-row.is-hidden .kol-compose-layer-main{opacity:.4}.kol-compose-layer-row.is-dragging{opacity:.4;cursor:grabbing}.kol-compose-layer-row[draggable]:active{cursor:grabbing}.kol-compose-layer-row.is-drop-above:before,.kol-compose-layer-row.is-drop-below:after{content:"";background:var(--kol-accent-primary);pointer-events:none;z-index:1;height:2px;position:absolute;left:4px;right:4px}.kol-compose-layer-row.is-drop-above:before{top:-1px}.kol-compose-layer-row.is-drop-below:after{bottom:-1px}.kol-compose-layer-main{cursor:pointer;min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex:auto;align-items:center;gap:8px;padding:0;display:flex}.kol-compose-layer-swatch{border:1px solid var(--kol-oq-08);border-radius:2px;flex-shrink:0;width:18px;height:18px}.kol-compose-layer-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.kol-compose-layer-mini{cursor:pointer;width:22px;height:22px;color:var(--kol-fg-48);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kol-compose-layer-mini:hover{color:var(--kol-surface-on-primary);background:var(--kol-oq-08)}:is(.kol-compose-inspector-body,.kol-inspector-rail-body){scrollbar-gutter:stable;flex:1;padding:20px 16px;overflow-y:auto}.kol-inspector-rail-body{padding:0}.kol-grid-bg{--kol-grid-step:32px;--kol-grid-major-every:4;--kol-grid-minor:color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent);--kol-grid-major:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent);background-image:linear-gradient(to right, var(--kol-grid-major) 1px, transparent 1px), linear-gradient(to bottom, var(--kol-grid-major) 1px, transparent 1px), linear-gradient(to right, var(--kol-grid-minor) 1px, transparent 1px), linear-gradient(to bottom, var(--kol-grid-minor) 1px, transparent 1px);background-size:calc(var(--kol-grid-step) * var(--kol-grid-major-every)) calc(var(--kol-grid-step) * var(--kol-grid-major-every)), calc(var(--kol-grid-step) * var(--kol-grid-major-every)) calc(var(--kol-grid-step) * var(--kol-grid-major-every)), var(--kol-grid-step) var(--kol-grid-step), var(--kol-grid-step) var(--kol-grid-step)}[data-view-mode=preview] [data-canvas-frame]>div.pointer-events-none:first-child,[data-view-mode=preview] [data-canvas-frame]>span{visibility:hidden}[data-eyedropping] [data-layer-id]{cursor:inherit!important}[data-handle=ROT]{cursor:var(--kol-cursor-rotate,grab)!important}.kol-editor-canvas-column:has(.kol-editor-doctitle) main.kol-editor-canvas [class~=bottom-3][class~=right-3]>button{display:none}.kol-editor-menu,.kol-editor-menu [role=menu]{background:var(--kol-surface-tertiary);border:1px solid var(--kol-oq-08);border-radius:var(--kol-radius-sm);box-shadow:var(--kol-shadow-float)}.kol-editor-topbar .kol-menu-btn,.kol-editor-menu .kol-menu-btn{font-family:var(--kol-font-family-sans);letter-spacing:0;color:var(--kol-fg-emphasis);height:26px;font-size:13px}.kol-editor-topbar .kol-menu-btn[aria-expanded=true]{background:var(--kol-oq-08);color:var(--kol-fg-emphasis)}.kol-editor-menu .kol-menu-btn:not(:disabled):hover,.kol-editor-menu .kol-menu-btn[aria-expanded=true]{background:var(--kol-oq-08)}.kol-editor-menu [role=menu].left-full{margin-left:1px}.kol-editor-menu [role=menu].right-full{margin-right:1px}.kol-pane{flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.kol-pane[data-last]:not([data-collapsed]):not([data-sized]){flex:auto}.kol-pane[data-last]:not([data-collapsed]):not([data-sized])>*{flex:auto;min-height:0}.kol-pane[data-sized]:not([data-collapsed])>*{height:100%}.kol-pane[data-collapsed]>*{flex:none!important;height:auto!important}.kol-pane[data-collapsed]>*>:not(.kol-pane-header){display:none!important}.kol-pane-drop{background:var(--kol-accent-primary);z-index:1;height:2px;margin:-1px 0;position:relative}.kol-pane-header[data-drop]{box-shadow:inset 0 0 0 1px var(--kol-accent-primary)}.kol-pane-header [role=tab]{padding-inline:6px}.kol-pane-grab{z-index:2;cursor:row-resize;touch-action:none;height:8px;position:absolute;bottom:-4px;left:0;right:0}.kol-pane-grab:before{content:"";border-radius:var(--kol-radius-full);background:var(--kol-fg-64);opacity:0;width:4.5rem;height:.125rem;top:4.5px;left:clamp(2.25rem, var(--kol-rail-grab-x,50%), calc(100% - 2.25rem));transition:opacity 1.8s cubic-bezier(.22,1,.36,1) .4s,background-color .5s;position:absolute;translate:-50% -50%}.kol-pane-grab.is-near:before,.kol-pane-grab.is-dragging:before{opacity:1;transition-delay:40ms}.kol-pane-grab.is-dragging:before{background:var(--kol-fg-96)}.kol-pane[data-collapsed] .kol-pane-grab{display:none}