:root{--panel-border-color: var(--border-subtle, #222222);--panel-content-bg: var(--panel-background);--panel-header-bg: var(--panel-rail, var(--bg-surface-solid, #2c2c2c));--panel-header-fg: var(--text-primary, #d4d4d4);--panel-input-bg: var(--bg-surface-solid, #1e1e1e);--panel-input-border: var(--border-subtle, #2626264a);--primary: var(--accent, #0096ff);--snap-overlay: rgba(80, 180, 255, .13);--panel-collapsed-width: 40px;--panel-collapsed-height: 40px;--panel-min-width: 90px;--panel-min-height: 90px;--panel-default-width: 280px;--panel-default-height: 200px;--panel-tab-min-width-threshold: 55px;--panel-float-window-min-width: 250px;--panel-float-window-min-height: 180px;--panel-tab-scroll-speed-ratio: .2;--minimized-panel-icon-size: 32px;--minimized-panel-drag-long-press-timeout: 300;--minimized-panel-drag-position-threshold: 10;--sidepanel-header-btn-size: 20px;--sidepanel-header-btn-color: var(--text-secondary, #a1a1a1);--sidepanel-header-btn-bg: transparent;--sidepanel-header-btn-hover-bg: var(--bg-elevated, #3c3c3c);--sidepanel-header-btn-hover-color: var(--primary);--total-header-height: var(--panel-group-header-height);--panel-group-header-height: 36px;--panel-padding: 4px 6px;--panel-gap: 2px;--panel-margin: 0px;--panel-border-radius: 0px;--panel-border-width: 1px;--panel-header-height: 24px;--panel-header-padding: 0 6px;--panel-header-font-size: 11px;--panel-header-font-weight: 600;--panel-header-icon-size: 12px;--panel-tab-height: 22px;--panel-row-height: 22px;--panel-row-padding: 1px 4px;--panel-row-gap: 4px;--panel-label-width: 38%;--panel-button-height: 26px;--panel-button-padding-x: 8px;--panel-button-gap: 4px;--panel-button-radius: 5px;--panel-font-size: 11px;--panel-line-height: 1.15;--panel-control-height: 20px;--panel-scrollbar-size: 6px;--panel-splitter-color: var(--panel-border-color);--toolbar-icon-size: 18px;--toolbar-item-size: 34px;--toolbar-gap: 6px;--toolbar-radius: 7px;--toolbar-spacing: var(--toolbar-gap);--toolbar-width: calc(var(--toolbar-item-size) + 20px);--optionsbar-height: 32px;--optionsbar-padding-x: 8px;--optionsbar-group-gap: 12px;--optionsbar-control-height: 22px;--panel-floating-z-index: 40;--panel-overlay-z-index: 50}.panel{box-sizing:border-box;min-height:0;min-width:0;margin:var(--panel-margin);gap:var(--panel-gap);border-radius:var(--panel-border-radius);color:var(--foreground);font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-dense{font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-dense :is(p,span,label,div,li,td,th,h1,h2,h3,h4,h5,h6){font-size:inherit;line-height:inherit}.panel-dense :is(ul,ol){margin:0;padding:0;list-style:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.panel-header{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:var(--panel-header-height);padding:var(--panel-header-padding);gap:var(--panel-gap);background:var(--panel-header-bg);color:var(--panel-header-fg);font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--panel-header-icon-size);height:var(--panel-header-icon-size)}.panel-header-icon svg{width:var(--panel-header-icon-size);height:var(--panel-header-icon-size)}.panel-header-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-header-actions{display:flex;align-items:center;flex-shrink:0;gap:var(--panel-gap)}.panel-content,.panel-body{box-sizing:border-box;flex:1 1 0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden}.panel-scroll{min-height:0;overflow-y:auto;overflow-x:hidden}.panel-footer{display:flex;align-items:center;flex-shrink:0;gap:var(--panel-gap);box-sizing:border-box;min-height:var(--panel-row-height);padding:var(--panel-row-padding);border-top:var(--panel-border-width) solid var(--panel-splitter-color)}.panel-hscroll{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:var(--panel-gap);overflow-x:auto;scrollbar-width:none}.panel-hscroll::-webkit-scrollbar{display:none}.panel-row{display:flex;align-items:center;box-sizing:border-box;height:var(--panel-row-height);flex-shrink:0;padding:var(--panel-row-padding);gap:var(--panel-row-gap);border-radius:var(--panel-border-radius)}.history-list{contain:layout size}.history-list-rows{margin:0;padding:0;list-style:none;width:-moz-max-content;width:max-content;min-width:100%}.history-row{display:flex;align-items:center;box-sizing:border-box;height:var(--panel-row-height);flex:0 0 var(--panel-row-height);padding:var(--panel-row-padding);gap:var(--panel-row-gap);border-radius:var(--panel-border-radius);color:var(--foreground);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row:hover{background:var(--hover-bg)}.history-row.is-future{color:var(--muted-foreground)}.history-row.is-current{background:var(--active-bg);color:var(--foreground);font-weight:600}.history-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-source-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--panel-header-icon-size);height:var(--panel-header-icon-size);padding:0;border:none;border-radius:var(--panel-border-radius);background:transparent;color:var(--foreground);cursor:pointer}.history-source-btn:hover{background:var(--hover-bg)}.history-source-btn.is-active{background:var(--active-bg)}.history-source-btn svg{opacity:0}.history-source-btn:hover svg,.history-source-btn.is-active svg{opacity:1}.panel-row-label{flex:0 0 var(--panel-label-width);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--panel-font-size);line-height:var(--panel-line-height);color:var(--muted-foreground)}.panel-row-control{flex:1 1 auto;min-width:0}.panel-row>[role=switch],.panel-row>[role=checkbox],.panel-row>[role=radio],.panel-row>input[type=checkbox],.panel-row>input[type=radio],.panel-row>*>[role=switch],.panel-row>*>[role=checkbox],.panel-row>*>[role=radio],.panel-row>*>input[type=checkbox],.panel-row>*>input[type=radio]{margin-left:auto;flex-shrink:0}.panel-row:has([role=switch]) .panel-row-label,.panel-row:has([role=checkbox]) .panel-row-label,.panel-row:has([role=radio]) .panel-row-label,.panel-row:has(input[type=checkbox]) .panel-row-label,.panel-row:has(input[type=radio]) .panel-row-label,.panel-row:has([role=switch])>div:first-child,.panel-row:has([role=checkbox])>div:first-child,.panel-row:has([role=radio])>div:first-child{flex:1 1 auto}.panel :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([data-size=lg]){box-sizing:border-box;min-height:var(--panel-control-height);font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-section{display:flex;flex-direction:column;gap:var(--panel-gap);min-height:0;min-width:0}.panel-section-title{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:var(--panel-header-height);padding:var(--panel-header-padding);font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight);text-transform:uppercase;color:var(--panel-header-fg)}.panel-grid{display:grid;gap:var(--panel-gap);min-height:0;min-width:0}.panel-splitter{border:0;border-top:var(--panel-border-width) solid var(--panel-splitter-color)}.panel-input{width:100%;box-sizing:border-box;min-height:var(--panel-control-height);padding:0 4px;border:var(--panel-border-width) solid var(--panel-input-border);border-radius:var(--panel-border-radius);background:var(--panel-input-bg);color:var(--foreground);font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-input:focus{outline:none;border-color:var(--ring)}.panel-search-input{width:100%;box-sizing:border-box;min-height:var(--panel-control-height);padding:0 20px;border:var(--panel-border-width) solid var(--panel-input-border);border-radius:var(--panel-border-radius);background:var(--panel-input-bg);color:var(--foreground);font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-search-input:focus{outline:none;border-color:var(--ring)}.panel-chip{display:inline-flex;align-items:center;box-sizing:border-box;min-height:var(--panel-control-height);padding:0 var(--panel-row-gap);border:none;border-radius:var(--panel-border-radius);font-size:var(--panel-font-size);line-height:var(--panel-line-height);white-space:nowrap;cursor:pointer;flex-shrink:0}.panel-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.panel-color-swatch{box-sizing:border-box;width:var(--panel-control-height);height:var(--panel-control-height);padding:0;border:none;border-radius:var(--panel-border-radius);background:none;cursor:pointer;flex-shrink:0}.panel-icon-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--panel-control-height);height:var(--panel-control-height);padding:0;border:none;border-radius:var(--panel-border-radius);background:var(--button-secondary-bg);color:var(--muted-foreground);cursor:pointer;flex-shrink:0}.panel-icon-btn svg{width:var(--panel-header-icon-size);height:var(--panel-header-icon-size)}.panel-icon-btn:hover{background:var(--button-secondary-hover);color:var(--foreground)}.panel-icon-btn.is-active,.panel-icon-btn.is-active:hover{background:var(--primary);color:var(--primary-foreground)}.panel-icon-btn--ghost{background:transparent;color:var(--muted-foreground)}.panel-icon-btn--ghost:hover{background:var(--hover-bg);color:var(--foreground)}.panel-icon-btn:disabled{opacity:.4;cursor:default}.panel-icon-btn:disabled:hover,.panel-icon-btn--ghost:disabled:hover{background:transparent;color:var(--muted-foreground)}.panel-section-toggle{width:100%;cursor:pointer;background:transparent;border:none;text-align:left}.panel-section-toggle:hover{background:var(--hover-bg)}.panel-section-toggle .panel-section-chevron{flex-shrink:0;color:var(--muted-foreground)}.panel .inline-flex.items-center.justify-center.whitespace-nowrap.rounded-md{box-sizing:border-box;min-height:var(--panel-button-height);height:var(--panel-button-height);padding:0 var(--panel-button-padding-x);gap:var(--panel-button-gap);border-radius:var(--panel-button-radius);font-size:var(--panel-font-size);line-height:1}.panel .inline-flex.items-center.justify-center.whitespace-nowrap.rounded-md svg{width:var(--panel-header-icon-size);height:var(--panel-header-icon-size);flex-shrink:0}.panel-content,.panel-body,.panel-scroll,.panel-tab-content,.panel-groups,.floating-panel-content{scrollbar-width:thin;scrollbar-color:var(--separator-color) transparent}.panel-content::-webkit-scrollbar,.panel-body::-webkit-scrollbar,.panel-scroll::-webkit-scrollbar,.panel-tab-content::-webkit-scrollbar,.panel-groups::-webkit-scrollbar,.floating-panel-content::-webkit-scrollbar{width:var(--panel-scrollbar-size);height:var(--panel-scrollbar-size)}.panel-content::-webkit-scrollbar-track,.panel-body::-webkit-scrollbar-track,.panel-scroll::-webkit-scrollbar-track,.panel-tab-content::-webkit-scrollbar-track,.panel-groups::-webkit-scrollbar-track,.floating-panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb,.panel-body::-webkit-scrollbar-thumb,.panel-scroll::-webkit-scrollbar-thumb,.panel-tab-content::-webkit-scrollbar-thumb,.panel-groups::-webkit-scrollbar-thumb,.floating-panel-content::-webkit-scrollbar-thumb{background-color:var(--separator-color);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover,.panel-body::-webkit-scrollbar-thumb:hover,.panel-scroll::-webkit-scrollbar-thumb:hover,.panel-tab-content::-webkit-scrollbar-thumb:hover,.panel-groups::-webkit-scrollbar-thumb:hover,.floating-panel-content::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.panel-content::-webkit-scrollbar-corner,.panel-body::-webkit-scrollbar-corner,.panel-scroll::-webkit-scrollbar-corner,.panel-tab-content::-webkit-scrollbar-corner,.panel-groups::-webkit-scrollbar-corner,.floating-panel-content::-webkit-scrollbar-corner{background:transparent}.timeline-x-scroll{scrollbar-width:thin;scrollbar-color:var(--separator-color) transparent}.timeline-x-scroll::-webkit-scrollbar{height:var(--panel-scrollbar-size)}.timeline-x-scroll::-webkit-scrollbar-track{background:transparent}.timeline-x-scroll::-webkit-scrollbar-thumb{background-color:var(--separator-color);border-radius:3px}.timeline-x-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.palette-color-strip{display:flex;width:100%;min-width:0;height:8px;border-radius:2px;overflow:hidden;flex-shrink:0}.palette-color-strip__cell{flex:1 1 0;min-width:0}.palette-color-strip--empty{border:1px dashed var(--panel-splitter-color);background:transparent}.palette-list-item{display:flex;flex-direction:column;gap:3px;box-sizing:border-box;width:100%;min-width:0;padding:4px 6px;border:1px solid transparent;border-radius:var(--panel-border-radius);background:transparent;cursor:pointer;text-align:left}.palette-list-item:hover{background:var(--hover-bg)}.palette-list-item:focus-visible{outline:none;border-color:var(--ring)}.palette-list-item.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.palette-list-item__top{display:flex;align-items:center;gap:var(--panel-row-gap);width:100%;min-width:0}.palette-list-item__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--panel-font-size);color:var(--foreground)}.palette-list-item__count{flex-shrink:0;font-size:var(--panel-font-size);color:var(--muted-foreground)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--swatch-min-size, 22px),1fr));gap:var(--panel-gap);min-width:0}.swatch-grid--fixed{grid-template-columns:repeat(var(--swatch-columns, 6),minmax(0,1fr))}.swatch-grid--small{--swatch-min-size: 18px}.swatch-grid--medium{--swatch-min-size: 26px}.swatch-grid--large{--swatch-min-size: 36px}.swatch-grid--xlarge{--swatch-min-size: 48px}.swatch-grid__cell{position:relative;min-width:0}.swatch-insert-line{position:absolute;top:-2px;bottom:-2px;left:calc(var(--panel-gap, 4px) / -2 - 1px);width:2px;background:var(--ring);border-radius:1px;pointer-events:none;z-index:1}.swatch-insert-line--end{left:auto;right:calc(var(--panel-gap, 4px) / -2 - 1px)}.swatch-cell{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;padding:0;border:1px solid var(--panel-splitter-color);border-radius:3px;background-color:var(--panel-background);cursor:pointer;overflow:hidden}.swatch-cell:hover{border-color:var(--muted-foreground)}.swatch-cell:focus-visible{outline:none;border-color:var(--ring)}.swatch-cell.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.swatch-cell--alpha{background-image:repeating-conic-gradient(var(--panel-input-border) 0% 25%,var(--panel-background) 0% 50%);background-size:8px 8px}.swatch-cell__global-mark{position:absolute;top:0;right:0;width:0;height:0;border-top:7px solid var(--primary);border-left:7px solid transparent}.swatch-cell--add{display:flex;align-items:center;justify-content:center;border-style:dashed;background:transparent;color:var(--muted-foreground)}.swatch-cell--add:hover{border-color:var(--muted-foreground);background:var(--hover-bg);color:var(--foreground)}.color-panel__header{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;gap:var(--panel-row-gap);padding:var(--panel-row-padding);border-bottom:var(--panel-border-width) solid var(--panel-splitter-color)}.color-panel__wells{display:flex;align-items:center;flex-shrink:0}.color-panel__well{position:relative;box-sizing:border-box;width:var(--panel-control-height);height:var(--panel-control-height);padding:0;border:1px solid var(--panel-input-border);border-radius:var(--panel-border-radius);background:var(--panel-background);cursor:pointer;flex-shrink:0}.color-panel__well+.color-panel__well{margin-left:calc(-1 * var(--panel-gap));z-index:1}.color-panel__picker-well{width:var(--panel-control-height);height:var(--panel-control-height);border-color:var(--panel-splitter-color);box-shadow:inset 0 0 0 1px #ffffff0f}.color-panel__picker-well:hover:not(:disabled){border-color:var(--panel-input-border)}.color-panel .panel-tabbar__tab{height:calc(var(--panel-tab-height) + 5px)}.color-panel__hex{flex:1 1 auto;min-width:0;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}.color-panel__stack{display:flex;flex-direction:column;gap:var(--panel-section-inner-gap)}.color-panel__range{flex:1 1 auto;min-width:0;width:100%}.color-panel__row{display:flex;align-items:center;box-sizing:border-box;min-height:var(--panel-row-height);flex-shrink:0;gap:var(--panel-row-gap)}.color-panel__row .panel-row-label{flex:0 0 auto;width:auto;min-width:10px;text-align:center}.color-panel__value{flex:0 0 auto;min-width:24px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.color-panel__empty{padding:16px 8px;text-align:center;font-size:var(--panel-font-size);color:var(--muted-foreground)}.panel-popover{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;padding:0;background-color:var(--panel-background);color:var(--foreground);font-size:var(--panel-font-size);line-height:var(--panel-line-height)}.panel-popover-header{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:var(--panel-header-height);padding:var(--panel-header-padding);border-bottom:var(--panel-border-width) solid var(--separator-color);background:var(--panel-header-bg);color:var(--panel-header-fg);font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-popover-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;gap:var(--panel-row-gap);padding:var(--panel-padding)}.panel-popover-row{display:flex;align-items:center;box-sizing:border-box;min-height:var(--panel-row-height);flex-shrink:0;gap:var(--panel-row-gap);flex-wrap:nowrap}.panel-popover-select{flex:1 1 0;min-width:0;width:auto}.panel-popover-slider{flex:1 1 0;min-width:32px;width:auto}.panel-popover-value{flex:0 0 42px;min-width:0;text-align:right;color:var(--selected-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.color-panel__action{flex:1 1 0;min-width:0;justify-content:center;background:var(--button-secondary-bg);color:var(--foreground)}.color-panel__action:hover{background:var(--button-secondary-hover)}.is-ok{color:var(--success)}.is-warn{color:var(--warning)}.is-caution{color:var(--caution)}.is-danger{color:var(--danger)}.status-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:9999px;background:var(--muted-foreground)}.status-dot.is-ok{background:var(--success)}.status-dot.is-warn{background:var(--warning)}.status-dot.is-caution{background:var(--caution)}.status-dot.is-danger{background:var(--danger)}.panel-stat{display:flex;flex-direction:column;gap:var(--panel-gap);box-sizing:border-box;min-width:0;padding:var(--panel-row-padding);border-radius:var(--panel-border-radius);background:var(--panel-content-bg)}.panel-stat__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--panel-font-size);line-height:var(--panel-line-height);color:var(--muted-foreground)}.panel-stat__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--panel-font-size);line-height:var(--panel-line-height);font-weight:600;color:var(--foreground)}.panel-stat-meta{display:flex;align-items:center;gap:var(--panel-row-gap);min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--panel-font-size);line-height:var(--panel-line-height);color:var(--dimmed-foreground)}.panel-meter{box-sizing:border-box;width:100%;height:4px;border-radius:2px;background:var(--highlight-color);overflow:hidden}.panel-meter__fill{height:100%;border-radius:2px;background:var(--primary)}.panel-meter__fill.is-ok{background:var(--success)}.panel-meter__fill.is-warn{background:var(--warning)}.panel-meter__fill.is-caution{background:var(--caution)}.panel-meter__fill.is-danger{background:var(--danger)}.panel-tabbar{display:flex;flex-shrink:0;box-sizing:border-box;gap:var(--panel-gap);border-bottom:var(--panel-border-width) solid var(--panel-splitter-color);overflow-x:auto;scrollbar-width:none}.panel-tabbar::-webkit-scrollbar{display:none}.panel-tabbar__tab{flex:1 1 0;box-sizing:border-box;min-width:0;padding:0 var(--panel-row-gap);border:none;border-bottom:2px solid transparent;background:transparent;font-size:var(--panel-font-size);line-height:var(--panel-line-height);font-weight:600;color:var(--muted-foreground);white-space:nowrap;cursor:pointer}.panel-tabbar__tab:hover{color:var(--foreground)}.panel-tabbar__tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}.panel-toast{position:fixed;top:16px;right:16px;z-index:50;max-width:24rem;box-sizing:border-box;padding:var(--panel-padding);border:1px solid var(--warning);border-radius:var(--panel-border-radius);background:var(--popover);box-shadow:0 8px 24px var(--shadow-dark)}.panel-toast.is-danger{border-color:var(--danger)}:root{--panel-stack-gap: 8px;--panel-section-inner-gap: 4px}.panel-stack{display:flex;flex-direction:column;gap:var(--panel-stack-gap)}.panel-section{gap:var(--panel-section-inner-gap)}.layer-item-row{display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;gap:6px;padding:2px 6px;border-bottom:1px solid var(--panel-splitter-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}body.layer-dragging,body.layer-dragging *{cursor:grabbing!important}.layer-item-row--none{min-height:24px}.layer-item-row--small{min-height:32px}.layer-item-row--medium{min-height:44px}.layer-item-row--large{min-height:60px}.layer-item-row--extra-large{min-height:86px}.layer-item-row--active{background-color:color-mix(in srgb,var(--primary) 26%,transparent);box-shadow:inset 2px 0 0 var(--primary)}.layer-item-row--selected{background-color:color-mix(in srgb,var(--primary) 14%,transparent)}.layer-item-row--drop-target{box-shadow:inset 0 2px 0 var(--primary)}.layer-item-row--drop-target-bottom{box-shadow:inset 0 -2px 0 var(--primary)}.layer-preview-box{position:relative;flex-shrink:0;box-sizing:border-box;border:1px solid var(--panel-input-border);border-radius:2px;background-color:var(--panel-background);background-image:repeating-conic-gradient(var(--panel-input-border) 0% 25%,var(--panel-background) 0% 50%);background-size:8px 8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.layer-preview-box--hidden canvas{opacity:.4}.layer-preview-box--small{width:24px;height:24px}.layer-preview-box--medium{width:36px;height:36px}.layer-preview-box--large{width:52px;height:52px}.layer-preview-box--extra-large{width:78px;height:78px}.layer-preview-canvas{display:block;width:100%;height:100%}.page-item-row{display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;gap:var(--panel-row-gap);padding:2px var(--panel-row-gap);border-bottom:1px solid var(--panel-splitter-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.page-item-row--none{min-height:24px}.page-item-row--small{min-height:32px}.page-item-row--medium{min-height:44px}.page-item-row--large{min-height:60px}.page-item-row--extra-large{min-height:86px}.page-item-row--selected{background-color:color-mix(in srgb,var(--primary) 14%,transparent)}.page-color-well{position:relative;display:block;width:16px;height:16px;margin-left:var(--panel-row-gap);margin-right:var(--panel-row-gap);border:1px solid var(--panel-input-border);border-radius:3px;overflow:hidden;background-image:repeating-conic-gradient(var(--panel-input-border) 0% 25%,var(--panel-background) 0% 50%);background-size:8px 8px}.page-color-well:hover{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 45%,transparent)}.page-color-well__picker{width:100%;height:100%;border:none;border-radius:0;box-shadow:none}.page-thumbnail-box{position:relative;flex-shrink:0;box-sizing:border-box;border:1px solid var(--panel-input-border);border-radius:2px;background-color:var(--panel-background);background-image:repeating-conic-gradient(var(--panel-input-border) 0% 25%,var(--panel-background) 0% 50%);background-size:8px 8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.page-thumbnail-box--small{width:24px;height:24px}.page-thumbnail-box--medium{width:36px;height:36px}.page-thumbnail-box--large{width:52px;height:52px}.page-thumbnail-box--extra-large{width:78px;height:78px}.page-thumbnail-canvas{display:block;width:100%;height:100%}.harmony-panel__base-swatch{box-sizing:border-box;flex-shrink:0;width:var(--panel-control-height);height:var(--panel-control-height);border:var(--panel-border-width) solid var(--panel-input-border);border-radius:var(--panel-border-radius)}.harmony-panel__toolbar{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;min-width:0;gap:var(--panel-row-gap);padding:0 var(--panel-row-gap);border-bottom:var(--panel-border-width) solid var(--panel-splitter-color)}.harmony-panel .panel-row-label{flex:0 0 auto;width:auto}.harmony-panel .panel-section-title{padding-inline:0}.harmony-panel__hint{padding:0 var(--panel-row-gap) var(--panel-row-gap);font-size:var(--panel-font-size);line-height:var(--panel-line-height);color:var(--muted-foreground)}.harmony-preview__row{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-width:0;height:var(--panel-row-height);padding:0 var(--panel-row-gap);border:var(--panel-border-width) solid var(--panel-splitter-color);border-radius:var(--panel-border-radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--panel-font-size);line-height:var(--panel-line-height);cursor:pointer}.harmony-preview__row:hover{box-shadow:inset 0 0 0 1px var(--primary)}.harmony-preview__row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ring)}:root{--gradient-panel-preset-height: 48px;--gradient-panel-preview-height: 40px;--gradient-panel-stop-height: 48px}.gradient-panel{display:flex;flex-direction:column;gap:0;min-height:0;min-width:0}.gradient-panel__section{display:flex;flex-direction:column;gap:var(--panel-section-inner-gap);box-sizing:border-box;flex-shrink:0;min-width:0;padding:var(--panel-padding);border-bottom:var(--panel-border-width) solid var(--panel-splitter-color)}.gradient-panel__section:last-child{border-bottom:none}.gradient-panel__section-head{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-shrink:0;min-width:0}.gradient-panel__section .panel-row,.gradient-panel__section .panel-section-title{padding-inline:0}.gradient-panel__field-label{flex-shrink:0;min-width:0;font-size:var(--panel-font-size);line-height:var(--panel-line-height);color:var(--muted-foreground)}.gradient-panel__preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--panel-gap);min-width:0}.gradient-panel__preset-cell{position:relative;min-width:0}.gradient-panel__preset{position:relative;display:flex;flex-direction:column;gap:var(--panel-section-inner-gap);box-sizing:border-box;width:100%;height:var(--gradient-panel-preset-height);flex-shrink:0;padding:var(--panel-gap);border:var(--panel-border-width) solid var(--panel-splitter-color);border-radius:var(--panel-border-radius);background:transparent;color:var(--foreground);font-size:var(--panel-font-size);line-height:var(--panel-line-height);cursor:pointer;overflow:hidden}.gradient-panel__preset:hover{border-color:var(--primary)}.gradient-panel__preset.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.gradient-panel__preset-strip{flex:1 1 auto;min-height:0;border-radius:var(--panel-border-radius)}.gradient-panel__preset-label{display:block;flex-shrink:0;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.gradient-panel__preset-delete{position:absolute;top:var(--panel-gap);right:var(--panel-gap);z-index:1;width:16px;height:16px;border:var(--panel-border-width) solid var(--panel-splitter-color);border-radius:var(--panel-border-radius);background:var(--panel-background);color:var(--muted-foreground);opacity:0}.gradient-panel__preset-delete svg{width:10px;height:10px}.gradient-panel__preset-cell:hover .gradient-panel__preset-delete,.gradient-panel__preset-delete:focus-visible{opacity:1}.gradient-panel__preset-delete:hover{background:var(--danger);color:var(--destructive-foreground, var(--primary-foreground))}.gradient-panel__preview{box-sizing:border-box;flex-shrink:0;width:100%;height:var(--gradient-panel-preview-height);border:var(--panel-border-width) solid var(--panel-splitter-color);border-radius:var(--panel-border-radius)}.gradient-panel__stops{display:flex;flex-direction:column;gap:var(--panel-section-inner-gap);min-width:0}.gradient-panel__stop{display:flex;align-items:center;box-sizing:border-box;flex-shrink:0;width:100%;min-width:0;height:var(--gradient-panel-stop-height);padding:var(--panel-row-padding);gap:var(--panel-row-gap);border-radius:var(--panel-border-radius);background:var(--secondary);overflow:hidden}.gradient-panel__stop-group{display:flex;flex-direction:column;justify-content:center;gap:var(--panel-section-inner-gap);flex:1 1 auto;min-width:0}.gradient-panel__stop-line{display:flex;align-items:center;box-sizing:border-box;flex-shrink:0;min-width:0;height:var(--panel-control-height);gap:var(--panel-row-gap)}.gradient-panel__options{gap:var(--panel-row-gap);white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gradient-panel__options::-webkit-scrollbar{display:none}.gradient-panel__options label{flex-shrink:0}.layers-panel__scope-header{height:var(--panel-row-height);padding:var(--panel-row-padding) var(--panel-header-padding);flex:0 0 auto}.hue-saturation__hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.context-menu-root{position:fixed;min-width:160px;background:var(--background);color:var(--foreground);border:1px solid var(--border);box-shadow:0 2px 8px #00000026;z-index:9999;border-radius:6px;padding:4px 0;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.context-menu-item{padding:8px 20px;cursor:pointer;border:none;background:none;color:inherit;width:100%;text-align:left;font-family:inherit}.context-menu-item:hover,.context-menu-item:focus{background:var(--highlight-color, var(--primary));color:var(--primary-foreground);outline:none}.context-menu-item:active{background:var(--primary);color:var(--primary-foreground)}.tabs-icons{display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:16px;width:100%;position:relative}.tabs-icons.icon-alignment-start{justify-content:flex-start}.tabs-icons.icon-alignment-center{justify-content:center}.tabs-icons.icon-alignment-end{justify-content:flex-end}.tabs-icons.horizontal{flex-direction:row;padding-top:0;padding-left:12px;justify-content:center;height:100%;align-items:center;gap:16px}.tabs-icons.horizontal.icon-alignment-start{justify-content:flex-start}.tabs-icons.horizontal.icon-alignment-end{justify-content:flex-end}.tabs-icons{flex:1 1 auto;min-height:0}.tab-icon-wrapper{width:var(--minimized-panel-icon-size, 32px);height:var(--minimized-panel-icon-size, 32px);display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--foreground);cursor:default;position:relative;z-index:1}.tab-icon-wrapper.grab{cursor:default}.tab-icon-wrapper.grabbing{cursor:grabbing}.tab-icon-wrapper.shift-left{transform:translate(-36px)}.tab-icon-wrapper.shift-right{transform:translate(36px)}.tabs-icons.horizontal .tab-icon-wrapper.shift-left{transform:translate(-38px)!important}.tabs-icons.horizontal .tab-icon-wrapper.shift-right{transform:translate(38px)!important}.tabs-icons:not(.horizontal) .tab-icon-wrapper.shift-up{transform:translateY(-48px)}.tabs-icons:not(.horizontal) .tab-icon-wrapper.shift-down{transform:translateY(48px)}body.dragging-sidepanel-icon,body.dragging-sidepanel-icon *,html.dragging-sidepanel-icon,html.dragging-sidepanel-icon *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:auto!important}.tab-icon-wrapper.dragging{z-index:10;opacity:0;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;cursor:grabbing!important}.tab-icon-wrapper.drag-over{z-index:2}.tab-icon-wrapper.active,.tab-icon-wrapper:hover{background:var(--accent);color:var(--accent-foreground);cursor:default}.tab-icon-wrapper.active{color:var(--primary);border-left:2px solid transparent;position:relative}.tabs-icons:not(.horizontal) .tab-icon-wrapper.active{border-left:2px solid var(--primary);border-top:none;border-bottom:none}.tabs-icons.horizontal .tab-icon-wrapper.active{border-left:none}.side-panel.position-top .tabs-icons.horizontal{padding-bottom:2px}.side-panel.position-bottom .tabs-icons.horizontal{padding-top:2px}.tabs-icons.horizontal .tab-icon-wrapper{margin:0 2px;position:relative}.tabs-icons.horizontal .tab-icon-wrapper.shift-left{transform:translate(-40px)!important}.tabs-icons.horizontal .tab-icon-wrapper.shift-right{transform:translate(40px)!important}.tabs-icons.horizontal .tab-icon-wrapper.shift-left,.tabs-icons.horizontal .tab-icon-wrapper.shift-right{opacity:.9}.side-panel.position-top .tab-icon-wrapper,.side-panel.position-bottom .tab-icon-wrapper{margin:0 6px}.side-panel.position-top .tabs-icons.horizontal .tab-icon-wrapper.active{border-top:2px solid var(--primary);border-bottom:none;border-left:none;border-right:none}.side-panel.position-bottom .tabs-icons.horizontal .tab-icon-wrapper.active{border-top:none;border-bottom:2px solid var(--primary);border-left:none;border-right:none}.sidepanel-popup-body{flex:1;overflow:auto;padding:var(--panel-padding);background:none}.sidepanel-popup{position:fixed;box-shadow:0 2px 16px var(--shadow-medium);background:var(--popover);border-radius:8px;border:1px solid var(--border);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.sidepanel-popup-content{border:none;border-radius:0;box-shadow:none;background:var(--panel-background);padding:0;width:100%;height:100%}.sidepanel-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--panel-header-padding);border-bottom:var(--panel-border-width) solid var(--border);background:var(--popover);font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight)}.sidepanel-popup-pin-btn{position:relative;z-index:20;background:none!important;border:none;border-radius:4px;cursor:pointer;padding:0;margin-left:8px;flex-shrink:0;color:var(--muted-foreground);width:22px;height:22px;display:flex;align-items:center;justify-content:center}.sidepanel-popup-pin-btn:hover{background:var(--highlight-color)!important;color:var(--foreground)}.sidepanel-popup-pin-btn:focus-visible{outline:2px solid var(--border-focus, var(--primary));outline-offset:1px}.sidepanel-popup-resize-handle{position:absolute;z-index:10}.sidepanel-popup-resize-handle-n{top:0;left:10px;right:10px;height:5px;cursor:ns-resize}.sidepanel-popup-resize-handle-s{bottom:0;left:10px;right:10px;height:5px;cursor:ns-resize}.sidepanel-popup-resize-handle-e{right:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}.sidepanel-popup-resize-handle-w{left:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}.sidepanel-popup-resize-handle-ne{top:0;right:0;width:14px;height:14px;cursor:nesw-resize}.sidepanel-popup-resize-handle-nw{top:0;left:0;width:14px;height:14px;cursor:nwse-resize}.sidepanel-popup-resize-handle-se{bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize}.sidepanel-popup-resize-handle-sw{bottom:0;left:0;width:14px;height:14px;cursor:nesw-resize}.sidepanel-popup-resize-handle:hover{background:var(--resize-hover-color, var(--border-strong));border-radius:3px}.minimized-panel-ghost{position:fixed;z-index:10000;pointer-events:none;opacity:.5!important;padding:0!important;margin:0!important;box-shadow:0 8px 30px var(--shadow-dark);background:var(--panel-background);border-radius:6px;overflow:hidden}.minimized-sidebar-container{width:100%;height:100%;display:flex;flex-direction:column;flex:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.minimized-sidebar-container.grabbing,.minimized-sidebar-container.grabbing *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:auto!important}.side-panel.position-top .minimized-sidebar-container,.side-panel.position-bottom .minimized-sidebar-container{flex-direction:row}.minimized-sidebar-remaining{flex:1;width:100%}.side-panel.position-top .minimized-sidebar-remaining,.side-panel.position-bottom .minimized-sidebar-remaining{height:100%;flex:1;width:auto}.minimized-sidebar-container>.minimized-sidebar-remaining{flex:0 0 0!important;width:0;height:0}.side-panel.minimized .side-panel-header{justify-content:center;padding:0 4px;height:32px;font-size:12px;gap:4px}.side-panel.minimized .side-panel-header-title{display:none}.side-panel.minimized .side-panel-header-icon{margin-right:0;margin-top:0;font-size:16px}.drag-in-progress{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.side-panel.position-top .tabs-icons.horizontal .tab-icon-wrapper.shift-left,.side-panel.position-bottom .tabs-icons.horizontal .tab-icon-wrapper.shift-left,.tabs-icons.horizontal .tab-icon-wrapper.shift-left{transform:translate(-45px)!important;opacity:.9!important}.side-panel.position-top .tabs-icons.horizontal .tab-icon-wrapper.shift-right,.side-panel.position-bottom .tabs-icons.horizontal .tab-icon-wrapper.shift-right,.tabs-icons.horizontal .tab-icon-wrapper.shift-right{transform:translate(45px)!important;opacity:.9!important}.side-panel.position-top .tabs-icons.horizontal .tab-icon-wrapper.floating-drag-shift,.side-panel.position-bottom .tabs-icons.horizontal .tab-icon-wrapper.floating-drag-shift,.tabs-icons.horizontal .tab-icon-wrapper.floating-drag-shift{z-index:2!important}.tab-icon-wrapper:hover{z-index:5!important}.tabs-icons.horizontal{z-index:10;position:relative}.side-panel.position-top .tabs-icons.horizontal .tab-icon-wrapper,.side-panel.position-bottom .tabs-icons.horizontal .tab-icon-wrapper{margin:0 4px!important;position:relative!important}.floating-panel{position:absolute;left:var(--floating-left);top:var(--floating-top);width:var(--floating-width);height:var(--floating-height);border-radius:4px;background:var(--panel-background);color:var(--foreground);box-shadow:0 4px 20px var(--shadow-light);display:flex;flex-direction:column;overflow:hidden;z-index:100;border:1px solid var(--border)}.floating-panel.dragging,.floating-panel.resizing,.floating-panel.docking-mode{box-shadow:0 8px 30px var(--shadow-dark);opacity:.95;z-index:101;cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:auto!important}.floating-panel.dragging,.floating-panel.dragging *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:auto!important}.tabs-icons.horizontal .tab-icon-wrapper{margin:0 6px}.floating-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--panel-header-padding);background:var(--highlight-color);color:var(--secondary-foreground);border-bottom:var(--panel-border-width) solid var(--panel-splitter-color);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:var(--panel-header-height);flex-shrink:0;box-sizing:border-box;font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight)}.floating-panel-header-content{display:flex;align-items:center;gap:var(--panel-row-gap);pointer-events:none}.floating-panel-header-content svg{width:var(--panel-header-icon-size);height:var(--panel-header-icon-size);flex-shrink:0;color:var(--primary)}.floating-panel-close-button,.floating-panel-dock-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;width:var(--sidepanel-header-btn-size);height:var(--sidepanel-header-btn-size);cursor:pointer;padding:2px;color:var(--muted-foreground)}.floating-panel-close-button:hover{background-color:var(--highlight-color);color:var(--foreground)}.floating-panel-dock-button:hover{background-color:var(--primary-light);color:var(--primary)}.floating-panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--panel-padding)}.floating-panel-header-controls{display:flex;align-items:center;gap:4px}.floating-panel-drag-handle{cursor:grab;padding:2px}.floating-panel-drag-handle:active{cursor:grabbing}@media screen and (max-width:768px){.floating-panel{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}}@media screen and (max-width:480px){.floating-panel{max-width:calc(100vw - 20px);max-height:calc(100vh - 60px)}}.floating-resize-handle{position:absolute;z-index:200}.floating-resize-handle-se{bottom:0;right:0;width:12px;height:12px;cursor:se-resize}.floating-resize-handle-sw{bottom:0;left:0;width:12px;height:12px;cursor:sw-resize}.floating-resize-handle-ne{top:0;right:0;width:12px;height:12px;cursor:ne-resize}.floating-resize-handle-nw{top:0;left:0;width:12px;height:12px;cursor:nw-resize}.floating-resize-handle-e{top:12px;right:0;bottom:12px;width:5px;cursor:ew-resize}.floating-resize-handle-w{top:12px;left:0;bottom:12px;width:5px;cursor:ew-resize}.floating-resize-handle-s{left:12px;bottom:0;right:12px;height:5px;cursor:ns-resize}.floating-resize-handle-n{left:12px;top:0;right:12px;height:5px;cursor:ns-resize}body.floating-panel-resizing *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.side-panel{width:var(--panel-width);height:var(--panel-height, 100%);background:var(--panel-background);box-sizing:border-box;color:var(--foreground)!important;z-index:auto;display:flex;flex-direction:column;position:relative}.side-panel.hidden{display:none}.side-panel [role=tab]{background:var(--muted);color:var(--muted-foreground)}.side-panel.collapsed .panel-tabs-list{display:none}.side-panel.collapsed .side-panel-header{justify-content:center}.panel-resize-handle{position:absolute;z-index:10;background:transparent}.panel-resize-handle-e{top:0;right:-4px;width:8px;height:100%;cursor:ew-resize}.panel-resize-handle-w{top:0;left:-4px;width:8px;height:100%;cursor:ew-resize}.panel-resize-handle-s{bottom:-4px;left:0;width:100%;height:8px;cursor:ns-resize}.panel-resize-handle-n{top:-4px;left:0;width:100%;height:8px;cursor:ns-resize}.panel-resize-handle:hover:after{content:"";position:absolute;background-color:var(--resize-hover-color, var(--border-strong));opacity:1;border-radius:2px}.panel-resize-handle-e:hover:after,.panel-resize-handle-w:hover:after{inset:0 2px}.panel-resize-handle-s:hover:after,.panel-resize-handle-n:hover:after{inset:2px 0}body.panel-resizing{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}body.panel-resizing .side-panel .panel-content{pointer-events:none!important}.side-panel.minimized{width:var(--panel-collapsed-width);height:var(--panel-collapsed-width)}.side-panel.minimized .side-panel-header{height:calc(var(--sidepanel-header-btn-size) + 12px);font-size:12px;gap:4px}.side-panel.position-left,.side-panel.position-right{height:100%;width:var(--panel-width, var(--panel-default-width))}.side-panel.position-left{border-right:1px solid var(--panel-border-color);border-left:none}.side-panel.position-right{border-left:1px solid var(--panel-border-color);border-right:none}.side-panel.position-top,.side-panel.position-bottom{width:100%;min-width:100%;max-width:100%;height:var(--panel-height, var(--panel-horizontal-height));min-height:var(--panel-min-height);max-height:50vh}.side-panel.position-top{border-bottom:1px solid var(--border);border-top:none}.side-panel.position-bottom{border-top:1px solid var(--border);border-bottom:none}.side-panel.position-top.minimized,.side-panel.position-bottom.minimized{height:var(--panel-collapsed-height, var(--panel-collapsed-width))!important;min-height:var(--panel-collapsed-height, var(--panel-collapsed-width))!important;max-height:var(--panel-collapsed-height, var(--panel-collapsed-width))!important;width:100%}.side-panel.dragging{position:fixed;z-index:10000;pointer-events:auto;box-shadow:0 4px 24px var(--shadow-medium);opacity:.98;cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}body.drag-in-progress,body.drag-in-progress *,body.dragging-tab,body.dragging-tab *,html.drag-in-progress,html.drag-in-progress *,html.dragging-tab,html.dragging-tab *,body.dragging-sidepanel-icon,body.dragging-sidepanel-icon *,html.dragging-sidepanel-icon,html.dragging-sidepanel-icon *,.side-panel.dragging,.side-panel.resizing,.minimized-sidebar-container.grabbing,.minimized-sidebar-container.grabbing *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:auto!important}.panel-tab.dragging{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:none!important;opacity:.5;box-shadow:0 0 4px var(--shadow-light)}body.drag-in-progress,body.drag-in-progress *,body.dragging-tab,body.dragging-tab *,html.drag-in-progress,html.drag-in-progress *,html.dragging-tab,html.dragging-tab *{cursor:grabbing!important}.panel-tab.dragging{cursor:grabbing!important;opacity:.5;box-shadow:0 0 4px var(--shadow-light)}.floating-drag-ghost,.tab-drag-ghost{position:fixed;pointer-events:none;z-index:99999}.tab-drag-ghost{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--panel-background);color:var(--foreground);font-size:12px;box-shadow:0 4px 24px var(--shadow-medium);white-space:nowrap}.minimized-panel-ghost{position:fixed;z-index:10000;pointer-events:none;box-shadow:0 4px 24px var(--shadow-medium);opacity:.98;background:var(--panel-background);display:flex;flex-direction:column}.side-panel-drag-ghost-html{pointer-events:none!important;z-index:10001!important;opacity:.98;position:fixed;box-shadow:0 4px 24px var(--shadow-medium)}.side-panel.ssr-placeholder{display:flex;flex-direction:column}.side-panel.ssr-placeholder.collapsed{width:var(--panel-collapsed-width)}.panel-content{flex-grow:1;overflow:hidden!important}.panel-groups{display:flex;flex-direction:column;height:100%;overflow:hidden!important;position:relative}.panel-groups .panel-group,.panel-groups .group-drop-zone,.panel-groups .group-resize-handle{flex-shrink:0;min-width:0}.panel-groups.horizontal{flex-direction:row!important;overflow-x:auto;overflow-y:hidden;width:100%;min-height:0;max-width:100vw;height:100%}.panel-group{display:flex;flex-direction:column;position:relative;flex-shrink:0;min-height:var(--panel-min-height, 90px)}.panel-group.horizontal{display:flex;flex-direction:column;overflow:hidden;min-width:120px;max-width:100vw;height:100%;min-height:0}.panel-group.minimized{height:var(--panel-group-header-height)!important;min-height:0!important;overflow:hidden}.panel-group.minimized .panel-tab-content{display:none}.panel-group-tabs{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.panel-tab{display:flex;align-items:center;gap:var(--panel-row-gap);height:var(--panel-tab-height);padding:var(--panel-header-padding);box-sizing:border-box;border-radius:0!important;border-bottom:2px solid transparent;flex:1 1 0;justify-content:center;min-width:25px;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;position:relative;flex-shrink:0;container:panel-tab / inline-size;font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight)}.panel-tab svg{width:var(--panel-header-icon-size);height:var(--panel-header-icon-size);flex-shrink:0}.panel-tab[data-state=active]{border-bottom:none;background-color:transparent}.panel-tab:hover:not(.dragging){background-color:var(--highlight-color)}.panel-tab.drop-target-left{border-left:2px solid var(--primary)}.panel-tab.drop-target-right{border-right:2px solid var(--primary)}.panel-tabs-list{display:flex;width:100%;background-color:transparent;padding:0;flex-wrap:nowrap;flex-shrink:0;height:var(--panel-tab-height);border-radius:0!important}.panel-tabs-list.scrollable-tabs{overflow-x:hidden;white-space:nowrap;display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;justify-content:flex-start;position:relative;-ms-overflow-style:none;scrollbar-width:none}.panel-tabs-list.hide-labels .panel-tab .tab-label,.panel-tabs-list.hide-labels .panel-tab .tab-close{display:none!important}@container panel-tab (width < 50px){.panel-tab .tab-label,.panel-tab .tab-close{display:none!important}}.tab-label{margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline;font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight)}.tab-close{opacity:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);cursor:pointer;border-radius:4px}.panel-tab:hover .tab-close{opacity:1}.panel-tab:focus-within .tab-close{opacity:1}.focus-ring:focus-visible{outline:2px solid var(--border-focus, var(--accent));outline-offset:1px}.tab-close:hover{color:var(--muted-foreground)}.panel-tab-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden!important;padding:var(--panel-padding);position:relative;z-index:5}.panel-resize-handle{position:absolute;background:transparent;padding:0;z-index:10;display:flex;align-items:center;justify-content:center}.panel-resize-handle-left{height:100%;width:8px;top:0;left:0;cursor:col-resize}.panel-resize-handle-right{height:100%;width:8px;top:0;right:0;cursor:col-resize}.panel-resize-handle-top{width:100%;height:8px;top:0;left:0;cursor:row-resize}.panel-resize-handle-bottom{width:100%;height:8px;bottom:0;left:0;cursor:row-resize}.panel-resize-handle-left .resize-handle-bar,.panel-resize-handle-right .resize-handle-bar{width:4px;height:30px}.panel-resize-handle-top .resize-handle-bar,.panel-resize-handle-bottom .resize-handle-bar{width:30px;height:4px}.group-resize-handle{position:relative;left:0;right:0;width:100%;height:6px;margin-top:-3px;margin-bottom:-3px;cursor:row-resize!important;z-index:30;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}body.drag-in-progress .group-resize-handle,body.dragging-tab .group-resize-handle{pointer-events:none!important}.group-resize-bar{width:100%;height:3px;background-color:var(--border);border-radius:2px;opacity:.7;margin:0}.group-resize-handle:hover .group-resize-bar{opacity:1;background-color:var(--resize-hover-color, var(--border-strong))}.horizontal-group-resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:50;display:flex;align-items:center;justify-content:center;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.horizontal-group-resize-bar{width:4px;height:100%;background-color:var(--border);border-radius:2px;opacity:.7}.horizontal-group-resize-handle:hover .horizontal-group-resize-bar{opacity:1;background-color:var(--resize-hover-color, var(--border-strong))}.group-drop-zone{width:100%;height:8px;background-color:transparent;position:relative;z-index:35;flex-shrink:0}.group-drop-zone.active{background-color:var(--primary);opacity:.5}.group-drop-zone:not(.active):hover{background-color:var(--border);opacity:.5}.group-drop-zone.before{margin-bottom:0}.group-drop-zone.after{margin-top:0}.panel-groups>.group-drop-zone.trailing{position:absolute;bottom:0;left:0;pointer-events:none}body.drag-in-progress .panel-groups>.group-drop-zone.trailing,body.dragging-tab .panel-groups>.group-drop-zone.trailing{pointer-events:auto}.panel-group-dropzone-wrapper{position:absolute;left:0;right:0;bottom:0;z-index:30}.horizontal-group-dropzone-wrapper{position:relative;top:0;right:0;width:4px;height:100%;z-index:31;display:flex;align-items:stretch;pointer-events:auto}.panel-groups.horizontal .group-drop-zone.after{width:100%;height:100%;min-width:8px;min-height:0;background:transparent;border-radius:0;margin:0}.panel-groups.horizontal .group-drop-zone.after.active{background:var(--primary);opacity:.18}.panel-groups.horizontal .panel-group:not(:first-child){border-left:0px solid var(--border);border-right:0px solid var(--border)}.side-panel-header{display:flex;align-items:center;justify-content:space-between;height:var(--panel-header-height);padding:var(--panel-header-padding);background:var(--panel-background);border-bottom:0px solid var(--border);font-weight:var(--panel-header-font-weight);font-size:var(--panel-header-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;gap:var(--panel-row-gap);cursor:grab}.side-panel-header:active{cursor:grabbing}.side-panel-header-icon{display:flex;align-items:center;margin-right:6px;color:var(--foreground);font-size:var(--panel-header-icon-size)}.side-panel-header-title{flex:1;text-align:left;font-size:var(--panel-header-font-size);font-weight:var(--panel-header-font-weight);color:var(--foreground)}.side-panel-header-btn{background:var(--sidepanel-header-btn-bg)!important;border:none!important;outline:none!important;padding:2px;border-radius:4px;cursor:pointer;color:var(--sidepanel-header-btn-color)!important;display:flex;align-items:center;justify-content:center;font-size:var(--sidepanel-header-btn-size)!important;width:var(--sidepanel-header-btn-size)!important;height:var(--sidepanel-header-btn-size)!important;box-shadow:none}.side-panel-header-btn:hover{background:var(--sidepanel-header-btn-hover-bg)!important;color:var(--sidepanel-header-btn-hover-color)!important}.side-panel-header-btn,.side-panel-header-btn:active{background:var(--sidepanel-header-btn-bg)!important;border:none!important;box-shadow:none!important}.side-panel-header-btn:focus{outline:none}.side-panel-header-btn:focus-visible{outline:2px solid var(--border-focus, var(--accent))!important;outline-offset:1px}.side-panel-header-actions{display:flex;align-items:center;gap:var(--panel-gap)}.side-panel.collapsed .side-panel-header-actions{margin-left:0;margin-right:0}.side-panel.position-top .side-panel-header.horizontal-header,.side-panel.position-bottom .side-panel-header.horizontal-header{position:absolute;inset:0 0 0 auto;width:44px;min-width:44px;height:100%;background:var(--panel-background);border-left:1px solid var(--border);border-right:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:30;padding:0;box-sizing:border-box;pointer-events:auto}.side-panel-header-buttons-vertical{display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-start;height:auto;padding-top:0;width:100%;position:relative;z-index:2}.side-panel.position-top .side-panel-header.horizontal-header .side-panel-header-btn,.side-panel.position-bottom .side-panel-header.horizontal-header .side-panel-header-btn{position:relative;z-index:3}.side-panel.position-top .side-panel-header.horizontal-header .side-panel-header-icon,.side-panel.position-bottom .side-panel-header.horizontal-header .side-panel-header-icon,.side-panel.position-top .side-panel-header.horizontal-header .side-panel-header-title,.side-panel.position-bottom .side-panel-header.horizontal-header .side-panel-header-title{display:none!important}.side-panel.position-top .panel-content,.side-panel.position-bottom .panel-content{margin-left:0;margin-right:44px;height:100%;padding-left:0;padding-right:0;position:relative;z-index:1}.side-panel-snap-overlay{position:fixed;z-index:9999;pointer-events:none;background:var(--snap-overlay)}.side-panel-snap-overlay-left,.side-panel-snap-overlay-right{width:80px}.side-panel-snap-overlay-top,.side-panel-snap-overlay-bottom{width:100vw;height:80px}.side-panel-snap-overlay-left{left:0;top:var(--total-header-height);width:80px;height:calc(100vh - var(--total-header-height))}.side-panel-snap-overlay-right{right:0;top:var(--total-header-height);width:80px;height:calc(100vh - var(--total-header-height))}.side-panel-snap-overlay-top{left:0;top:var(--total-header-height);width:100vw;height:80px}.side-panel-snap-overlay-bottom{left:0;bottom:0;width:100vw;height:80px}.dock-insert-overlay{position:fixed;z-index:9999;pointer-events:none;background:var(--snap-overlay);border:1px solid var(--highlight-color);box-sizing:border-box}.context-menu-list{margin:0;padding:0;list-style:none}.context-menu-item{padding:8px 16px}@media screen and (max-width:768px){.side-panel:not(.collapsed){width:240px}}@media screen and (max-width:480px){.side-panel{display:none}}.side-panel.position-left .react-resizable-handle-e{right:-5px;background-color:transparent}.side-panel.position-right .react-resizable-handle-w{left:-5px;background-color:transparent}.side-panel.position-top .react-resizable-handle-s{bottom:-5px;background-color:transparent}.side-panel.position-bottom .react-resizable-handle-n{top:-5px;background-color:transparent}.resize-handle-bar{background-color:var(--border);border-radius:2px;opacity:0}.panel-resize-handle:hover .resize-handle-bar,.resizing .panel-resize-handle .resize-handle-bar,.side-panel:hover .resize-handle-bar{opacity:1;background-color:var(--resize-hover-color, var(--border-strong))}.toolbar{width:var(--toolbar-width);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;position:relative;background:var(--panel-background);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:0;box-sizing:border-box;padding-top:.5rem;padding-bottom:.25rem;gap:var(--toolbar-gap)}.toolbar[data-toolbar-position=left]{border-right:1px solid var(--panel-border-color)}.toolbar[data-toolbar-position=right]{border-left:1px solid var(--panel-border-color)}.toolbar[data-toolbar-position=top]{border-bottom:1px solid var(--border)}.toolbar[data-toolbar-position=bottom]{border-top:1px solid var(--border)}.toolbar>div{display:flex;flex-direction:column;align-items:center;gap:var(--toolbar-gap);flex-shrink:0;height:auto;max-height:none}.toolbar-bottom-group{position:sticky;bottom:0;z-index:10;background:var(--panel-background);padding-top:calc(var(--toolbar-gap) / 2);margin-top:5px}.toolbar::-webkit-scrollbar,.toolbar *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.toolbar .icon-container{position:relative;width:var(--toolbar-item-size);height:var(--toolbar-item-size);display:flex;align-items:center;justify-content:center;border-radius:var(--toolbar-radius);cursor:pointer;box-sizing:border-box;color:var(--foreground);flex-shrink:0;-webkit-tap-highlight-color:transparent}.toolbar .icon-container:active{background-color:var(--highlight-color);transform:scale(.94)}.toolbar .icon-container:hover,.toolbar .icon-container.is-selected{background-color:var(--highlight-color)}.toolbar .icon-container.has-submenu:after{content:"";position:absolute;bottom:4px;right:4px;width:5px;height:5px;border-right:1.5px solid var(--dimmed-foreground);border-bottom:1.5px solid var(--dimmed-foreground);transform:rotate(45deg);border-radius:.5px;pointer-events:none}.toolbar .toolbar-item-drag-source{opacity:0;pointer-events:none}body.toolbar-item-dragging .toolbar .icon-container:hover{background-color:transparent}body.toolbar-item-dragging,body.toolbar-item-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.toolbar-customize-menu{position:fixed;z-index:50;display:flex;flex-direction:column;box-sizing:border-box;height:auto!important;width:-moz-max-content;width:max-content;min-width:220px;max-width:calc(100vw - 16px);max-height:var(--menu-max-height, min( calc(100dvh - 2rem) , 40rem));overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);border-radius:6px;background:var(--popover);color:var(--popover-foreground);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;scrollbar-width:thin;scrollbar-color:var(--menu-border, var(--border)) transparent;line-height:1;padding:5px 0;overscroll-behavior:contain}.toolbar-customize-menu>button,.toolbar-customize-menu>div>button{display:flex!important;align-items:center!important;width:100%!important;white-space:nowrap!important;text-align:left;cursor:pointer;background:transparent;border:none;color:inherit;font:inherit;height:28px!important;padding:0 12px!important;margin:1px 0!important;line-height:28px!important;font-size:12px!important;gap:8px!important}.toolbar-customize-menu>button:hover{background:var(--highlight-color)}.toolbar-customize-menu>button>span,.toolbar-customize-menu>div>button>span{flex:1 1 auto}.toolbar-customize-menu>div[aria-hidden=true]{padding:6px 12px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.025em;color:var(--dimmed-foreground);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar-customize-menu>div:empty{height:0;margin:4px 8px;border-top:1px solid var(--border)}.toolbar-customize-menu>div[aria-disabled=true]{opacity:.4;pointer-events:none}.toolbar-customize-menu>button svg,.toolbar-customize-menu>div>button svg{width:14px!important;height:14px!important;flex-shrink:0}.toolbar-customize-menu [role=menuitemcheckbox] span:last-child,.toolbar-customize-menu [role=menuitemradio] span:last-child{margin-left:auto}.toolbar-customize-menu::-webkit-scrollbar{width:8px}.toolbar-customize-menu::-webkit-scrollbar-track{background:transparent}.toolbar-customize-menu::-webkit-scrollbar-thumb{background:var(--menu-border, var(--border));border-radius:4px}.tool-menu{position:fixed;background-color:var(--popover);border:1px solid var(--border);box-shadow:0 8px 24px #00000047,0 2px 6px #0000002e;width:-moz-max-content;width:max-content;min-width:160px;border-radius:10px;z-index:110;padding:.25rem;color:var(--popover-foreground)}.tool-menu>div{padding:.4375rem .625rem;font-size:.8125rem;line-height:1.2;border-radius:6px;display:flex;align-items:center;cursor:pointer;gap:.625rem;white-space:nowrap}.tool-menu>div:hover{background-color:var(--highlight-color)}.toolbar-icon,.tool-menu-icon{width:18px!important;height:18px!important;color:var(--popover-foreground)!important;flex-shrink:0;display:inline-block;vertical-align:middle}.toolbar:not([data-toolbar-position=locked]){cursor:grab}.toolbar .icon-container,.toolbar .toolbar-bottom-group button,.toolbar .toolbar-bottom-group label,.toolbar .toolbar-bottom-group input{cursor:pointer}body.toolbar-rail-dragging,body.toolbar-rail-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.toolbar-snap-overlay.side-panel-snap-overlay-left,.toolbar-snap-overlay.side-panel-snap-overlay-right{top:var(--total-header-height);width:calc(var(--toolbar-item-size) + 20px);height:calc(100vh - var(--total-header-height))}.toolbar-snap-overlay.side-panel-snap-overlay-top{top:var(--total-header-height);width:100vw;height:calc(var(--toolbar-item-size) + 20px)}.toolbar-snap-overlay.side-panel-snap-overlay-bottom{bottom:0;width:100vw;height:calc(var(--toolbar-item-size) + 20px)}@media screen and (max-width:768px){.toolbar{--toolbar-width: calc(var(--toolbar-item-size) + 20px)}}.toolbar[data-toolbar-position=top],.toolbar[data-toolbar-position=bottom]{width:100%;height:calc(var(--toolbar-item-size) + 14px);flex-direction:row;overflow-y:hidden;overflow-x:auto;padding-top:.25rem;padding-bottom:.25rem}.toolbar[data-toolbar-position=right],.toolbar[data-toolbar-position=left]{flex-shrink:0}.toolbar[data-toolbar-position=top]>div,.toolbar[data-toolbar-position=bottom]>div{flex-direction:row}.toolbar[data-toolbar-position=top] .toolbar-bottom-group,.toolbar[data-toolbar-position=bottom] .toolbar-bottom-group{position:sticky;margin-top:0;padding-top:0}.toolbar[data-toolbar-position=top] .toolbar-bottom-group{right:0;margin-left:5px}.toolbar[data-toolbar-position=bottom] .toolbar-bottom-group{left:0;margin-right:5px}.toolbar.icon-alignment-start{justify-content:flex-start}.toolbar.icon-alignment-center{justify-content:center}.toolbar.icon-alignment-end{justify-content:flex-end}.toolbar[data-toolbar-position=top] .icon-container.has-submenu:after,.toolbar[data-toolbar-position=bottom] .icon-container.has-submenu:after{inset:4px auto auto 4px;transform:rotate(225deg)}@media screen and (max-width:480px){.toolbar{--toolbar-item-size: 32px;--toolbar-width: calc(var(--toolbar-item-size) + 16px);padding-top:.5rem;padding-bottom:.5rem}.toolbar .icon-container.has-submenu:after{display:none}}.toolbar-swatch{position:absolute;width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px var(--shadow-light)}.toolbar-swatch:hover{border-color:var(--foreground)}.toolbar .focus-ring:focus-visible,.tool-menu .focus-ring:focus-visible{outline:2px solid var(--border-focus, var(--accent));outline-offset:1px}.toolbar-swatch:active{transform:scale(.95)}.toolbar-swatch--fg{top:0;left:0;z-index:10}.toolbar-swatch--bg{bottom:0;right:0;z-index:0}.hg-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-main, #09090b);color:var(--text-secondary, #a1a1aa);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px}.hg-boot-ring{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-subtle, #2e2e33);border-top-color:var(--color-primary, #0a84ff);animation:hg-spin .8s linear infinite}@keyframes hg-spin{to{transform:rotate(360deg)}}.hg-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-main, #09090b);color:var(--text-primary, #f4f4f5);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hg-card{width:100%;max-width:360px;padding:28px 24px;border-radius:12px;border:1px solid var(--border-subtle, #2e2e33);background:var(--bg-panel, #18181b);box-shadow:var(--shadow-apple, 0 18px 50px rgba(0, 0, 0, .55))}.hg-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.hg-badge{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--color-primary, #0a84ff);color:#fff;font-size:24px;font-weight:700}.hg-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary, #f4f4f5)}.hg-subtitle{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary, #a1a1aa)}.hg-form{display:flex;flex-direction:column;gap:12px}.hg-submit{width:100%;padding:10px;border:none;border-radius:8px;font-size:13.5px;font-weight:600;color:#fff;background:var(--color-primary, #0a84ff);cursor:pointer;transition:opacity .15s ease}.hg-submit:disabled{opacity:.4;cursor:default}@media(prefers-color-scheme:light){.hg-boot{background:var(--bg-main, #f5f5f7);color:var(--text-secondary, #6e6e73)}.hg-boot-ring{border-color:var(--border-subtle, #e2e2e7)}.hg-screen{background:var(--bg-main, #f5f5f7);color:var(--text-primary, #1d1d1f)}.hg-card{border-color:var(--border-subtle, #e2e2e7);background:var(--bg-panel, #ffffff);box-shadow:var(--shadow-apple, 0 18px 50px rgba(0, 0, 0, .12))}.hg-title{color:var(--text-primary, #1d1d1f)}.hg-subtitle{color:var(--text-secondary, #6e6e73)}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.z-0{z-index:0}.z-2{z-index:2}.z-35{z-index:35}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.w-\[300px\]{width:300px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-\[280px\]{max-width:280px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--popover\)\]{background-color:var(--popover)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-\[3px\]{padding-block:3px}.pt-1{padding-top:var(--spacing)}.pb-\[2px\]{padding-bottom:2px}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--dimmed-foreground\)\]{color:var(--dimmed-foreground)}.text-\[var\(--popover-foreground\)\]{color:var(--popover-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-\[var\(--highlight-color\)\]:hover{background-color:var(--highlight-color)}}@media(min-width:48rem){.md\:flex-row{flex-direction:row}}}.tut-app{background:var(--background);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-system);flex-direction:column;display:flex;overflow:hidden}.tut-app :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tut-tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-app,var(--background));flex-flow:row;gap:4px;min-height:44px;padding:8px 12px;display:flex;overflow-x:auto}.tut-tabs>button{white-space:nowrap;min-width:-moz-max-content;min-width:max-content;min-height:32px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.tut-tabs>button[data-view]{color:var(--accent);background:var(--accent-soft)}.tut-tabs-compose,.tut-tabs-sort{align-items:center;gap:6px;display:inline-flex}.tut-tabs-sort[data-active="1"]{color:var(--accent);background:var(--accent-soft)}.tut-tabs-viewmode{border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));align-items:center;gap:2px;padding:2px;display:inline-flex}.tut-tabs-viewmode-btn{color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.tut-tabs-viewmode-btn[data-active="1"]{color:var(--accent);background:var(--accent-soft)}.tut-workspace{flex-direction:row;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.tut-column{flex-direction:column;flex:1;min-width:0;padding:8px 12px;display:flex;overflow-y:auto}.tut-search{flex-direction:row;align-items:center;gap:8px;min-height:40px;margin-bottom:10px;display:flex}.tut-search-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));min-width:120px;min-height:40px;color:var(--text-primary);font-family:var(--font-system);flex:1;padding:8px 12px;font-size:14px}.tut-search-clear{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:3px 8px;font-size:11.5px}.tut-search-labels{flex-flow:row;gap:6px;margin-top:6px;display:flex;overflow-x:auto}.tut-label-filter,.tut-label-chip{white-space:nowrap;border-radius:var(--radius-sm);background:var(--bg-hover,var(--panel-background));min-width:-moz-max-content;min-width:max-content;color:var(--text-secondary);flex-shrink:0;padding:2px 8px;font-size:11.5px}.tut-label-filter[data-active="1"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tut-pin-rail{border-radius:var(--radius);background:var(--bg-inset,var(--panel-background));border:1px solid var(--border-subtle);flex-flow:row;align-items:center;gap:8px;min-height:44px;padding:6px 8px;display:flex;overflow-x:auto}.tut-pin-chip{white-space:nowrap;min-width:-moz-max-content;min-width:max-content;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;min-height:32px;padding:6px 10px;font-size:13px;font-weight:600}.tut-card-slot{min-height:0;margin-bottom:10px}.tut-card-slot[draggable=true]{cursor:grab}.tut-card-slot[data-dragging="1"]{cursor:grabbing}.tut-card-slot[data-dragging="1"] .tut-card{opacity:.55}.tut-card{border-radius:var(--radius);--tut-chip:transparent;--tut-tint:var(--panel-background);background:var(--tut-tint);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);padding:12px 14px;position:relative}.tut-card[data-color=amber],.tut-modal[data-color=amber]{--tut-chip:var(--brand-tut);--tut-tint:var(--brand-tut)}@supports (color:color-mix(in lab,red,red)){.tut-card[data-color=amber],.tut-modal[data-color=amber]{--tut-tint:color-mix(in srgb, var(--brand-tut) 12%, var(--panel-background))}}.tut-card[data-color=blue],.tut-modal[data-color=blue]{--tut-chip:var(--brand-hat);--tut-tint:var(--brand-hat)}@supports (color:color-mix(in lab,red,red)){.tut-card[data-color=blue],.tut-modal[data-color=blue]{--tut-tint:color-mix(in srgb, var(--brand-hat) 12%, var(--panel-background))}}.tut-card[data-color=green],.tut-modal[data-color=green]{--tut-chip:var(--brand-kim);--tut-tint:var(--brand-kim)}@supports (color:color-mix(in lab,red,red)){.tut-card[data-color=green],.tut-modal[data-color=green]{--tut-tint:color-mix(in srgb, var(--brand-kim) 12%, var(--panel-background))}}.tut-card[data-color=orange],.tut-modal[data-color=orange]{--tut-chip:var(--brand-oku);--tut-tint:var(--brand-oku)}@supports (color:color-mix(in lab,red,red)){.tut-card[data-color=orange],.tut-modal[data-color=orange]{--tut-tint:color-mix(in srgb, var(--brand-oku) 12%, var(--panel-background))}}.tut-card[data-color=violet],.tut-modal[data-color=violet]{--tut-chip:var(--brand-bil);--tut-tint:var(--brand-bil)}@supports (color:color-mix(in lab,red,red)){.tut-card[data-color=violet],.tut-modal[data-color=violet]{--tut-tint:color-mix(in srgb, var(--brand-bil) 12%, var(--panel-background))}}.tut-card:before{content:"";background:0 0;border-radius:2px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.tut-card[data-card-style=line]{background:var(--panel-background)}.tut-card[data-card-style=line]:before{background:var(--tut-chip)}.tut-card-head{flex-direction:row;align-items:center;gap:6px;margin-bottom:6px;display:flex}.tut-card-title{letter-spacing:-.2px;color:var(--text-primary);font-size:15px;font-weight:600}.tut-card-body{flex-direction:column;gap:5px;display:flex}.tut-row{border-radius:var(--radius-sm);flex-direction:row;align-items:flex-start;gap:6px;display:flex}.tut-row[draggable=true]{cursor:grab}.tut-row-grip{color:var(--text-tertiary,var(--muted));cursor:grab;flex-shrink:0;margin-top:4px}.tut-row>.tut-line,.tut-row>.tut-checkrow,.tut-row>.tut-heading,.tut-row>.tut-bullet,.tut-row>.tut-numbered{flex:1;min-width:0}.tut-line{color:var(--text-primary);font-size:14px;line-height:1.5;display:block}.tut-checkrow{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;min-height:28px;font-size:14px;display:flex}.tut-checkrow[data-done="1"]>svg{opacity:.45}.tut-heading{font-weight:700;line-height:1.3;display:block}.tut-heading[data-level="1"]{margin-top:4px;font-size:17px}.tut-heading[data-level="2"]{margin-top:4px;font-size:15.5px}.tut-heading[data-level="3"]{font-size:14px}.tut-bullet,.tut-numbered{flex-direction:row;align-items:baseline;gap:7px;font-size:14px;line-height:1.5;display:flex}.tut-bullet-marker,.tut-number-marker{opacity:.75;flex-shrink:0}.tut-number-marker{text-align:right;min-width:16px}.tut-label-rail,.tut-link-rail{flex-flow:row;gap:6px;margin-top:8px;display:flex;overflow:visible}.tut-ref-chip,.tut-task-chip{white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-hover,var(--panel-background));min-width:-moz-max-content;min-width:max-content;color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:2px 8px;font-size:11.5px}.tut-task-chip{border-color:var(--brand-hat);color:var(--brand-hat)}.tut-card-actions{flex-flow:row;align-items:center;gap:8px;margin-top:10px;display:flex;overflow:visible}.tut-action-pin,.tut-action-archive,.tut-action-delete,.tut-action-save,.tut-action-paste,.tut-action-copy,.tut-action-close,.tut-action-create-task,.tut-action-addlabel{white-space:nowrap;min-width:0;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:1;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12.5px;display:inline-flex}.tut-card-actions>button>svg,.tut-color-trigger>svg{flex-shrink:0}.tut-action-delete{color:var(--color-destructive,var(--danger))}.tut-color-menu{flex-direction:column;justify-content:center;gap:4px;display:flex;position:relative}.tut-color-trigger{white-space:nowrap;min-width:0;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:1;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12.5px;display:inline-flex}.tut-color-list{z-index:30;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--popover,var(--panel-background));width:-moz-max-content;width:max-content;box-shadow:var(--shadow-popover);flex-direction:column;margin-bottom:6px;padding:8px;display:flex;position:absolute;bottom:100%;right:0}.tut-color-swatch{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex}.tut-color-swatch:before{content:"";background:var(--bg-hover,var(--panel-background));border:1px solid var(--border);border-radius:3px;width:10px;height:10px}.tut-color-swatch[data-color=amber]:before{background:var(--brand-tut)}.tut-color-swatch[data-color=blue]:before{background:var(--brand-hat)}.tut-color-swatch[data-color=green]:before{background:var(--brand-kim)}.tut-color-swatch[data-color=orange]:before{background:var(--brand-oku)}.tut-color-swatch[data-color=violet]:before{background:var(--brand-bil)}.tut-title-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));width:100%;color:var(--text-primary);font-family:var(--font-system);margin-top:6px;padding:4px 8px;font-size:13px}.tut-label-add{flex-direction:row;align-items:center;gap:8px;margin-top:6px;display:flex}.tut-label-add-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));min-width:90px;color:var(--text-primary);font-family:var(--font-system);flex:1;padding:3px 8px;font-size:12px}.tut-image{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);cursor:grab;width:100%;height:100%;display:block}.tut-editor-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));width:100%;min-height:96px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;margin-top:8px;padding:8px;font-size:12.5px}.tut-archive{flex-direction:column;min-height:40px;display:flex}.tut-archive-head{color:var(--text-secondary);flex-direction:row;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.tut-archive-list{flex-direction:column;gap:4px;display:flex}.tut-archive-row{border-radius:var(--radius-sm);flex-direction:row;align-items:center;gap:10px;width:100%;padding:4px 8px;display:flex}.tut-archive-name{white-space:nowrap;max-width:60%;color:var(--text-primary);flex-shrink:0;font-size:12.5px;font-weight:600;overflow-x:auto}.tut-archive-preview{min-width:0;color:var(--text-secondary);white-space:nowrap;flex:1;font-size:11.5px;overflow-x:auto}.tut-archive-restore{color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:3px 8px;font-size:11.5px}.tut-load-error{border-radius:var(--radius);background:var(--bg-inset,var(--panel-background));color:var(--color-destructive,var(--danger));flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 12px;font-size:12.5px;display:flex}.tut-load-error>button{color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:12px}.tut-skeleton{flex-direction:column;gap:10px;min-height:72px;margin-bottom:10px;display:flex}.tut-skeleton-row{border-radius:var(--radius);background:var(--bg-hover,var(--panel-background));opacity:.5;width:100%;min-height:30px;display:block}.tut-panel-labels,.tut-panel-linked{flex-direction:column;gap:4px;display:flex}.tut-label-row,.tut-linked-row{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:12px}.tut-label-count{color:var(--text-tertiary,var(--muted));margin-left:auto;font-size:11px}.tut-panel-empty{color:var(--text-tertiary,var(--muted));font-size:12px}.tut-panel-icon{color:var(--text-secondary)}.tut-inspector-dock{flex-direction:column;align-items:flex-end;min-width:12rem;max-width:40%;min-height:0;display:flex}.tut-inspector-dock>.side-panel{max-width:100%}.tut-kanban{flex-direction:column;gap:16px;display:flex}.tut-kanban-groups{flex-flow:row;align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.tut-kanban-col{border-radius:var(--radius);background:var(--bg-inset,var(--panel-background));border:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:10px;width:300px;padding:10px;display:flex}.tut-kanban-col-head{color:var(--text-secondary);flex-direction:row;align-items:center;gap:6px;padding:2px 4px;font-size:12.5px;font-weight:600;display:flex}.tut-kanban-col-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tut-kanban-count{color:var(--text-tertiary);background:var(--bg-hover,var(--panel-background));border-radius:var(--radius-sm);flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:11.5px;font-weight:600}.tut-kanban-col-body{flex-direction:column;gap:8px;min-height:24px;display:flex}.tut-kanban-col-body .tut-card-slot{margin-bottom:0}.tut-kanban-ungrouped{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:14px;display:grid}.tut-kanban-ungrouped .tut-card-slot{margin-bottom:0}.tut-kanban .tut-card{min-height:128px}.tut-kanban-empty{color:var(--text-tertiary);text-align:center;margin:0;padding:12px 8px;font-size:12px}@media(max-width:767.98px){.tut-workspace{flex-direction:column}.tut-inspector-dock{width:100%;max-width:none}}.tut-masonry{-moz-column-width:260px;column-width:260px;-moz-column-gap:14px;column-gap:14px}.tut-masonry>.tut-card-slot{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:14px}.tut-masonry-empty{color:var(--text-tertiary);text-align:center;margin:0;padding:12px 8px;font-size:12px}.tut-card{--tut-text:var(--text-primary)}.tut-card-title,.tut-line,.tut-checkrow,.tut-heading,.tut-bullet,.tut-numbered,.tut-done-divider{color:var(--tut-text)}.tut-card[data-color=red],.tut-modal[data-color=red]{--tut-chip:#d9584f;--tut-tint:#f6c9c5;--tut-text:#31201d}.tut-card[data-color=coral],.tut-modal[data-color=coral]{--tut-chip:#e2874a;--tut-tint:#ffd6ba;--tut-text:#3a2615}.tut-card[data-color=lemon],.tut-modal[data-color=lemon]{--tut-chip:#d9b83f;--tut-tint:#fef7b2;--tut-text:#342f14}.tut-card[data-color=lime],.tut-modal[data-color=lime]{--tut-chip:#74a86a;--tut-tint:#ddf0c0;--tut-text:#22351d}.tut-card[data-color=teal],.tut-modal[data-color=teal]{--tut-chip:#4f9a8d;--tut-tint:#c5e9df;--tut-text:#173630}.tut-card[data-color=ice],.tut-modal[data-color=ice]{--tut-chip:#5b9ac2;--tut-tint:#cdebf6;--tut-text:#163448}.tut-card[data-color=grape],.tut-modal[data-color=grape]{--tut-chip:#8a76b5;--tut-tint:#e0d7f5;--tut-text:#291f3c}.tut-card[data-color=rose],.tut-modal[data-color=rose]{--tut-chip:#cf7d9c;--tut-tint:#f8d3e3;--tut-text:#3b1c2c}.tut-card[data-color=clay],.tut-modal[data-color=clay]{--tut-chip:#a88256;--tut-tint:#ead3bd;--tut-text:#332417}.tut-card[data-color=stone],.tut-modal[data-color=stone]{--tut-chip:#8b8b89;--tut-tint:#e4e4e2;--tut-text:#26242b}html[data-theme=dark] .tut-card[data-color=red],html[data-theme=dark] .tut-modal[data-color=red]{--tut-chip:#ef8a80;--tut-tint:#4a302e;--tut-text:#f2d7d3}html[data-theme=dark] .tut-card[data-color=coral],html[data-theme=dark] .tut-modal[data-color=coral]{--tut-chip:#f0a869;--tut-tint:#4d3d2e;--tut-text:#f5e4cf}html[data-theme=dark] .tut-card[data-color=lemon],html[data-theme=dark] .tut-modal[data-color=lemon]{--tut-chip:#ecd064;--tut-tint:#4e4a2c;--tut-text:#f7f0bd}html[data-theme=dark] .tut-card[data-color=lime],html[data-theme=dark] .tut-modal[data-color=lime]{--tut-chip:#96cc8b;--tut-tint:#38492f;--tut-text:#dff0cd}html[data-theme=dark] .tut-card[data-color=teal],html[data-theme=dark] .tut-modal[data-color=teal]{--tut-chip:#74c4b5;--tut-tint:#2b443f;--tut-text:#d3eee6}html[data-theme=dark] .tut-card[data-color=ice],html[data-theme=dark] .tut-modal[data-color=ice]{--tut-chip:#82bce0;--tut-tint:#2b414e;--tut-text:#d6ecf7}html[data-theme=dark] .tut-card[data-color=grape],html[data-theme=dark] .tut-modal[data-color=grape]{--tut-chip:#ac9ad3;--tut-tint:#3e3752;--tut-text:#e4daf4}html[data-theme=dark] .tut-card[data-color=rose],html[data-theme=dark] .tut-modal[data-color=rose]{--tut-chip:#e2a0bd;--tut-tint:#4a3341;--tut-text:#f4d8e5}html[data-theme=dark] .tut-card[data-color=clay],html[data-theme=dark] .tut-modal[data-color=clay]{--tut-chip:#c9a67c;--tut-tint:#453a2c;--tut-text:#eddbbf}html[data-theme=dark] .tut-card[data-color=stone],html[data-theme=dark] .tut-modal[data-color=stone]{--tut-chip:#a3a3a1;--tut-tint:#40403f;--tut-text:#e6e5e2}.tut-card[data-color=amber],.tut-card[data-color=blue],.tut-card[data-color=green],.tut-card[data-color=orange],.tut-card[data-color=violet]{--tut-text:var(--text-primary)}.tut-modal-scrim{z-index:35;background:#0c0c0e6b;position:fixed;inset:0}.tut-modal{z-index:40;border-radius:var(--radius);--tut-chip:transparent;--tut-tint:var(--popover,var(--panel-background));--tut-field:var(--panel-background);background:var(--popover,var(--panel-background));width:min(560px,92vw);max-height:78vh;box-shadow:var(--shadow-popover);flex-direction:column;padding:20px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.tut-modal[data-color] .tut-modal-title{color:var(--tut-chip)}@supports (color:color-mix(in lab,red,red)){.tut-modal[data-color] .tut-modal-title{color:color-mix(in srgb,var(--tut-chip) 65%,var(--text-primary))}}.tut-modal[data-color-style=mix]{--tut-field:var(--tut-tint)}@supports (color:color-mix(in lab,red,red)){.tut-modal[data-color-style=mix]{--tut-field:color-mix(in srgb, var(--tut-tint) 30%, var(--panel-background))}}.tut-modal[data-color-style=mix]{background:var(--tut-tint)}.tut-modal-stage{flex-shrink:1;min-height:0;display:grid;position:relative;overflow-y:auto}.tut-modal-stage>.tut-modal-note,.tut-modal-stage>.tut-drawing-page{grid-area:1/1}.tut-modal-note{flex-direction:column;gap:6px;min-height:240px;display:flex}.tut-modal-note .tut-drawings,.tut-drawing-page .tut-drawings{margin-bottom:3px}.tut-modal-note .tut-notebody{resize:vertical;flex-grow:1;margin-top:0;overflow:auto}.tut-modal-note[data-hidden]{visibility:hidden;pointer-events:none}.tut-modal-note .tut-modal-save{margin-top:6px}.tut-drawing-page{flex-direction:column;gap:6px;display:flex}.tut-drawing-page[data-hidden]{visibility:hidden;pointer-events:none}.tut-drawing-scroll{resize:vertical;flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.tut-drawing-scroll .tut-drawing-surface{aspect-ratio:auto;flex-grow:1;width:100%}.tut-modal-page{flex-direction:column;display:flex;position:absolute;inset:0}.tut-modal-head{flex-direction:row;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tut-modal-title{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--tut-field,var(--panel-background));background-image:linear-gradient(var(--bg-inset,transparent),var(--bg-inset,transparent));min-width:120px;min-height:44px;color:var(--text-primary);font-family:var(--font-system);flex:1;padding:8px 12px;font-size:15px}.tut-modal-close{background:var(--tut-field,var(--panel-background));min-width:36px;min-height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:12.5px;display:inline-flex}.tut-modal-body{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));width:100%;min-height:180px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;margin-top:6px;padding:12px;font-size:14px}.tut-modal-actions{flex-direction:column;gap:12px;margin-top:12px;display:flex}.tut-modal-save{background:var(--accent-soft);min-height:44px;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.tut-modal-view{flex-direction:row;align-items:center;gap:6px;display:flex}.tut-modal-view-btn{background:var(--tut-field,var(--panel-background));min-width:36px;min-height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.tut-modal-view-btn:hover{background:var(--bg-hover,var(--panel-background))}.tut-modal-view-btn[data-active]{background:var(--accent-soft);color:var(--accent)}.tut-modal-reminder[data-full] .tut-reminder-picker{width:240px}.tut-reminder-chip{white-space:nowrap;border-radius:var(--radius-sm);border:1px dashed var(--brand-hat);min-width:-moz-max-content;min-width:max-content;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.tut-reminder-repeat{opacity:.8;font-size:10.5px}.tut-modal-reminder{flex-direction:row;align-items:start;gap:12px;display:flex}.tut-reminder-controls{flex-direction:column;flex:1;gap:8px;display:flex}.tut-reminder-date{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--tut-field,var(--panel-background));background-image:linear-gradient(var(--bg-inset,transparent),var(--bg-inset,transparent));width:100%;min-height:44px;color:var(--text-primary);caret-color:var(--text-primary);font-family:var(--font-system);padding:8px 12px;font-size:14px}.tut-reminder-date::-moz-placeholder{color:var(--text-secondary)}.tut-reminder-date::placeholder{color:var(--text-secondary)}.tut-reminder-time{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--tut-field,var(--panel-background));background-image:linear-gradient(var(--bg-inset,transparent),var(--bg-inset,transparent));width:100%;min-height:44px;color:var(--text-primary);font-family:var(--font-system);padding:8px 12px;font-size:14px}.tut-reminder-apply{background:var(--accent-soft);width:100%;min-height:44px;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.tut-reminder-repeats{flex-direction:column;gap:6px;display:flex}.tut-modal-reminder .tut-reminder-repeat{border:1px solid var(--border);background:var(--tut-field,var(--panel-background));width:100%;min-height:38px;color:var(--text-secondary);opacity:1;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;display:inline-flex}.tut-modal-reminder .tut-reminder-repeat:hover{background:var(--bg-hover,var(--panel-background))}.tut-reminder-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--tut-field,var(--panel-background));background-image:linear-gradient(var(--bg-inset,transparent),var(--bg-inset,transparent));flex-direction:column;flex-shrink:0;align-self:stretch;gap:6px;width:172px;padding:10px 12px;display:flex}.tut-picker-head{align-items:center;gap:4px;display:flex}.tut-picker-month{white-space:nowrap;color:var(--text-primary);font-family:var(--font-system);flex:1;font-size:12.5px;font-weight:600}.tut-picker-nav{min-width:28px;min-height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tut-picker-nav:hover{background:var(--bg-hover,var(--panel-background))}.tut-picker-weekdays,.tut-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.tut-picker-days{flex-grow:1;align-content:space-evenly}.tut-picker-weekday{color:var(--text-tertiary);font-family:var(--font-system);text-align:center;font-size:10px}.tut-picker-day{min-height:20px;color:var(--text-secondary);font-family:var(--font-system);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:11.5px;display:inline-flex}.tut-picker-day:hover{background:var(--bg-hover,var(--panel-background))}.tut-picker-day[data-selected]{background:var(--accent);color:var(--text-on-accent);font-weight:700}.tut-picker-day[data-today]:not([data-selected]){border:1px dashed var(--brand-hat);color:var(--text-primary)}.tut-modal-drawing{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));flex-direction:column;gap:10px;padding:12px;display:flex}.tut-drawing-head{color:var(--text-secondary);flex-direction:row;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.tut-drawing-toggle{border:1px solid var(--border);background:var(--bg-hover,var(--panel-background));min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.tut-drawing-surface{aspect-ratio:3/2;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-background);flex-direction:column;width:100%;display:flex;position:relative}.tut-drawing-underlay{-o-object-fit:fill;object-fit:fill;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tut-drawing-pad{z-index:1;cursor:crosshair;touch-action:none;flex-grow:1;width:100%;height:auto;display:block;position:relative}.tut-drawing-warning{color:var(--color-destructive,var(--danger));margin-top:6px;font-size:12.5px;font-weight:600}.tut-drawing-actions{flex-direction:row;gap:8px;display:flex}.tut-drawing-add,.tut-drawing-clear{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:14px;display:inline-flex}.tut-drawing-add{background:var(--accent-soft);color:var(--accent);border:none;font-weight:600}.tut-drawing-clear{border:1px solid var(--border);background:var(--tut-field,var(--panel-background));color:var(--text-secondary)}html{--tut-draw-ink:#23252a;--tut-draw-red:#d9584f;--tut-draw-coral:#e2874a;--tut-draw-lemon:#d9b83f;--tut-draw-lime:#74a86a;--tut-draw-teal:#4f9a8d;--tut-draw-ice:#5b9ac2;--tut-draw-grape:#8a76b5;--tut-draw-rose:#cf7d9c}@media(prefers-color-scheme:dark){html:not([data-theme]){--tut-draw-ink:#f2f2f4;--tut-draw-red:#ef8a80;--tut-draw-coral:#f0a869;--tut-draw-lemon:#ecd064;--tut-draw-lime:#96cc8b;--tut-draw-teal:#74c4b5;--tut-draw-ice:#82bce0;--tut-draw-grape:#ac9ad3;--tut-draw-rose:#e2a0bd}}html[data-theme=dark]{--tut-draw-ink:#f2f2f4;--tut-draw-red:#ef8a80;--tut-draw-coral:#f0a869;--tut-draw-lemon:#ecd064;--tut-draw-lime:#96cc8b;--tut-draw-teal:#74c4b5;--tut-draw-ice:#82bce0;--tut-draw-grape:#ac9ad3;--tut-draw-rose:#e2a0bd}.tut-drawing-toolbar,.tut-text-toolbar{background:var(--tut-field,var(--panel-background));border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:nowrap;align-items:center;gap:4px;margin-bottom:5px;padding:6px 10px;display:flex;overflow-x:auto}.tut-drawing-toolbar::-webkit-scrollbar{display:none}.tut-text-toolbar::-webkit-scrollbar{display:none}.tut-tool-btn,.tut-text-btn{min-width:28px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut-tool-btn:hover,.tut-text-btn:hover{background:var(--bg-hover,var(--panel-background))}.tut-tool-btn[data-active]{background:var(--accent-soft);color:var(--accent)}.tut-draw-colors{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.tut-draw-swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;min-width:14px;min-height:14px}.tut-draw-swatch:hover{opacity:.85}.tut-draw-swatch[data-active]{box-shadow:0 0 2px var(--accent)}.tut-draw-swatch[data-color=ink]{background:var(--tut-draw-ink)}.tut-draw-swatch[data-color=red]{background:var(--tut-draw-red)}.tut-draw-swatch[data-color=coral]{background:var(--tut-draw-coral)}.tut-draw-swatch[data-color=lemon]{background:var(--tut-draw-lemon)}.tut-draw-swatch[data-color=lime]{background:var(--tut-draw-lime)}.tut-draw-swatch[data-color=teal]{background:var(--tut-draw-teal)}.tut-draw-swatch[data-color=ice]{background:var(--tut-draw-ice)}.tut-draw-swatch[data-color=grape]{background:var(--tut-draw-grape)}.tut-draw-swatch[data-color=rose]{background:var(--tut-draw-rose)}.tut-size-btn{min-width:28px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut-size-btn:hover{background:var(--bg-hover,var(--panel-background))}.tut-size-dot{background:currentColor;border-radius:50%}.tut-note-colors{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.tut-note-swatch{border:1px solid var(--border);background:var(--bg-inset,var(--panel-background));cursor:pointer;border-radius:3px;flex-shrink:0;min-width:16px;min-height:16px}.tut-note-swatch:hover{opacity:.85}.tut-note-swatch[data-active="1"]{box-shadow:0 0 2px var(--accent)}.tut-note-swatch[data-color=red]{background:#d9584f}.tut-note-swatch[data-color=coral]{background:#e2874a}.tut-note-swatch[data-color=lemon]{background:#d9b83f}.tut-note-swatch[data-color=lime]{background:#74a86a}.tut-note-swatch[data-color=teal]{background:#4f9a8d}.tut-note-swatch[data-color=ice]{background:#5b9ac2}.tut-note-swatch[data-color=grape]{background:#8a76b5}.tut-note-swatch[data-color=rose]{background:#cf7d9c}.tut-note-swatch[data-color=clay]{background:#a88256}.tut-note-swatch[data-color=stone]{background:#8b8b89}.tut-size-overlay{background:var(--popover,var(--panel-background));border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-popover,none);z-index:2;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:16px}.tut-size-range{width:70%;min-width:140px;height:28px;accent-color:var(--accent);cursor:pointer}.tut-drawing-namefield{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));width:min(260px,70%);min-height:32px;max-height:32px;color:var(--text-primary);font-family:var(--font-system);align-self:flex-start;margin-bottom:8px;padding:5px 10px;font-size:13px}.tut-capture{flex-direction:row;align-items:center;gap:8px;min-height:28px;margin-bottom:6px;display:flex}.tut-capture-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));min-width:140px;color:var(--text-primary);font-family:var(--font-system);flex:1;padding:4px 8px;font-size:13px}.tut-capture[data-expanded="1"]{min-height:40px}.tut-capture[data-expanded="1"] .tut-capture-field{padding:8px 10px}.tut-trash,.tut-trash-list{flex-direction:column;display:flex}.tut-trash{min-height:40px}.tut-trash-head{color:var(--color-destructive,var(--danger));flex-direction:row;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.tut-trash-list{gap:4px}.tut-trash-row{border-radius:var(--radius-sm);flex-direction:row;align-items:center;gap:10px;width:100%;padding:4px 8px;display:flex}.tut-trash-name{white-space:nowrap;max-width:50%;color:var(--text-primary);flex-shrink:0;font-size:12.5px;font-weight:600;overflow-x:auto}.tut-trash-preview{min-width:0;color:var(--text-secondary);white-space:nowrap;flex:1;font-size:11.5px;overflow-x:auto}.tut-trash-countdown{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.tut-trash-restore,.tut-trash-purge{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:3px 8px;font-size:11.5px}.tut-trash-restore{color:var(--accent)}.tut-trash-purge{color:var(--color-destructive,var(--danger))}.tut-image-previews{flex-flow:wrap;gap:6px;margin-bottom:6px;display:flex}.tut-image-thumb{background:var(--panel-background);border-radius:var(--radius-sm);width:72px;height:72px;transition:width .18s,height .18s;position:relative}.tut-image-thumb[data-full="1"]{aspect-ratio:3/2;width:100%;height:auto}.tut-image-thumb[data-unsaved="1"]{border:1px dashed var(--accent)}.tut-drawing-unsaved-badge{background:var(--panel-background);color:var(--accent);white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 5px;font-size:9.5px;font-weight:600;position:absolute;top:4px;left:4px}.tut-pad-preview{border-radius:var(--radius-sm);cursor:pointer;width:100%;height:100%;display:block}.tut-image-overlay{border-radius:var(--radius-sm);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tut-image-remove{background:var(--panel-background,#fff);width:18px;height:18px;color:var(--color-destructive,var(--danger));cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.tut-image-thumb:hover .tut-image-remove{opacity:1;pointer-events:auto}.tut-drawings{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.tut-drawings-head{color:var(--text-secondary);font-size:12px;font-weight:600}.tut-image-name{white-space:nowrap;text-overflow:ellipsis;color:#39404d;cursor:pointer;font-size:10.5px;position:absolute;bottom:3px;left:4px;right:4px;overflow-x:hidden}.tut-image-link{border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));color:var(--text-secondary);font-family:var(--font-system);cursor:pointer;border:none;align-items:center;padding:1px 8px;font-size:12px;display:inline-flex}.tut-notebody{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--tut-field,var(--panel-background));background-image:linear-gradient(var(--bg-inset,transparent),var(--bg-inset,transparent));flex-direction:column;gap:2px;width:100%;min-height:180px;margin-top:6px;padding:12px;display:flex}.tut-notebody-line{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;padding:2px 4px;font-size:14px}.tut-notebody-line::-moz-placeholder{color:var(--text-tertiary)}.tut-notebody-line::placeholder{color:var(--text-tertiary)}.tut-notebody-line:focus{background:var(--bg-hover,transparent);outline:none}.tut-notebody-row{align-items:center;gap:4px;display:flex}.tut-notebody-row[draggable=true]{cursor:grab}.tut-notebody-row>.tut-notebody-line{flex-grow:1;width:auto}.tut-notebody-row[data-indent="1"]{padding-left:16px}.tut-notebody-row[data-indent="2"]{padding-left:32px}.tut-notebody-row[data-indent="3"]{padding-left:48px}.tut-fold-toggle{min-width:18px;min-height:18px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut-fold-toggle:hover{background:var(--bg-hover,transparent)}.tut-fold-toggle[data-collapsed="1"]{color:var(--accent);transform:rotate(90deg)}.tut-notebody-drawing{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px;display:inline-flex}.tut-notebody-drawing .tut-image-inline{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);pointer-events:none;flex-shrink:0;width:24px;height:24px}.tut-notebody-drawing:active{cursor:grab}.tut-notebody-drawing .tut-image-link{cursor:default}.tut-notebody-line[data-droptarget="1"]{box-shadow:inset 0 2px 0 0 var(--accent)}.tut-notebody-drawing[data-droptarget="1"]{box-shadow:inset 3px 0 0 0 var(--accent)}.tut-drawings-view{flex-direction:column;gap:8px;min-height:40px;display:flex}.tut-drawing-row{flex-direction:row;align-items:center;gap:8px;display:flex}.tut-drawing-name{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset,var(--panel-background));min-width:90px;color:var(--text-primary);font-family:var(--font-system);flex:1;padding:3px 8px;font-size:12px}.tut-drawing-copy,.tut-drawing-duplicate{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;border:none;padding:3px}.tut-drawing-note{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11.5px;overflow-x:hidden}.tut-drawings-empty{color:var(--text-secondary);font-size:12px}.tut-done-divider{color:var(--text-secondary);border-top:1px dashed var(--border);margin-top:6px;padding-top:6px;font-size:11.5px;font-weight:600}.tut-archived-badge{white-space:nowrap;border-radius:var(--radius-sm);background:var(--bg-hover,var(--panel-background));min-width:-moz-max-content;min-width:max-content;color:var(--text-secondary);padding:1px 7px;font-size:10.5px;display:inline-flex}.tut-search-filters{flex-flow:row;gap:6px;margin-top:6px;display:flex;overflow-x:auto}.tut-type-filter,.tut-archive-filter{min-width:28px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut-type-filter:hover,.tut-archive-filter:hover{background:var(--bg-hover,var(--panel-background))}.tut-type-filter[data-active="1"],.tut-archive-filter[data-active="1"]{background:var(--accent-soft);color:var(--accent)}.tut-color-filter{border:1px solid var(--border);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;min-height:16px;padding:0;display:inline-flex}.tut-color-filter:hover{opacity:.85}.tut-color-filter[data-active="1"]{box-shadow:0 0 2px var(--accent)}.tut-color-filter:before{content:"";background:var(--bg-hover,var(--panel-background));border-radius:2px;width:12px;height:12px}.tut-color-filter[data-color=red]:before{background:#d9584f}.tut-color-filter[data-color=coral]:before{background:#e2874a}.tut-color-filter[data-color=lemon]:before{background:#d9b83f}.tut-color-filter[data-color=lime]:before{background:#74a86a}.tut-color-filter[data-color=teal]:before{background:#4f9a8d}.tut-color-filter[data-color=ice]:before{background:#5b9ac2}.tut-color-filter[data-color=grape]:before{background:#8a76b5}.tut-color-filter[data-color=rose]:before{background:#cf7d9c}.tut-color-filter[data-color=clay]:before{background:#a88256}.tut-color-filter[data-color=stone]:before{background:#8b8b89}.tut-color-swatch[data-color=red]:before{background:#d9584f}.tut-color-swatch[data-color=coral]:before{background:#e2874a}.tut-color-swatch[data-color=lemon]:before{background:#d9b83f}.tut-color-swatch[data-color=lime]:before{background:#74a86a}.tut-color-swatch[data-color=teal]:before{background:#4f9a8d}.tut-color-swatch[data-color=ice]:before{background:#5b9ac2}.tut-color-swatch[data-color=grape]:before{background:#8a76b5}.tut-color-swatch[data-color=rose]:before{background:#cf7d9c}.tut-color-swatch[data-color=clay]:before{background:#a88256}.tut-color-swatch[data-color=stone]:before{background:#8b8b89}.tut-settings-scrim{z-index:42;background:#0c0c0e6b;position:fixed;inset:0}.tut-settings-dialog{z-index:45;border-radius:var(--radius);background:var(--popover,var(--panel-background));width:min(480px,92vw);max-height:78vh;box-shadow:var(--shadow-popover);padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.tut-settings-head{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tut-settings-close{min-width:36px;min-height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.tut-settings-close:hover{background:var(--bg-hover,var(--panel-background))}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}