.btn{cursor:pointer;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:300;color:var(--btn-fg, currentColor);border:none;border-radius:var(--radius);padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s,filter .15s,text-shadow .15s;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(var(--hover-brighten))}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn--standard{padding:.45em 1.05em;background:var(--btn-bg, var(--accent));color:var(--btn-fg, white)}.btn--standard:hover{background:var(--btn-bg-hover, var(--accent-hover))}.btn--minimal{padding:.45em 1.05em}.btn--minimal:hover{text-shadow:0 0 8px currentColor}.btn--minimal:hover>svg{filter:drop-shadow(0 0 8px currentColor)}.btn--ghost{padding:.45em 1.05em;opacity:0;pointer-events:none;transition:opacity .1s,color .15s,filter .15s,text-shadow .15s}.reveal-host:hover .btn--ghost,.btn--ghost:focus-visible{opacity:1;pointer-events:auto}.btn--ghost:hover{text-shadow:0 0 8px currentColor}.btn--ghost:hover>svg{filter:drop-shadow(0 0 8px currentColor)}.btn--icon-only{width:1.6em;height:1.6em;padding:0;line-height:0}.btn--icon-only>svg{display:block}.btn>svg{transition:filter .15s}.btn--standard[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.btn--standard[aria-pressed=true]:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.btn__spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.toolbar-btn.btn{padding:3px 7px;min-width:28px;text-align:center;border:var(--border-width) solid transparent;border-radius:3px;line-height:1.4;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing)}.toolbar-btn.btn:hover{background:var(--bg-hover);color:var(--text-c2-color)}.toolbar-btn.btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.chip-btn.btn{padding:1px 8px;border-radius:999px;font-family:var(--text-s1-font);font-size:var(--text-s1-size);font-weight:var(--text-s1-weight);text-transform:var(--text-s1-transform);letter-spacing:var(--text-s1-spacing);line-height:1.4;background:var(--bg-hover);color:var(--text-s1-color);border:var(--border-width) solid transparent}.chip-btn.btn:hover{filter:brightness(var(--hover-brighten))}.chip-btn.btn[aria-pressed=true]{background:color-mix(in srgb,#a855f7 20%,transparent);color:#c084fc;border-color:color-mix(in srgb,#a855f7 40%,transparent)}.chip-btn.btn[aria-pressed=true]:hover{background:color-mix(in srgb,#a855f7 30%,transparent)}.chip-btn.btn:focus-visible{outline-color:#a855f7}.chip-btn.btn[disabled],.chip-btn.btn[aria-disabled=true]{cursor:not-allowed;opacity:1}.dialog-actions{display:flex;align-items:center;gap:10px;padding:12px 16px}.dialog-actions__left{display:flex;align-items:center;gap:8px;margin-right:auto}.dialog-actions__right{display:flex;align-items:center;gap:8px;margin-left:auto}.drag-handle{display:inline-flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-c1-color);padding:2px;border-radius:var(--radius);line-height:0}.drag-handle:hover{color:var(--text-c2-color)}.drag-handle:active{cursor:grabbing}.drag-handle:focus{outline:none}.drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tooltip-content{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:4px 8px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);color:var(--text-c1-color);box-shadow:0 2px 8px #00000059;z-index:9999;-webkit-user-select:none;user-select:none;animation:tooltip-fade .12s ease-out}.tooltip-arrow{fill:var(--border)}@keyframes tooltip-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.chevron{stroke-width:2.5}.icon-vector{stroke-width:var(--icon-stroke-width, 2)}.sidebar{--sidebar-chevron-gutter: 14px;--sidebar-chevron-gap: 6px;--sidebar-title-indent: calc(var(--sidebar-chevron-gutter) + var(--text-h2-size) + var(--sidebar-chevron-gap));--sidebar-item-indent: calc(var(--sidebar-title-indent) + 16px);--sidebar-section-gap: 20px;display:flex;flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0;transition:margin-left .22s ease}.app-shell--resizing .sidebar{transition:none}.app-shell--sidebar-collapsed .sidebar{margin-left:calc(var(--sidebar-width) * -1)}.sidebar-header{height:calc(var(--topbar-height) + var(--surface-header-height));display:flex;align-items:center;padding:0 14px 0 var(--sidebar-title-indent);box-sizing:border-box;flex-shrink:0}.sidebar-logo{display:inline-flex;align-items:center;gap:16px;font-family:Inter,sans-serif;font-size:34px;font-weight:700;color:#fff;letter-spacing:normal;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--sidebar-section-gap) 0;overflow-y:auto}.sidebar-group{margin-top:var(--sidebar-section-gap);margin-bottom:0;padding-top:0}.sidebar-group:first-child{margin-top:0}.sidebar-group-header{display:flex;align-items:center;gap:var(--sidebar-chevron-gap);width:100%;padding:4px 14px 4px var(--sidebar-chevron-gutter);background:none;border:none;border-radius:0;color:var(--text-h2-color);font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);cursor:pointer;text-align:left;white-space:nowrap}.sidebar-group-header:hover{filter:brightness(var(--hover-brighten))}.sidebar-group-chevron{flex-shrink:0}.sidebar-group-name{flex:1}.sidebar-group-items{list-style:none;margin:0;padding:0}.sidebar-ungrouped{margin-top:var(--sidebar-section-gap);padding-top:0}.sidebar-layout-icon{flex-shrink:0;font-size:var(--text-c1-size);line-height:1;width:calc(1em + var(--icon-vector-size-offset, 10px));display:inline-flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .1s}.sidebar-layout-item:hover .sidebar-layout-icon,.sidebar-settings-btn:hover .sidebar-layout-icon{opacity:1}.sidebar-layout-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 14px 6px var(--sidebar-item-indent);background:none;border:none;border-radius:0;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s,color .1s}.sidebar-layout-item:hover{background:var(--bg-hover);color:var(--text-c2-color)}.sidebar-layout-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-c2-color)}.sidebar-managers{border-top:var(--border-width) solid var(--border);padding:var(--sidebar-section-gap) 0}.sidebar-section-label{padding:4px 14px 4px var(--sidebar-title-indent);font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);white-space:nowrap}.sidebar-settings{margin-top:auto;border-top:var(--border-width) solid var(--border);padding:var(--sidebar-section-gap) 0}.sidebar-settings-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 14px 6px var(--sidebar-item-indent);background:none;border:none;border-radius:var(--radius);font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);text-align:left;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.sidebar-settings-btn:hover{background:var(--bg-hover);color:var(--text-c2-color)}.tab-bar{display:flex;align-items:stretch;height:var(--topbar-height);background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border);overflow-x:auto;overflow-y:hidden;flex-shrink:0;box-sizing:border-box}.tab-bar::-webkit-scrollbar{height:0}.tab-bar--empty{border-bottom:var(--border-width) solid var(--border)}.tab{display:flex;align-items:center;min-width:180px;max-width:300px;border-right:var(--border-width) solid var(--border);background:var(--bg-secondary);position:relative;flex-shrink:0}.tab--dragging>.tab-icon,.tab--dragging>.tab-label,.tab--dragging>.tab-close{opacity:.3}.tab--overlay{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000004d;opacity:.95}.tab--active{background:var(--bg-primary);border-bottom:5px solid var(--accent)}.tab--overlay.tab--active{background:var(--bg-primary)}.tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--bg-primary)}.tab-icon{flex-shrink:0;padding-left:10px;font-size:var(--text-c1-size);line-height:1}.tab-icon+.tab-label{padding-left:6px}.tab-label{flex:1;padding:0 8px 0 12px;background:none;border:none;border-radius:0;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%}.tab:not(.tab--active) .tab-icon,.tab:not(.tab--active) .tab-label{opacity:.5}.tab--active .tab-label,.tab-label:hover{color:var(--text-c2-color)}.tab-close{flex-shrink:0;margin-right:6px}.tab-drop-indicator{position:absolute;top:0;bottom:0;width:5px;background:var(--accent);border-radius:2px;z-index:20;pointer-events:none}.tab-drop-indicator--left{left:-1px}.tab-drop-indicator--right{right:-1px}.create-note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .15s ease-out}.create-note-dialog{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:8px;width:400px;max-width:90vw;box-shadow:0 16px 48px #00000080;animation:slide-up .15s ease-out}.create-note-dialog-header{display:flex;align-items:center;justify-content:space-between;height:var(--surface-header-height);padding:0 20px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.create-note-dialog-header h2{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);margin:0}.create-note-dialog-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.create-note-field{display:flex;flex-direction:column;gap:4px}.create-note-field label{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.create-note-field input,.create-note-field select{padding:8px 10px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.create-note-field input:focus,.create-note-field select:focus{outline:none;border-color:var(--accent)}.create-note-more-toggle{background:none;border:none;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-h2-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);cursor:pointer;padding:0;text-align:left;display:flex;align-items:center;gap:4px}.create-note-more-toggle:hover{color:var(--text-c1-color)}.create-note-more-toggle .arrow{font-size:var(--text-c3-size)}.create-note-more-fields{display:flex;flex-direction:column;gap:12px;padding-top:4px;border-top:var(--border-width) solid var(--border)}.date-input-wrapper{display:flex;align-items:center;gap:4px;width:100%;padding:5px 8px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;transition:border-color .15s;box-sizing:border-box;cursor:text}.date-input-wrapper:hover,.date-input-wrapper:focus-within{border-color:var(--accent)}.date-input-wrapper--disabled{opacity:.6;cursor:default}.date-input-native{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);line-height:1.4;cursor:text}.date-input-native:focus{outline:none}.date-input-native::-webkit-calendar-picker-indicator{display:none}.date-input-picker-btn{flex-shrink:0}.date-input-wrapper--hover-picker .date-input-picker-btn{opacity:0;pointer-events:none;transition:opacity .1s}.date-input-wrapper--hover-picker:hover .date-input-picker-btn{opacity:1;pointer-events:auto}.colour-picker{position:relative;display:inline-flex;align-items:center}.colour-picker__swatch{display:inline-block;width:1.4em;height:1.4em;border-radius:4px;border:var(--border-width) solid var(--border);cursor:pointer;flex-shrink:0}.colour-picker__swatch--empty{background:repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--border) 3px,var(--border) 4px)}.colour-picker__popover{position:fixed;z-index:100;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:8px;box-shadow:0 4px 12px #0000004d;width:216px}.colour-picker__popover .react-colorful{width:100%;height:160px}.colour-picker__popover .react-colorful__saturation{border-radius:var(--border-radius) var(--border-radius) 0 0}.colour-picker__popover .react-colorful__hue{border-radius:0 0 var(--border-radius) var(--border-radius)}.colour-picker__popover .react-colorful__pointer{width:16px;height:16px}.colour-picker__controls{display:flex;align-items:center;gap:6px;margin-top:8px}.colour-picker__field{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.colour-picker__field-label{font-size:var(--text-c3-size);color:var(--text-c3-color);font-weight:var(--text-c3-weight);flex-shrink:0}.colour-picker__hex,.colour-picker__channel{width:100%;min-width:0;font-family:var(--font-mono);font-size:var(--text-c3-size)!important}.colour-picker__channel::-webkit-inner-spin-button,.colour-picker__channel::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.colour-picker__channel{-moz-appearance:textfield}.colour-picker__footer{margin-top:8px;display:flex;justify-content:flex-end}.view-settings-bar{position:relative;display:flex;flex-direction:column;flex-shrink:0}.view-settings-buttons{display:flex;align-items:center;gap:4px;padding:4px 12px;border-bottom:var(--border-width) solid var(--border)}.view-settings-btn{background:none;border:var(--border-width) solid transparent;border-radius:4px;font-family:var(--text-s2-font);font-size:var(--text-s2-size);font-weight:var(--text-s2-weight);color:var(--text-s2-color);text-transform:var(--text-s2-transform);letter-spacing:var(--text-s2-spacing);padding:3px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;line-height:calc(var(--text-c3-size) * 1.4);transition:color .15s,border-color .15s,background .15s}.view-settings-btn:hover{background:var(--bg-hover);filter:brightness(var(--hover-brighten))}.view-settings-btn.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.view-settings-btn.open{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.view-settings-btn-count{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);background:var(--accent);color:#fff;border-radius:8px;padding:0 5px;min-width:1.4em;text-align:center;line-height:1.4em}.view-settings-popover{z-index:100;max-width:40em;width:max-content;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0006;padding:12px;animation:slide-up .12s ease-out}.settings-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-editor-title{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing)}.settings-editor-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.settings-editor-row select,.settings-editor-row input{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);padding:4px 8px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;min-width:0}.settings-editor-row select:focus,.settings-editor-row input:focus{outline:none;border-color:var(--accent)}.settings-editor-empty{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);padding:8px 0;text-align:center}.field-vis-list{display:flex;flex-direction:column;gap:4px;max-height:18em;overflow-y:auto}.field-vis-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);cursor:pointer}.field-vis-item input[type=checkbox]{accent-color:var(--accent)}.field-vis-item-slug{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);margin-left:auto}.filter-section{margin-bottom:8px}.filter-section-label{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:uppercase;letter-spacing:var(--text-c3-spacing);margin-bottom:4px;padding-bottom:2px;border-bottom:var(--border-width) solid var(--border)}.filter-row-readonly{opacity:.7;pointer-events:none}.filter-row-readonly .filter-readonly-field,.filter-row-readonly .filter-readonly-op,.filter-row-readonly .filter-readonly-value{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);padding:4px 8px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px}.filter-row-readonly .filter-readonly-op{font-style:italic}.icon-picker-popover{position:absolute;top:100%;left:0;z-index:100;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;padding:8px;width:300px;animation:slide-up .1s ease-out}.icon-picker-tabs{display:flex;gap:4px;border-bottom:var(--border-width) solid var(--border);margin-bottom:8px;padding-bottom:4px}.icon-picker-tab{flex:1;background:none;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;color:var(--text-secondary, currentColor);font:inherit;font-size:.875rem}.icon-picker-tab:hover{background:var(--bg-hover)}.icon-picker-tab--active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary, currentColor)}.icon-picker-icon-panel{display:flex;flex-direction:column;gap:6px}.icon-picker-search{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;padding:6px 8px;color:inherit;font:inherit;font-size:.875rem}.icon-picker-search:focus{outline:2px solid var(--accent);outline-offset:-2px}.icon-picker-chips{display:flex;flex-wrap:wrap;gap:4px}.icon-picker-chip{background:none;border:var(--border-width) solid var(--border);border-radius:999px;padding:2px 8px;font-size:.75rem;cursor:pointer;color:var(--text-secondary, currentColor);font-family:inherit}.icon-picker-chip:hover{background:var(--bg-hover)}.icon-picker-chip--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--text-primary, currentColor)}.icon-picker-grid{display:grid;gap:2px;max-height:240px;overflow-y:auto}.icon-picker-grid--emoji{grid-template-columns:repeat(8,1fr)}.icon-picker-grid--icons{grid-template-columns:repeat(7,1fr)}.icon-picker-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.125rem;background:none;border:none;border-radius:4px;cursor:pointer;padding:0;line-height:1;color:inherit}.icon-picker-item:hover{background:var(--bg-hover)}.icon-picker-item--selected{background:color-mix(in srgb,var(--accent) 20%,transparent);outline:2px solid var(--accent)}.icon-picker-empty{grid-column:1 / -1;padding:16px 8px;text-align:center;color:var(--text-secondary, currentColor);font-size:.875rem}.icon-picker-footer{border-top:var(--border-width) solid var(--border);margin-top:6px;padding-top:6px;display:flex;justify-content:flex-end}.note-icon-wrap{position:relative;display:inline-flex;flex-shrink:0}.note-icon-wrap--lg{align-self:stretch;aspect-ratio:1 / 1;container-type:size}.note-icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-width) solid transparent;border-radius:6px;cursor:pointer;line-height:1;padding:0;color:inherit;font:inherit}.note-icon-btn:hover{background:var(--bg-hover);border-color:var(--border)}.note-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.note-icon-btn--lg{width:100%;height:100%;font-size:72cqmin}.note-icon-btn--md{width:2.5rem;height:2.5rem;font-size:1.75rem}.note-icon-btn--sm{width:1.5rem;height:1.5rem;font-size:1rem}.note-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.note-icon--lg{width:100%;height:100%;font-size:72cqmin}.note-icon--md{width:2.5rem;height:2.5rem;font-size:1.75rem}.note-icon--sm{width:1.5rem;height:1.5rem;font-size:1rem}.list-view{outline:none}.list-view-body{flex:1;overflow-y:auto}.list-view-body--padded-top{padding-top:8px}.list-group-header{padding:6px 12px 2px;margin-top:8px}.list-item{display:flex;align-items:center;gap:8px;padding:8px 12px 8px calc(12px + var(--list-depth, 0) * 16px);cursor:pointer;border-left:3px solid transparent;transition:background .1s;position:relative}.list-item--compact{gap:6px;padding:3px 12px 3px calc(12px + var(--list-depth, 0) * 16px)}.list-item--compact .list-item-title{font-size:var(--text-c1-size)}.list-item:hover{background:var(--bg-hover)}.list-item.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);border-left-color:var(--accent)}.list-item-content{flex:1;min-width:0}.list-item-title{font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item.selected .list-item-title{color:var(--text-c2-color)}.list-item--parent .list-item-title{font-family:var(--text-h2-font);font-size:var(--text-h2-size);color:var(--text-h2-color);font-weight:var(--text-h2-weight);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.list-item-expand,.list-item-expand-placeholder{width:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.list-item-expand{background:none;border:none;color:var(--text-c3-color);cursor:pointer;padding:0;transition:color .15s}.list-item-expand:hover{color:var(--text-c1-color)}.list-item.drop-inside{background:color-mix(in srgb,var(--accent) 12%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent);border-radius:3px}.list-top-drop{margin:4px 8px;padding:8px 12px;border:1px dashed color-mix(in srgb,var(--text-c3-color) 20%,transparent);border-radius:4px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:color-mix(in srgb,var(--text-c3-color) 45%,transparent);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);text-align:center;pointer-events:none;transition:background .15s,border-color .15s,color .15s}.list-top-drop-label{opacity:0;transition:opacity .15s}.list-top-drop--active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--text-c3-color)}.list-top-drop--active .list-top-drop-label{opacity:1}.list-top-drop.drop-inside{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);border-style:solid;color:var(--accent)}.list-drag-overlay{background:var(--bg-primary);border-radius:4px;box-shadow:0 8px 24px #00000047,0 2px 6px #0000002e;opacity:.92;pointer-events:none;min-width:180px}.list-drag-overlay .list-item{border-left-color:var(--accent);cursor:grabbing}.option-grid{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.option-grid__item{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;border:var(--border-width) solid var(--border);background:var(--bg-secondary);cursor:pointer;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);transition:border-color .15s,background .15s}.option-grid__item:hover{border-color:var(--accent)}.option-grid__item.selected{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--text-c2-color)}.option-grid__groups{display:flex;flex-direction:column;gap:4px}.option-grid__group{margin-bottom:4px}.option-grid__group-label{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);padding:2px 0}.option-grid__item.group-not_started.selected{background:color-mix(in srgb,#6b7280 20%,transparent);border-color:#6b7280}.option-grid__item.group-in_progress.selected{background:color-mix(in srgb,#3b82f6 20%,transparent);border-color:#3b82f6}.option-grid__item.group-done.selected{background:color-mix(in srgb,#10b981 20%,transparent);border-color:#10b981}.field-editor{display:flex;flex-direction:column;gap:2px;width:100%}.field-editor input[type=text],.field-editor input[type=number],.field-editor input[type=url],.field-editor input[type=email],.field-editor input[type=tel],.field-editor textarea.field-textarea{width:100%;padding:5px 8px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);line-height:1.4;transition:border-color .15s;box-sizing:border-box}.field-editor input[type=text]:hover,.field-editor input[type=number]:hover,.field-editor input[type=url]:hover,.field-editor input[type=email]:hover,.field-editor input[type=tel]:hover,.field-editor textarea.field-textarea:hover{border-color:var(--accent)}.field-editor input[type=text]:focus,.field-editor input[type=number]:focus,.field-editor input[type=url]:focus,.field-editor input[type=email]:focus,.field-editor input[type=tel]:focus,.field-editor textarea.field-textarea:focus{outline:none;border-color:var(--accent)}.field-checkbox-wrapper{display:flex;align-items:center;gap:8px;padding:4px 0}.field-checkbox-wrapper input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.field-checkbox-label{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);cursor:pointer}.field-dropdown-wrapper{position:relative;width:100%}.field-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 8px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;cursor:pointer;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);transition:border-color .15s}.field-dropdown-trigger:hover{border-color:var(--accent)}.field-dropdown-trigger.empty{color:var(--text-c3-color)}.field-dropdown-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0006;padding:8px;overflow:hidden;animation:slide-up .12s ease-out}.field-relation-wrapper{position:relative}.field-relation-display{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;cursor:pointer;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);transition:border-color .15s}.field-relation-display:hover{border-color:var(--accent)}.field-relation-display.empty{color:var(--text-c3-color)}.field-relation-chevron{font-size:var(--text-c3-size);color:var(--text-c3-color)}.field-relation-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0006;overflow:hidden;animation:slide-up .12s ease-out}.field-relation-search{width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:var(--border-width) solid var(--border);font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.field-relation-search:focus{outline:none}.field-relation-results{max-height:200px;overflow-y:auto}.field-relation-result{padding:8px 10px;cursor:pointer;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);transition:background .1s}.field-relation-result:hover{background:var(--bg-hover);color:var(--text-c2-color)}.field-relation-result.selected{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text-c2-color)}.field-relation-none{padding:8px 10px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);font-style:italic}.field-relation-clear{display:block;width:100%;padding:6px 10px;background:transparent;border:none;border-top:var(--border-width) solid var(--border);font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);cursor:pointer;text-align:left;transition:color .15s}.field-relation-clear:hover{color:var(--danger)}.editor-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-view-header{display:flex;align-items:center;gap:8px;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.editor-view-title{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.editor-view-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.editor-view-control-btn{border:var(--border-width) solid var(--border);font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.editor-view-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.editor-view-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.editor-title-row{display:flex;align-items:center;gap:12px;padding:16px 20px 8px;flex-shrink:0}.editor-title-input{field-sizing:content;min-width:4ch;max-width:100%;padding:4px 8px;background:transparent;border:2px solid transparent;border-radius:6px;font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);line-height:1.3}.editor-title-input:focus{outline:none;border-color:var(--accent)}.editor-title-input::placeholder{color:var(--text-h2-color)}.editor-properties-panel{padding:8px 20px 12px;border-bottom:var(--border-width) solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.editor-property-row{display:flex;align-items:flex-start;gap:12px}.editor-property-label{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);width:100px;flex-shrink:0;padding-top:6px}.editor-property-value{flex:1;min-width:0}.editor-tiptap-wrapper{flex:1;padding:8px 20px 24px;overflow-y:auto}.editor-tiptap-wrapper .ProseMirror{outline:none;min-height:200px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);line-height:1.7}.editor-tiptap-wrapper .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-h2-color);pointer-events:none;float:left;height:0}.editor-tiptap-wrapper .ProseMirror h1{font-size:1.75rem;font-weight:700;margin:1rem 0 .5rem}.editor-tiptap-wrapper .ProseMirror h2{font-size:1.375rem;font-weight:600;margin:.875rem 0 .5rem}.editor-tiptap-wrapper .ProseMirror h3{font-size:1.125rem;font-weight:600;margin:.75rem 0 .375rem}.editor-tiptap-wrapper .ProseMirror ul,.editor-tiptap-wrapper .ProseMirror ol{padding-left:1.5rem;margin:.5rem 0}.editor-tiptap-wrapper .ProseMirror li{margin:.25rem 0}.editor-tiptap-wrapper .ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--text-h2-color);margin:.75rem 0}.editor-tiptap-wrapper .ProseMirror code{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:3px;padding:1px 5px;font-size:.875em;font-family:var(--font-mono)}.editor-tiptap-wrapper .ProseMirror pre{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:6px;padding:12px 16px;overflow-x:auto;margin:.75rem 0}.editor-tiptap-wrapper .ProseMirror pre code{background:none;border:none;padding:0;font-size:.875rem}.editor-tiptap-wrapper .ProseMirror a{color:var(--accent);text-decoration:underline}.editor-tiptap-wrapper .ProseMirror table{border-collapse:collapse;margin:.75rem 0;width:100%}.editor-tiptap-wrapper .ProseMirror th,.editor-tiptap-wrapper .ProseMirror td{border:var(--border-width) solid var(--border);padding:6px 10px;text-align:left}.editor-tiptap-wrapper .ProseMirror th{background:var(--bg-secondary);font-weight:var(--text-h2-weight)}.editor-tiptap-wrapper .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.editor-tiptap-wrapper .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.editor-tiptap-wrapper .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:2px}.editor-source-textarea{flex:1;padding:16px 20px;background:transparent;border:none;font-family:var(--font-mono);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);line-height:1.6;resize:none;outline:none}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.editor-toolbar-sep{width:1px;background:var(--border);margin:2px 4px}.editor-save-indicator{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);padding:0 4px}.pill-shape{display:inline-flex;align-items:center;gap:4px;font-family:var(--text-s1-font);font-size:var(--text-s1-size);font-weight:var(--text-s1-weight);text-transform:var(--text-s1-transform);letter-spacing:var(--text-s1-spacing);padding:1px 8px;border-radius:999px;border:var(--border-width) solid transparent;line-height:1.4}.badge-type{background:color-mix(in srgb,var(--text-s1-color) 10%,transparent);color:var(--text-s1-color)}.badge-origin-custom{background:color-mix(in srgb,var(--success) 22%,#000);color:var(--success)}.badge-origin-system{background:color-mix(in srgb,var(--warning) 22%,#000);color:var(--warning)}.badge-origin-inherited{background:color-mix(in srgb,var(--danger) 22%,#000);color:var(--danger)}.badge-status-info{background:color-mix(in srgb,var(--text-c3-color) 15%,transparent);color:var(--text-c2-color)}.badge-status-active{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.properties-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.properties-view-header{display:flex;align-items:center;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0;font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.properties-view-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.properties-view-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.property-row{display:flex;align-items:flex-start;gap:12px}.property-label{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);width:90px;flex-shrink:0;padding-top:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.property-value{flex:1;min-width:0}.property-value-static{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);padding:5px 0}.properties-section-divider{border:none;border-top:var(--border-width) solid var(--border);margin:4px 0}.properties-meta-header{display:flex;align-items:stretch;gap:12px}.properties-meta-group{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.properties-meta-title input{field-sizing:content;min-width:4ch;max-width:100%;font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);background:transparent;border:2px solid transparent;border-radius:6px;padding:4px 8px}.properties-meta-title input:focus{outline:none;border-color:var(--accent)}.quick-capture-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.quick-capture-view-header{display:flex;align-items:center;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.quick-capture-view-title{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.quick-capture-form{flex:1;display:flex;flex-direction:column;padding:20px;gap:12px;min-height:0}.quick-capture-textarea{flex:1;padding:12px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:6px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);line-height:1.6;resize:none;transition:border-color .15s;min-height:120px}.quick-capture-textarea:focus{outline:none;border-color:var(--accent)}.quick-capture-footer{display:flex;align-items:center;justify-content:space-between}.quick-capture-feedback{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--success);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.quick-capture-submit{padding:8px 20px}.context-menu-content{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0006;padding:4px;min-width:160px;z-index:400}.context-menu-item{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);padding:6px 10px;border-radius:4px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.context-menu-item[data-highlighted]{background:var(--bg-hover)}.context-menu-item[data-disabled]{opacity:.4;cursor:default}.table-view{outline:none}.table-view-actions{display:flex;align-items:center;gap:6px}.table-view-body{flex:1;overflow-y:auto;overflow-x:hidden}.table-view-body--overflow-x{overflow-x:auto}.table-grid{display:grid;min-width:100%;width:max-content}.table-header{display:contents}.table-header-cell{position:sticky;top:0;z-index:2;background:var(--bg-secondary);padding:6px 12px;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-c1-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);border-bottom:var(--border-width) solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .15s}.table-header-cell:hover{color:var(--text-c2-color)}.table-header-cell.sorted{color:var(--accent)}.table-header-cell-label{overflow:hidden;text-overflow:ellipsis}.table-header-cell-sort{font-size:var(--text-c3-size);opacity:.6;flex-shrink:0}.table-header-cell.dragging{z-index:10;box-shadow:0 2px 8px #0000004d}.table-header-cell-resizer{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:4;background:transparent;transition:background .15s}.table-header-cell-resizer:hover,.table-header-cell-resizer:active{background:var(--accent)}.table-header-cell:first-child,.table-cell:first-child{position:sticky;left:0;z-index:1;transform:translateZ(0)}.table-cell:first-child{z-index:2;background:var(--bg-primary)}.table-row:hover>.table-cell:first-child{background:var(--bg-hover)}.table-row.selected>.table-cell:first-child{background:color-mix(in srgb,var(--accent) 12%,var(--bg-primary))}.table-header-cell:first-child{z-index:3}.table-row{display:contents;cursor:pointer}.row-delete-btn{margin-left:auto;flex-shrink:0}.table-row:hover>.table-cell{background:var(--bg-hover)}.table-row.selected>.table-cell{background:color-mix(in srgb,var(--accent) 12%,transparent)}.table-row.selected>.table-cell:first-child{box-shadow:inset 3px 0 0 var(--accent)}.table-cell{padding:6px 12px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);border-bottom:var(--border-width) solid var(--border);background:var(--bg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;min-height:36px;transition:background .1s}.table-cell-title{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1}.table-cell-title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell.compact{min-height:30px;padding:3px 12px;font-size:var(--text-c1-size)}.table-cell-colour{margin-right:8px}.table-group-header{grid-column:1 / -1;padding:8px 12px 4px;background:var(--bg-secondary);margin-top:4px}.table-cell-measure{position:absolute;visibility:hidden;pointer-events:none;grid-column:unset}.cell-edit-popover{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0006;overflow:hidden;animation:slide-up .12s ease-out}.cell-edit-popover-header{padding:6px 10px 4px;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);border-bottom:var(--border-width) solid var(--border)}.cell-edit-popover-body{padding:8px}.cell-edit-popover-hint{font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-h2-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);font-style:italic}.cell-edit-input{width:100%;padding:6px 8px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);box-sizing:border-box}.cell-edit-input:focus{outline:none;border-color:var(--accent)}.cell-edit-options{max-height:200px;overflow-y:auto;margin-top:4px}.cell-edit-option{padding:6px 8px;cursor:pointer;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c1-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);border-radius:3px;transition:background .1s}.cell-edit-option:hover{background:var(--bg-hover);color:var(--text-c2-color)}.cell-edit-option.selected{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text-c2-color)}.cell-edit-option-none{padding:6px 8px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-h2-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);font-style:italic}.cell-edit-clear{display:block;width:100%;padding:6px 8px;background:transparent;border:none;border-top:var(--border-width) solid var(--border);font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-h2-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);cursor:pointer;text-align:left;margin-top:4px}.cell-edit-clear:hover{color:var(--danger)}.table-cell.editable{cursor:pointer}.table-row.selected>.table-cell.editable:hover{outline:1px solid var(--accent);outline-offset:-1px}.table-cell.editing{padding:6px 12px;outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-2px}.table-cell.compact.editing{padding:3px 12px}.inline-cell-form{display:flex;width:100%}.inline-cell-input{width:100%;background:transparent;border:0;outline:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit}.inline-cell-input:focus-visible{outline:0}.table-cell-date-text{flex:1;overflow:hidden;text-overflow:ellipsis}.table-cell .date-input-wrapper{padding:0;background:transparent;border:none;border-radius:0}.table-cell-checkbox{margin:0;cursor:pointer}.board-view-body{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;gap:12px;padding:12px}.board-column-body.drop-over{background:var(--bg-tertiary);border-radius:var(--radius)}.board-view-loading,.board-view-empty{width:100%}.board-column{display:flex;flex-direction:column;min-width:260px;width:260px;max-height:100%;background:var(--bg-secondary);border-radius:var(--radius);border:var(--border-width) solid var(--border);flex-shrink:0}.board-column-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;flex-shrink:0}.board-column-title{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-c1-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.board-column-count{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);background:var(--bg-tertiary);padding:1px 6px;border-radius:3px;min-width:20px;text-align:center}.board-column-body{flex:1;min-height:80px;overflow-y:auto;padding:4px 8px 8px;display:flex;flex-direction:column;gap:6px}.board-card{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:8px 10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.board-card.dragging{opacity:.5}.board-card-colour{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:var(--radius) 0 0 var(--radius)}.board-card-title{display:flex;align-items:flex-start;gap:6px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);line-height:1.35;word-break:break-word}.board-card-title-text{flex:1;min-width:0}.board-card-fields{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:6px}.board-card-field{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.board-card-field-label{color:var(--text-c3-color);margin-right:2px}.board-card-field-value{color:var(--text-c1-color)}.board-drag-overlay{cursor:grabbing}.board-drag-overlay .board-card{box-shadow:0 4px 16px #0000004d;border-color:var(--accent)}.grid-view-body{flex:1;overflow-y:auto;padding:12px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.grid-group-header{grid-column:1 / -1;padding:8px 4px 4px;margin-top:8px}.grid-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.grid-card-cover{width:100%;height:140px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.grid-card-cover img{width:100%;height:100%;object-fit:cover}.grid-card-cover-placeholder{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);opacity:.3}.grid-card-body{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:6px}.grid-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.grid-card-title{display:flex;align-items:flex-start;gap:6px;flex:1;min-width:0;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);line-height:1.35;word-break:break-word}.grid-card-title-text{flex:1;min-width:0}.grid-card-colour{margin-top:4px}.grid-card-type{align-self:flex-start}.grid-card-fields{display:flex;flex-wrap:wrap;gap:4px 10px}.grid-card-field{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.grid-card-field-value{color:var(--text-c1-color)}.table-view,.list-view,.board-view,.grid-view,.calendar-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.table-view-toolbar,.list-view-toolbar,.board-view-toolbar,.grid-view-toolbar,.calendar-view-toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.table-view-title,.list-view-title,.board-view-title,.grid-view-title,.calendar-view-title{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.table-view-loading,.table-view-empty,.list-view-loading,.list-view-empty,.board-view-loading,.board-view-empty,.grid-view-loading,.grid-view-empty,.calendar-view-loading,.calendar-view-empty{padding:24px 16px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);text-align:center}.table-group-header,.list-group-header,.grid-group-header{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);border-bottom:var(--border-width) solid var(--border)}.table-group-header:first-child,.list-group-header:first-child,.grid-group-header:first-child{margin-top:0}.board-card:hover,.grid-card:hover,.calendar-day-view-note:hover{border-color:var(--text-h2-color)}.board-card.selected,.grid-card.selected,.calendar-day-view-note.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.list-item-colour,.table-cell-colour,.grid-card-colour{width:8px;height:8px;border-radius:50%;flex-shrink:0}.calendar-view-nav{display:flex;align-items:center;gap:6px}.calendar-view-nav-btn{background:none;border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);cursor:pointer;padding:2px 8px;line-height:1.5;transition:border-color .15s,color .15s}.calendar-view-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.calendar-view-period{font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);min-width:160px;text-align:center}.calendar-view-controls{display:flex;align-items:center;gap:6px}.calendar-view-scale-btn{background:none;border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);cursor:pointer;padding:2px 8px;line-height:1.5;transition:border-color .15s,color .15s,background .15s}.calendar-view-scale-btn:hover{border-color:var(--accent);color:var(--accent)}.calendar-view-scale-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text-c2-color)}.calendar-view-body{flex:1;overflow-y:auto;padding:8px 12px 12px}.calendar-dow-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.calendar-dow-cell{text-align:center;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);padding:6px 0}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-day{background:var(--bg-primary);min-height:90px;padding:4px;display:flex;flex-direction:column;cursor:pointer;transition:background .1s}.calendar-day:hover{background:var(--bg-hover)}.calendar-day.outside{background:var(--bg-secondary);opacity:.5}.calendar-day.today{background:color-mix(in srgb,var(--accent) 8%,var(--bg-primary))}.calendar-day-number{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c1-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);padding:2px 4px;align-self:flex-end}.calendar-day.today .calendar-day-number{color:var(--accent);font-weight:var(--text-h2-weight)}.calendar-day-notes{flex:1;display:flex;flex-direction:column;gap:2px;margin-top:2px;overflow:hidden}.calendar-note-pill{display:flex;align-items:center;gap:4px;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-c2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);background:var(--bg-tertiary);padding:1px 6px;border-radius:3px;cursor:pointer;border-left:2px solid transparent;transition:background .15s;min-width:0}.calendar-note-pill-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-note-pill:hover{background:var(--bg-hover)}.calendar-note-pill.selected{background:color-mix(in srgb,var(--accent) 20%,var(--bg-tertiary));border-left-color:var(--accent)}.calendar-day-overflow{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);padding:0 4px;margin-top:1px}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-week-day{background:var(--bg-primary);min-height:300px;padding:4px;display:flex;flex-direction:column}.calendar-week-day.today{background:color-mix(in srgb,var(--accent) 6%,var(--bg-primary))}.calendar-week-day-header{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c1-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);padding:4px;text-align:center;border-bottom:var(--border-width) solid var(--border);margin-bottom:4px}.calendar-week-day.today .calendar-week-day-header{color:var(--accent);font-weight:var(--text-h2-weight)}.calendar-week-day-notes{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.calendar-note-bar{display:flex;align-items:center;gap:6px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c2-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;cursor:pointer;border-left:3px solid transparent;transition:background .15s;min-width:0}.calendar-note-bar:hover{background:var(--bg-hover)}.calendar-note-bar.selected{background:color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary));border-left-color:var(--accent)}.calendar-day-view{display:flex;flex-direction:column;gap:2px}.calendar-day-view-header{font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c1-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);padding:4px 0 8px}.calendar-day-view-note{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s}.calendar-day-view-note-title{display:flex;align-items:center;gap:6px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.calendar-day-view-note-title-text{flex:1;min-width:0}.calendar-note-bar-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day-view-empty{padding:24px 16px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);text-align:center}.chart-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.chart-view-toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.chart-view-title{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.chart-view-body{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:16px}.chart-view-loading,.chart-view-empty{padding:24px 16px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);text-align:center}.chart-container{width:100%;max-width:600px;max-height:100%;position:relative}.chart-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px}.chart-number-value{font-family:var(--text-jumbo-font);font-size:var(--text-jumbo-size);font-weight:var(--text-jumbo-weight);color:var(--text-jumbo-color);text-transform:var(--text-jumbo-transform);letter-spacing:var(--text-jumbo-spacing);line-height:1;font-variant-numeric:tabular-nums}.chart-number-label{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.chart-info{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);text-align:center;padding:8px 0}.search-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-view-header{display:flex;align-items:center;height:var(--surface-header-height);padding:0 12px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.search-view-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-view-icon{position:absolute;left:10px;font-size:var(--text-c2-size);color:var(--text-h2-color);pointer-events:none}.search-view-input{width:100%;padding:8px 10px 8px 32px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);outline:none;transition:border-color .15s}.search-view-input:focus{border-color:var(--accent)}.search-view-input::placeholder{color:var(--text-h2-color)}.search-view-info{padding:4px 12px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.search-view-body{flex:1;overflow-y:auto}.search-view-loading,.search-view-empty,.search-view-hint{padding:24px 16px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);text-align:center}.search-result{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.search-result:hover{background:var(--bg-hover)}.search-result.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);border-left-color:var(--accent)}.search-result-content{flex:1;min-width:0}.search-result-title{display:flex;align-items:center;gap:6px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);min-width:0}.search-result-title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.search-result-date{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.search-highlight{background:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--text-c2-color);border-radius:2px;padding:0 1px}.layout-tab-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.layout-tab-panel-loading,.layout-tab-panel-error{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.layout-panels{display:flex;flex:1;overflow:hidden}.layout-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.layout-panel-resizer{position:relative;width:8px;margin-left:calc((var(--border-width) - 8px) / 2);margin-right:calc((var(--border-width) - 8px) / 2);flex-shrink:0;cursor:col-resize;background:transparent;z-index:10;touch-action:none}@media(pointer:coarse){.layout-panel-resizer{width:32px;margin-left:calc((var(--border-width) - 32px) / 2);margin-right:calc((var(--border-width) - 32px) / 2)}}.layout-panel-resizer:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--border-width) / 2);width:var(--border-width);background:var(--border);transition:width .12s ease,left .12s ease,background .12s ease}.layout-panel-resizer:hover:before,.layout-panel-resizer.resizing:before{left:calc(50% - var(--resize-highlight-width) / 2);width:var(--resize-highlight-width);background:var(--accent)}.setting-card{background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.setting-card+.setting-card{margin-top:8px}.setting-card--wide{padding:10px 12px}.setting-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.setting-card__title{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-c1-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.setting-card--locked .setting-card__title{color:var(--text-h2-color)}.setting-card--locked .setting-card__body{opacity:.5}.setting-card__actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.setting-card__description{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);margin-top:-2px}.setting-card__body{display:flex;flex-direction:column;gap:6px}.setting-card__body>input,.setting-card__body>select,.setting-card__body>textarea{padding:8px 10px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.setting-card__body>input:focus,.setting-card__body>select:focus,.setting-card__body>textarea:focus{outline:none;border-color:var(--accent)}.setting-card__body>label.checkbox-label,.setting-card__body label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.setting-card__body label.checkbox-label input[type=checkbox]{width:auto;padding:0;margin:0}.setting-card__field{display:flex;flex-direction:column;gap:4px}.setting-card__field-label{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c2-color);text-transform:none;letter-spacing:normal}.setting-card__field input,.setting-card__field select,.setting-card__field textarea{padding:8px 10px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.setting-card__field input:focus,.setting-card__field select:focus,.setting-card__field textarea:focus{outline:none;border-color:var(--accent)}.manager-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.manager-header{display:flex;align-items:center;justify-content:space-between;height:var(--surface-header-height);padding:0 24px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.manager-header h2{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);margin:0}.manager-body{flex:1;overflow-y:auto;padding:16px 24px}.manager-table{width:100%;border-collapse:collapse}.manager-table th{text-align:left;font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);padding:8px 12px;border-bottom:var(--border-width) solid var(--border);white-space:nowrap}.manager-table td{padding:10px 12px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);border-bottom:var(--border-width) solid var(--border);vertical-align:middle}.manager-table tr:hover td{background:var(--bg-hover)}.manager-table .cell-actions{text-align:right;white-space:nowrap}.manager-table .cell-actions button{margin-left:4px}.manager-table .cell-actions button:disabled{opacity:.35;cursor:not-allowed;color:var(--text-c3-color)!important}.manager-name-cell{font-weight:var(--text-c2-weight);color:var(--text-c2-color)}.manager-slug-cell{color:var(--text-h2-color);font-family:var(--font-mono);font-size:var(--text-c3-size)}.manager-form-warning{margin-top:4px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);color:var(--danger, #d92626)}.manager-empty{padding:32px 0;text-align:center;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.manager-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .15s ease-out}.manager-dialog{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:8px;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #00000080;animation:slide-up .15s ease-out}.manager-dialog-header{display:flex;align-items:center;justify-content:space-between;height:var(--surface-header-height);padding:0 20px;border-bottom:var(--border-width) solid var(--border);position:sticky;top:0;z-index:2;background:var(--bg-secondary);flex-shrink:0}.manager-dialog-header h3{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);margin:0}.manager-dialog-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.manager-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:var(--border-width) solid var(--border);position:sticky;bottom:0;z-index:2;background:var(--bg-secondary)}.manager-field{display:flex;flex-direction:column;gap:4px}.manager-field label{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.manager-field input,.manager-field select,.manager-field textarea{padding:8px 10px;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:4px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.manager-field input:focus,.manager-field select:focus,.manager-field textarea:focus{outline:none;border-color:var(--accent)}.manager-field .field-hint{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.manager-field label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.manager-field label.checkbox-label input[type=checkbox]{width:auto;padding:0;margin:0}.manager-section-title{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);margin-bottom:8px;margin-top:16px}.manager-section-title:first-child{margin-top:0}.assigned-field-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border:var(--border-width) solid var(--border);border-radius:4px;margin-bottom:4px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing)}.assigned-field-item:hover{background:var(--bg-hover)}.available-field-item{padding:6px 8px;border:var(--border-width) solid var(--border);border-radius:4px;margin-bottom:4px;cursor:pointer;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing)}.available-field-item:hover{background:var(--bg-hover)}.assigned-field-table{width:100%;border-collapse:collapse}.assigned-field-table td{padding:6px 8px;border-bottom:var(--border-width) solid var(--border);vertical-align:middle}.assigned-field-table tr:last-child td{border-bottom:none}.assigned-field-table td:not(.assigned-field-name){width:1%;white-space:nowrap}.assigned-field-name{font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:500;color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assigned-field-sizing-row td{padding:0 8px;border:0;height:0;line-height:0}.assigned-field-sizing-row .sizing-line{display:block;height:0;overflow:hidden;visibility:hidden}.assigned-field-type{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.assigned-field-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end;white-space:nowrap}.options-list{display:flex;flex-direction:column;gap:4px}.options-list-item{display:flex;align-items:center;gap:6px}.options-list-item input{flex:1;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);padding:4px 8px}.column-picker-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;border:var(--border-width) solid var(--border);border-radius:4px;padding:4px;background:var(--bg-primary)}.column-picker-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:3px;cursor:pointer;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing)}.column-picker-item:hover{background:var(--bg-hover)}.column-picker-item input[type=checkbox]{flex-shrink:0}.column-picker-name{font-weight:500;color:var(--text-c2-color)}.column-picker-slug{color:var(--text-h2-color);font-family:var(--font-mono);font-size:var(--text-c3-size);margin-left:auto}.manager-dialog:has(.dual-column-picker){width:620px}.manager-dialog:has(.assigned-field-table){width:560px}.dual-column-picker{display:flex;gap:0;border:var(--border-width) solid var(--border);border-radius:4px;background:var(--bg-primary);min-height:200px;max-height:320px}.dual-picker-panel{flex:1;display:flex;flex-direction:column;min-width:0}.dual-picker-panel-header{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);padding:6px 8px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.dual-picker-panel-body{flex:1;overflow-y:auto;padding:4px}.dual-picker-divider{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0;color:var(--text-h2-color);font-size:.875rem;border-left:var(--border-width) solid var(--border);border-right:var(--border-width) solid var(--border);background:var(--bg-secondary)}.dual-picker-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:3px;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);background:var(--bg-primary)}.dual-picker-item:hover{background:var(--bg-hover)}.dual-picker-item--available{cursor:pointer}.dual-picker-item-name{font-weight:500;color:var(--text-c2-color)}.dual-picker-empty{padding:16px 8px;text-align:center;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);font-style:italic}.layout-preview{display:flex;gap:4px;padding:12px;background:var(--bg-hover);border-radius:6px;min-height:60px;align-items:stretch}.layout-preview-panel{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:4px;padding:6px 8px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);display:flex;align-items:center;justify-content:center;text-align:center;min-height:40px}.layout-manager-body{padding:80px 360px}.layout-manager-container{background:var(--bg-secondary);border-radius:var(--radius);padding:20px 24px}.layout-manager-table{border-collapse:collapse}.layout-manager-table td{border-bottom:none}.layout-manager-table tr+tr td{border-top:var(--border-width) solid var(--border)}.layout-manager-table thead th{border-bottom:none}.manager-count-header{text-align:center}.manager-count-cell{text-align:center;white-space:nowrap;width:1%}.manager-count-cell.count-zero{color:var(--text-c3-color)}.count-cell-wrapper{position:relative;cursor:default}.count-popover{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:8px 12px;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #0000004d}.count-cell-wrapper:hover .count-popover{display:block}.count-popover-label{font-family:var(--text-c2-font);font-size:var(--text-c2-size);color:var(--text-c2-color);margin-bottom:2px}.count-popover-list{list-style:none;margin:4px 0 0;padding:0}.count-popover-list li{font-family:var(--text-c2-font);font-size:var(--text-c2-size);color:var(--text-c1-color);padding:1px 0}.count-popover-list li:before{content:"•";margin-right:6px;color:var(--text-c3-color)}.layout-icon-cell{width:36px;text-align:center;font-size:1.125rem;position:relative}.layout-icon-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;padding:2px 4px;border-radius:4px;line-height:1}.layout-icon-btn:hover{background:var(--bg-hover)}.layout-colour-cell{width:36px}.layout-group-cell{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);white-space:nowrap}.layout-description-cell{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-inline-editable{cursor:text}.layout-inline-editable:hover{background:var(--bg-hover)}.manager-table td .inline-edit-form{display:flex;align-items:center;margin:-2px 0}.manager-table td .inline-edit-form input,.manager-table td .inline-edit-form select{width:100%;box-sizing:border-box;font:inherit;padding:2px 4px;background:var(--bg-primary);border:1px solid var(--accent);border-radius:3px;color:inherit;min-width:0}.view-type-cell{white-space:nowrap}.settings-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.settings-panel-header{display:flex;align-items:center;height:var(--surface-header-height);padding:0 24px;border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.settings-panel-header h2{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing);margin:0}.settings-panel-body{display:flex;flex:1;overflow:hidden}.settings-nav{width:180px;min-width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:80px 8px 40px 88px;background:var(--bg-primary)}.settings-nav-item{display:block;width:100%;padding:8px 12px;background:none;border:none;border-radius:var(--radius);font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);text-align:left;cursor:pointer;transition:background .1s,color .1s}.settings-nav-item:hover{background:var(--bg-hover);filter:brightness(var(--hover-brighten))}.settings-nav-item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text-c2-color)}.settings-content{flex:1;overflow-y:auto;padding:80px 360px 40px 180px}.settings-section{margin-bottom:28px;background:var(--bg-secondary);border-radius:var(--radius);padding:20px 24px}.settings-section-title{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing);margin:0 0 12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.settings-row>label{font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);white-space:nowrap;min-width:100px}.settings-row select{width:160px}.settings-number-input{display:flex;align-items:center;gap:4px}.settings-number-input input{width:72px;text-align:right}.settings-unit{font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.settings-text-level{border:none;border-radius:0;margin-bottom:0;overflow:hidden}.settings-text-level+.settings-text-level{border-top:var(--border-width) solid var(--border)}.settings-text-level-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:0;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);text-align:left;cursor:pointer;transition:background .1s}.settings-text-level-header:hover{background:var(--bg-hover);border-radius:var(--radius)}.settings-chevron{flex-shrink:0}.settings-text-level-name{min-width:60px}.settings-text-level-preview{margin-left:auto;opacity:.8}.settings-text-level-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:4px}.settings-surface-grid{display:flex;flex-direction:column;gap:0}.settings-checkbox-row{display:flex;align-items:center;gap:8px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);cursor:pointer}.settings-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.settings-checkbox-row+.settings-checkbox-row{margin-top:10px}.settings-checkbox-row+.settings-debug-hint{margin-top:12px}.settings-reset-btn{border:var(--border-width) solid var(--border);padding:8px 16px}.settings-reset-btn:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.settings-preset-bar{display:flex;align-items:center;gap:6px}.settings-preset-delete:hover:not(:disabled){border-color:var(--danger)!important;color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 8%,transparent)!important}.settings-preset-combo{position:relative;display:flex;align-items:center;flex:1;min-width:0}.settings-preset-combo-input{width:100%;padding-right:28px}.settings-preset-combo-toggle{position:absolute;right:0;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-c2-color);opacity:.6}.settings-preset-combo-toggle:hover{opacity:1}.settings-preset-combo-list{position:absolute;top:100%;left:0;right:0;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;z-index:10;max-height:160px;overflow-y:auto}.settings-preset-combo-option{padding:6px 10px;cursor:pointer;font-family:var(--text-c2-font);font-size:var(--text-c2-size);color:var(--text-c2-color)}.settings-preset-combo-option:hover{background:var(--bg-hover)}.settings-preset-combo-option.selected{background:color-mix(in srgb,var(--accent) 15%,transparent)}.settings-preset-feedback{margin-left:24px;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);opacity:1;transition:opacity .6s ease-out;white-space:nowrap}.settings-preset-feedback.fading{opacity:0}.settings-reset-row{margin-top:8px;justify-content:flex-start}.settings-debug-hint{margin-top:4px;font-family:var(--text-c3-font);font-size:var(--text-c3-size);font-weight:var(--text-c3-weight);color:var(--text-c3-color);text-transform:var(--text-c3-transform);letter-spacing:var(--text-c3-spacing)}.app-shell{--topbar-height: 48px;--sidebar-width: 260px;position:relative;display:flex;height:100%;overflow:hidden}.app-shell:after{content:"";position:absolute;top:var(--topbar-height);bottom:0;left:calc(var(--sidebar-width) - var(--border-width));width:var(--border-width);background:var(--border);pointer-events:none;z-index:1;transition:left .22s ease,opacity .22s ease}.app-shell:before{content:"";position:absolute;top:0;height:var(--topbar-height);left:calc(var(--sidebar-width) - var(--border-width));width:var(--border-width);background:repeating-linear-gradient(to bottom,var(--border) 0 4px,transparent 4px 8px);pointer-events:none;z-index:1;transition:left .22s ease,opacity .22s ease}.app-shell--resizing:after,.app-shell--resizing:before{transition:none}.app-shell--sidebar-collapsed:after,.app-shell--sidebar-collapsed:before{left:0;opacity:0}.app-shell--resizing,.app-shell--resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.sidebar-resize-handle{position:absolute;top:0;bottom:0;left:calc(var(--sidebar-width) - 4px);width:8px;cursor:col-resize;z-index:30;touch-action:none;transition:left .22s ease,opacity .22s ease}@media(pointer:coarse){.sidebar-resize-handle{left:calc(var(--sidebar-width) - 16px);width:32px}}.app-shell--resizing .sidebar-resize-handle{transition:none}.sidebar-resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--resize-highlight-width) / 2);width:var(--resize-highlight-width);background:transparent;transition:background .12s ease}.sidebar-resize-handle:hover:before,.sidebar-resize-handle--active:before{background:var(--accent)}.app-shell--sidebar-collapsed .sidebar-resize-handle{left:0;opacity:0;pointer-events:none}.shell-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.shell-topbar{display:flex;align-items:stretch;flex-shrink:0}.shell-topbar .tab-bar{flex:1;min-width:0}.shell-sidebar-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:var(--topbar-height);background:var(--bg-secondary);border:none;border-right:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border);border-radius:0;color:var(--text-c1-color);cursor:pointer;padding:0;box-sizing:border-box;transition:filter .1s,color .1s}.shell-sidebar-toggle:hover{color:var(--text-c2-color);filter:brightness(var(--hover-brighten))}.shell-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.shell-tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;animation:fade-in .12s ease-out}.shell-empty{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-h2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing)}.shell-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-c1-color)}.shell-placeholder-type{font-family:var(--text-h2-font);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--text-h2-color);text-transform:var(--text-h2-transform);letter-spacing:var(--text-h2-spacing)}.shell-placeholder h2{font-family:var(--text-h1-font);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--text-h1-color);text-transform:var(--text-h1-transform);letter-spacing:var(--text-h1-spacing)}.debug-tooltip{position:fixed;z-index:99999;pointer-events:none;background:#000000eb;border:1px solid rgba(139,92,246,.5);border-radius:6px;padding:8px 12px;font-size:11px;font-family:JetBrains Mono,Fira Code,monospace;color:#e4e4e7;line-height:1.6;max-width:360px;box-shadow:0 6px 24px #00000073}.debug-tooltip__section+.debug-tooltip__section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,92,246,.25)}.debug-tooltip__title{color:#8b5cf6;font-weight:600;margin-bottom:4px;display:flex;gap:6px;align-items:baseline}.debug-tooltip__subtitle{color:#a78bfa;font-weight:500;font-size:10px}.debug-tooltip__row{display:flex;gap:8px;align-items:baseline;white-space:nowrap}.debug-tooltip__label{color:#71717a;flex:0 0 auto;min-width:70px}.debug-tooltip__value{color:#e4e4e7;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.debug-tooltip__row--muted .debug-tooltip__value{color:#a1a1aa}.debug-tooltip__row--override .debug-tooltip__value{color:#fde68a}.debug-tooltip__source{color:#71717a;flex:0 0 auto;font-size:10px;padding-left:8px}.debug-tooltip__row--override .debug-tooltip__source{color:#fbbf24}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1117;--bg-secondary: #161922;--bg-tertiary: #1c1f2e;--bg-hover: #252838;--border: #2a2d3e;--accent: #8b5cf6;--accent-hover: #7c3aed;--success: #22c55e;--warning: #f59e0b;--danger: #dc3c3c;--info: #3b82f6;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 6px;--border-width: 1px;--resize-highlight-width: 4px;--surface-header-height: calc(var(--text-h1-size) + 30px);--hover-brighten: 1.5;--text-jumbo-font: var(--font-sans);--text-jumbo-size: 56px;--text-jumbo-color: #e4e4e7;--text-jumbo-weight: 700;--text-jumbo-transform: none;--text-jumbo-spacing: 0;--text-h1-font: var(--font-sans);--text-h1-size: 18px;--text-h1-color: #e4e4e7;--text-h1-weight: 600;--text-h1-transform: none;--text-h1-spacing: 0;--text-h2-font: var(--font-sans);--text-h2-size: 11px;--text-h2-color: #71717a;--text-h2-weight: 600;--text-h2-transform: uppercase;--text-h2-spacing: .04em;--text-c1-font: var(--font-sans);--text-c1-size: 13px;--text-c1-color: #a1a1aa;--text-c1-weight: 400;--text-c1-transform: none;--text-c1-spacing: 0;--text-c2-font: var(--font-sans);--text-c2-size: 14px;--text-c2-color: #e4e4e7;--text-c2-weight: 400;--text-c2-transform: none;--text-c2-spacing: 0;--text-c3-font: var(--font-sans);--text-c3-size: 12px;--text-c3-color: #71717a;--text-c3-weight: 400;--text-c3-transform: none;--text-c3-spacing: 0;--text-s1-font: var(--font-sans);--text-s1-size: 13px;--text-s1-color: #a1a1aa;--text-s1-weight: 500;--text-s1-transform: none;--text-s1-spacing: 0;--text-s2-font: var(--font-sans);--text-s2-size: 11px;--text-s2-color: #71717a;--text-s2-weight: 400;--text-s2-transform: none;--text-s2-spacing: 0}html,body,#root{height:100%;font-family:var(--text-c2-font);font-size:var(--text-c2-size);font-weight:var(--text-c2-weight);color:var(--text-c2-color);text-transform:var(--text-c2-transform);letter-spacing:var(--text-c2-spacing);background:var(--bg-primary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--text-c1-font);font-size:var(--text-c1-size);font-weight:var(--text-c1-weight);color:var(--text-c1-color);text-transform:var(--text-c1-transform);letter-spacing:var(--text-c1-spacing);border:none;border-radius:var(--radius);padding:6px 14px;transition:background .15s}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:8px 12px;outline:none;color-scheme:dark;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}option{background:var(--bg-primary);color:var(--text-c2-color)}textarea{resize:vertical;font-family:var(--font-mono);font-size:var(--text-c1-size);line-height:1.6}html.font-smooth-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.font-smooth-subpixel{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-h2-color)}