.ft-toolstrip{position:absolute;top:12px;left:12px;z-index:50;display:flex;flex-direction:column;gap:2px;background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);padding:3px;box-shadow:var(--ft-shadow)}.ft-toolstrip-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--ft-text-muted);border-radius:var(--ft-radius-sm);padding:0;transition:color var(--ft-t),background var(--ft-t)}.ft-toolstrip-btn:hover{color:var(--ft-text);background:var(--ft-bg-hover)}.ft-toolstrip-btn--active{color:var(--ft-accent-text);background:var(--ft-accent)}.ft-toolstrip-btn--active:hover{background:var(--ft-accent-hover)}.ft-toolstrip-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.ft-toolstrip-btn svg{width:16px;height:16px}.ft-left-panel-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.ft-left-config{overflow-y:auto;flex-shrink:0}.ft-left-divider{height:4px;flex-shrink:0;cursor:row-resize;background:var(--ft-border);transition:background var(--ft-t)}.ft-left-divider:hover{background:color-mix(in srgb,var(--ft-accent) 40%,transparent)}.ft-left-outline{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}details.ft-section{border-top:1px solid var(--ft-border)}details.ft-section>summary.ft-section-title{padding:6px 10px;font-size:10.5px;font-weight:600;color:var(--ft-text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:7px;background:var(--ft-bg);transition:background var(--ft-t),color var(--ft-t)}details.ft-section>summary.ft-section-title::-webkit-details-marker{display:none}details.ft-section>summary.ft-section-title:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent currentColor;flex-shrink:0;opacity:.45;transition:transform .12s ease,opacity .12s ease}details.ft-section[open]>summary.ft-section-title:before{transform:rotate(90deg);opacity:.65}details.ft-section>summary.ft-section-title:hover{background:var(--ft-bg-muted);color:var(--ft-text)}details.ft-section>summary.ft-section-title:hover:before{opacity:.8}.ft-section-body{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.ft-section-body--disabled{opacity:.4;pointer-events:none}.ft-ops-group{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--ft-border)}.ft-ops-group:last-child{border-bottom:none;padding-bottom:0}.ft-ops-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ft-text-dim);-webkit-user-select:none;user-select:none}.ft-stats-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12px}.ft-stats-grid dt{color:var(--ft-text-muted);font-weight:400}.ft-stats-grid dd{margin:0}.ft-tree-empty{padding:16px 10px;font-size:12px;color:var(--ft-text-muted);text-align:center}.ft-column-list{max-height:160px;overflow-y:auto;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);padding:4px;display:flex;flex-direction:column;gap:2px}.ft-outline{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--ft-bg);overflow:hidden}.ft-outline-search-row{padding:4px 6px;flex-shrink:0}input.ft-outline-search{width:100%;box-sizing:border-box;padding:4px 8px;font-size:11px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg-subtle);color:var(--ft-text);font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t),background var(--ft-t)}input.ft-outline-search:focus{outline:none;border-color:var(--ft-accent);background:var(--ft-bg);box-shadow:0 0 0 2px var(--ft-accent-subtle)}input.ft-outline-search::placeholder{color:var(--ft-text-dim)}.ft-outline-vlist{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;position:relative}.ft-outline-row{display:flex;align-items:center;gap:0;height:20px;font-size:11px;color:var(--ft-text);cursor:default;box-sizing:border-box;padding-right:8px;white-space:nowrap;min-width:fit-content}.ft-outline-row:hover{background:var(--ft-bg-hover)}.ft-outline-row--selected{background:var(--ft-accent-subtle)}.ft-outline-row--selected:hover{background:var(--ft-accent-subtle-hover)}.ft-outline-vlist:focus{outline:none}.ft-outline-vlist:focus-visible .ft-outline-row--focused{outline:1px solid var(--ft-accent);outline-offset:-1px;border-radius:2px}.ft-outline-arrow{width:16px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ft-outline-arrow:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:3.5px 0 3.5px 5px;border-color:transparent transparent transparent var(--ft-text-muted);transition:transform .1s ease}.ft-outline-arrow--open:before{transform:rotate(90deg)}.ft-outline-row:hover>.ft-outline-arrow:before{border-left-color:var(--ft-text)}.ft-outline-leaf{width:16px;flex-shrink:0}.ft-outline-highlight-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-right:4px}.ft-outline-label{flex:1;min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-outline-meta{font-size:10px;color:var(--ft-text-dim);flex-shrink:0;margin-left:6px;font-variant-numeric:tabular-nums}.ft-outliner{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ft-outliner-header{display:flex;align-items:center;height:26px;min-height:26px;flex-shrink:0;padding:0 10px;background:var(--ft-bg-muted);border-bottom:1px solid var(--ft-border);font-size:10px;font-weight:600;color:var(--ft-text-muted);text-transform:uppercase;letter-spacing:.06em;gap:6px;-webkit-user-select:none;user-select:none}.ft-outliner-header-spacer{flex:1}.ft-outliner-tree-count{font-size:10px;font-weight:400;color:var(--ft-text-dim);font-variant-numeric:tabular-nums}.ft-outliner-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.ft-field{display:flex;flex-direction:column;gap:4px}.ft-field-row{display:flex;align-items:center;gap:8px}.ft-field label{font-size:11px;color:var(--ft-text-muted);-webkit-user-select:none;user-select:none;font-weight:500;letter-spacing:.01em}.ft-field--disabled{opacity:.4;pointer-events:none}select.ft-select{width:100%;padding:5px 28px 5px 8px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background-color:var(--ft-bg);background-image:var(--ft-select-arrow);background-repeat:no-repeat;background-position:right 8px center;color:var(--ft-text);cursor:pointer;appearance:none;font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t)}select.ft-select:disabled{opacity:.4;cursor:default}select.ft-select:focus{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-slider-row{display:flex;align-items:center;gap:6px}input[type=range].ft-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--ft-accent);border-radius:2px;outline:none}input[type=range].ft-slider:focus-visible{outline:2px solid var(--ft-accent);outline-offset:3px;border-radius:4px}input[type=range].ft-slider:disabled{opacity:.4;cursor:default}.ft-slider-value{font-size:11px;color:var(--ft-text-muted);min-width:34px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}input[type=number].ft-number{width:64px;padding:4px 6px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t)}input[type=number].ft-number:focus{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-checkbox-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ft-text);cursor:pointer;-webkit-user-select:none;user-select:none}.ft-checkbox-label input[type=checkbox]{accent-color:var(--ft-accent);cursor:pointer;width:14px;height:14px;flex-shrink:0}.ft-checkbox-label.disabled{opacity:.4;pointer-events:none}button.ft-btn{padding:5px 10px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);cursor:pointer;white-space:nowrap;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background var(--ft-t),border-color var(--ft-t)}button.ft-btn:hover{background:var(--ft-bg-hover);border-color:var(--ft-border-strong)}button.ft-btn:active{background:var(--ft-bg-active)}button.ft-btn:focus-visible{outline:2px solid var(--ft-accent);outline-offset:1px}button.ft-btn:disabled{opacity:.35;cursor:default;pointer-events:none}button.ft-btn-sm{padding:3px 8px;font-size:11px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-xs);background:var(--ft-bg);color:var(--ft-text);cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;transition:background var(--ft-t),border-color var(--ft-t)}button.ft-btn-sm:hover{background:var(--ft-bg-hover);border-color:var(--ft-border-strong)}button.ft-btn-full{width:100%}button.ft-btn-primary{background:var(--ft-accent);border-color:var(--ft-accent);color:var(--ft-accent-text);font-weight:500}button.ft-btn-primary:hover{background:var(--ft-accent-hover);border-color:var(--ft-accent-hover)}.ft-color-picker-row{display:flex;align-items:center;gap:6px}input[type=color].ft-color-input{width:32px;height:26px;padding:0;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);cursor:pointer;background:none;transition:border-color var(--ft-t)}input[type=color].ft-color-input:hover{border-color:var(--ft-border-strong)}.ft-color-swatches{display:flex;gap:3px;flex-wrap:wrap}button.ft-swatch{width:18px;height:18px;border-radius:var(--ft-radius-sm);border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--ft-t),box-shadow var(--ft-t)}button.ft-swatch:hover{transform:scale(1.15);box-shadow:0 1px 4px #0003}button.ft-clear-btn{font-size:11px;border:none;background:none;color:var(--ft-text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--ft-radius-sm);font-family:inherit;transition:background var(--ft-t),color var(--ft-t)}button.ft-clear-btn:hover{background:var(--ft-bg-hover);color:var(--ft-text)}.ft-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ft-label{font-size:11px;color:var(--ft-text-muted);font-weight:500;letter-spacing:.01em;display:block;margin-bottom:3px;-webkit-user-select:none;user-select:none}.ft-hint{font-size:11px;color:var(--ft-text-muted);font-style:italic}.ft-disabled-group{opacity:.4;pointer-events:none}.ft-tab-content{display:flex;flex-direction:column;gap:8px}.ft-drag-handle{cursor:grab;opacity:.4;color:var(--ft-text-muted);flex-shrink:0;-webkit-user-select:none;user-select:none;transition:opacity var(--ft-t)}.ft-drag-handle:hover{opacity:.7}.ft-tag{font-size:10px;color:var(--ft-text-dim);background:var(--ft-bg-muted);padding:1px 5px;border-radius:var(--ft-radius-xs);white-space:nowrap;flex-shrink:0}.ft-properties{display:flex;flex:1;min-height:0;overflow:hidden}.ft-properties-tabs{display:flex;flex-direction:column;width:36px;flex-shrink:0;background:var(--ft-bg-muted);border-right:1px solid var(--ft-border);padding:4px 0;gap:1px;overflow-y:auto;scrollbar-width:none}.ft-properties-tabs::-webkit-scrollbar{display:none}.ft-properties-tab{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;position:relative;color:var(--ft-text-dim);border-radius:var(--ft-radius-sm);margin:0 2px;padding:0;transition:color var(--ft-t),background var(--ft-t)}.ft-properties-tab:hover{color:var(--ft-text);background:var(--ft-bg-hover)}.ft-properties-tab--active{color:var(--ft-accent);background:var(--ft-accent-subtle)}.ft-properties-tab--active:hover{background:var(--ft-accent-subtle-hover)}.ft-properties-tab svg{width:18px;height:18px;flex-shrink:0}.ft-properties-tab-dot{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--ft-accent)}.ft-properties-content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.ft-prop-section{border-bottom:1px solid var(--ft-border)}.ft-prop-section:last-child{border-bottom:none}.ft-prop-section-header{display:flex;align-items:center;padding:0 10px;height:28px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px;transition:background var(--ft-t)}.ft-prop-section-header:hover{background:var(--ft-bg-subtle)}.ft-prop-section-chevron{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent currentColor;color:var(--ft-text-dim);flex-shrink:0;transition:transform .12s ease,color .12s ease}.ft-prop-section--open>.ft-prop-section-header>.ft-prop-section-chevron{transform:rotate(90deg);color:var(--ft-text-muted)}.ft-prop-section-title{font-size:10.5px;font-weight:600;color:var(--ft-text-muted);text-transform:uppercase;letter-spacing:.04em}.ft-prop-section-body{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.ft-prop-section--disabled .ft-prop-section-body{opacity:.4;pointer-events:none}.ft-prop-section-hint{font-size:11px;color:var(--ft-text-dim);font-style:italic;padding:8px 10px 4px}.ft-properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:8px;text-align:center}.ft-properties-empty-icon{color:var(--ft-text-dim);opacity:.4}.ft-properties-empty-text{font-size:12px;color:var(--ft-text-dim)}.ft-right-panel{display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}.ft-right-panel-resize{width:5px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background var(--ft-t)}.ft-right-panel-resize:hover{background:color-mix(in srgb,var(--ft-accent) 30%,transparent)}.ft-right-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.ft-segment{border-bottom:1px solid var(--ft-border)}.ft-segment-header{display:flex;align-items:center;gap:6px;width:100%;padding:4px 10px;border:none;background:var(--ft-bg-muted);border-bottom:1px solid var(--ft-border);cursor:pointer;font-size:9.5px;font-weight:600;color:var(--ft-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.06em;font-family:inherit;transition:background var(--ft-t),color var(--ft-t)}.ft-segment-header:hover{background:var(--ft-bg-hover);color:var(--ft-text)}.ft-segment-toggle{font-size:7px;color:currentColor;flex-shrink:0;opacity:.5;display:inline-block;transition:transform .12s ease}.ft-segment-title{flex:1}.ft-segment-body{padding:6px 10px;display:flex;flex-direction:column;gap:8px}.ft-segment-disabled-hint{font-size:11px;color:var(--ft-text-muted);font-style:italic;margin-bottom:4px}.ft-segment-content--disabled{opacity:.4;pointer-events:none}.ft-segment-tabbar{display:flex;border-bottom:1px solid var(--ft-border);margin:0 -10px 6px;padding:0 10px;background:var(--ft-bg-subtle);overflow-x:auto}.ft-segment-tab{flex:1;padding:4px;border:none;background:none;font-size:10px;cursor:pointer;color:var(--ft-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit;font-weight:500;white-space:nowrap;transition:color var(--ft-t),border-color var(--ft-t)}.ft-segment-tab:hover{color:var(--ft-text)}.ft-segment-tab[aria-selected=true]{border-bottom-color:var(--ft-accent);color:var(--ft-text);font-weight:600}.ft-color-row{display:flex;align-items:center;gap:8px;font-size:12px}.ft-color-row-label{min-width:80px;color:var(--ft-text-muted)}.ft-attr-row{display:flex;align-items:center;gap:6px}.ft-attr-key{font-size:12px;color:var(--ft-text-muted);min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}input.ft-input{padding:4px 7px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);flex:1;min-width:0;font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t)}input.ft-input:focus{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-row{display:flex;align-items:center;gap:6px;font-size:12px}.ft-label-inline{min-width:60px;flex-shrink:0;color:var(--ft-text-muted)}.ft-range{flex:1;min-width:0;accent-color:var(--ft-accent)}.ft-range-value{min-width:36px;text-align:right;font-size:11px;color:var(--ft-text-muted);flex-shrink:0}.ft-export-group{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--ft-border)}.ft-export-group:last-child{border-bottom:none;padding-bottom:0}.ft-export-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ft-text-dim);-webkit-user-select:none;user-select:none}.ft-export-dpi-row{display:flex;align-items:center;gap:6px}.ft-export-dialog-content{padding:0 16px;display:flex;flex-direction:column;gap:10px}.ft-btn--done{background:var(--ft-accent-subtle)!important;color:var(--ft-accent)!important;border-color:var(--ft-accent)!important;pointer-events:none}.ft-legend-textarea{width:100%;margin-top:2px;box-sizing:border-box;height:80px;resize:vertical;padding:6px 8px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t)}.ft-legend-textarea:focus{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-data-layer{border:1px solid var(--ft-border);border-radius:var(--ft-radius);padding:8px;background:var(--ft-bg-subtle);display:flex;flex-direction:column;gap:6px}.ft-data-layer-header{display:flex;align-items:center;gap:6px}.ft-data-layer-name{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-data-layer-controls{display:flex;flex-direction:column;gap:4px}.ft-data-layer-bar-row{display:flex;align-items:center;gap:6px;font-size:11px}.ft-app{display:grid;grid-template-rows:var(--toolbar-h, 40px) 1fr var(--statusbar-h, 26px);grid-template-columns:1fr var(--right-panel-w, 320px);grid-template-areas:"toolbar toolbar" "canvas right" "status status";transition:grid-template-columns .15s ease;position:fixed;inset:0;overflow:hidden;background:var(--ft-canvas-bg)}.ft-toolbar-area{grid-area:toolbar;display:flex;align-items:center;gap:1px;padding:0 6px;border-bottom:1px solid var(--ft-border);background:var(--ft-bg);flex-shrink:0;overflow:hidden}.ft-canvas-area{grid-area:canvas;position:relative;overflow:hidden;background:var(--ft-canvas-bg)}.ft-right-panel-area{grid-area:right;overflow:hidden;border-left:1px solid var(--ft-border);background:var(--ft-bg);display:flex;flex-direction:row;min-height:0}.ft-right-panel-inner{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.ft-right-panel-outliner{flex:0 0 auto;overflow:hidden}.ft-right-panel-properties{flex:1;display:flex;min-height:0;overflow:hidden}.ft-status-bar-area{grid-area:status;display:flex;align-items:center;gap:10px;padding:0 12px;border-top:1px solid var(--ft-border);background:var(--ft-bg);font-size:11px;color:var(--ft-text-muted);overflow:hidden}.ft-panel-resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background var(--ft-t)}.ft-panel-resize-handle:hover{background:color-mix(in srgb,var(--ft-accent) 30%,transparent)}.ft-logo{font-weight:700;font-size:14px;color:var(--ft-text);white-space:nowrap;letter-spacing:-.02em;padding:0 6px;margin-right:2px;flex-shrink:0}.ft-toolbar-sep{width:1px;height:18px;background:var(--ft-border);margin:0 5px;flex-shrink:0}.ft-toolbar-spacer{flex:1}.ft-zoom-pct{font-size:11px;color:var(--ft-text-muted);min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.ft-app .ft-toolbar-area button{border:none;background:none;color:var(--ft-text);font-size:13px;padding:0 9px;height:28px;border-radius:var(--ft-radius-sm);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;font-family:inherit;transition:background var(--ft-t),color var(--ft-t);flex-shrink:0}.ft-app .ft-toolbar-area button:hover{background:var(--ft-bg-hover)}.ft-app .ft-toolbar-area button:active{background:var(--ft-bg-active)}.ft-app .ft-toolbar-area button:disabled{opacity:.35;cursor:default}.ft-app .ft-toolbar-area select{border:1px solid var(--ft-border);background-color:var(--ft-bg);background-image:var(--ft-select-arrow);background-repeat:no-repeat;background-position:right 7px center;color:var(--ft-text);font-size:12px;padding:0 26px 0 8px;height:28px;border-radius:var(--ft-radius-sm);cursor:pointer;font-family:inherit;appearance:none;transition:border-color var(--ft-t),background-color var(--ft-t)}.ft-app .ft-toolbar-area select:hover{border-color:var(--ft-border-strong);background-color:var(--ft-bg-subtle)}.ft-app .ft-toolbar-area select:focus{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-toolbar-export-btn{gap:4px}.ft-toolbar-export-btn svg{width:14px;height:14px}.ft-status-sep{width:1px;height:13px;background:var(--ft-border)}.ft-toolbar-search{border:1px solid var(--ft-border);background:var(--ft-bg-subtle);color:var(--ft-text);font-size:12px;padding:0 10px;border-radius:var(--ft-radius);width:160px;height:28px;font-family:inherit;transition:border-color var(--ft-t),box-shadow var(--ft-t),background var(--ft-t)}.ft-toolbar-search:focus{outline:none;border-color:var(--ft-accent);background:var(--ft-bg);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-toolbar-search::placeholder{color:var(--ft-text-dim)}.ft-match-badge{background:var(--ft-accent);color:var(--ft-accent-text);border-radius:9px;font-size:10px;font-weight:600;padding:1px 7px;margin-left:2px}.ft-app.ft-publication .ft-toolbar-area,.ft-app.ft-publication .ft-status-bar-area{display:none}.ft-app.ft-publication{--toolbar-h: 0px;--statusbar-h: 0px}.ft-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.ft-canvas-empty-title{font-size:16px;margin:0;font-weight:500;color:var(--ft-text-muted)}.ft-canvas-empty-sub{font-size:13px;margin:0;color:var(--ft-text-muted);opacity:.6}.ft-canvas-drop-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ft-accent) 10%,transparent);border:2px dashed var(--ft-accent);border-radius:var(--ft-radius-md);font-size:18px;color:var(--ft-accent);font-weight:600;pointer-events:none;letter-spacing:-.01em}.ft-right-divider{flex:0 0 4px;cursor:row-resize;background:transparent;position:relative;z-index:2;border-top:1px solid var(--ft-border)}.ft-right-divider:after{content:"";position:absolute;left:20%;right:20%;top:1px;height:2px;border-radius:1px;background:transparent;transition:background .15s ease}.ft-right-divider:hover:after,.ft-right-divider:active:after{background:var(--ft-accent)}.ft-canvas-error{position:absolute;top:8px;left:8px;right:8px;padding:8px 16px;background:var(--ft-error-bg);border:1px solid var(--ft-error-border);color:var(--ft-error-text);font-size:13px;border-radius:var(--ft-radius-sm)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100vh;width:100vw;height:100dvh;width:100dvw;overflow:hidden}#root>div{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ft-text)}:root{color-scheme:light;--ft-bg: #ffffff;--ft-bg-subtle: #f8f7f5;--ft-bg-muted: #f0efed;--ft-bg-hover: #e9e8e6;--ft-bg-active: #dedddb;--ft-canvas-bg: #f3f1ee;--ft-border: #e4e2df;--ft-border-strong: #c9c8c5;--ft-text: #1a1918;--ft-text-muted: #605f5d;--ft-text-dim: #9d9c9a;--ft-accent: #4f46e5;--ft-accent-hover: #4338ca;--ft-accent-text: #ffffff;--ft-accent-subtle: color-mix(in srgb, var(--ft-accent) 10%, transparent);--ft-accent-subtle-hover: color-mix(in srgb, var(--ft-accent) 18%, transparent);--ft-error-bg: #fef2f2;--ft-error-border: #fca5a5;--ft-error-text: #991b1b;--ft-overlay-bg: rgba(0, 0, 0, .22);--ft-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--ft-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--ft-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .09), 0 4px 6px -4px rgba(0, 0, 0, .06);--ft-radius-xs: 2px;--ft-radius-sm: 4px;--ft-radius: 6px;--ft-radius-md: 8px;--ft-radius-lg: 12px;--ft-t: .12s ease;--ft-t-fast: .07s ease;--ft-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236e6d6b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark],[data-theme=high-contrast]{color-scheme:dark;--ft-bg: #1c1c1e;--ft-bg-subtle: #242427;--ft-bg-muted: #2c2c30;--ft-bg-hover: #38383d;--ft-bg-active: #44444a;--ft-canvas-bg: #18181b;--ft-border: #3c3c42;--ft-border-strong: #56565e;--ft-text: #e4e4e8;--ft-text-muted: #a4a4ac;--ft-text-dim: #606068;--ft-accent: #818cf8;--ft-accent-hover: #a5b4fc;--ft-accent-text: #1a1918;--ft-error-bg: #2d1111;--ft-error-border: #7f1d1d;--ft-error-text: #fca5a5;--ft-overlay-bg: rgba(0, 0, 0, .5);--ft-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--ft-shadow: 0 4px 6px rgba(0, 0, 0, .3);--ft-shadow-lg: 0 10px 20px rgba(0, 0, 0, .45);--ft-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239898a0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ft-text) 16%,transparent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ft-text) 30%,transparent)}@keyframes ft-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ft-slide-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ft-overlay{position:fixed;inset:0;z-index:1000;background:var(--ft-overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ft-fade-in .15s ease}.ft-dialog{background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);box-shadow:var(--ft-shadow-lg);animation:ft-slide-in .15s ease}.ft-menu-item{display:block;width:100%;padding:6px 10px;border:none;background:none;text-align:left;font-size:13px;color:var(--ft-text);cursor:pointer;border-radius:var(--ft-radius-sm);transition:background var(--ft-t);font-family:inherit}.ft-menu-item:hover,.ft-menu-item[data-active=true]{background:var(--ft-bg-hover)}input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);padding:2px;cursor:pointer;background:var(--ft-bg);transition:border-color var(--ft-t)}input[type=color]:hover{border-color:var(--ft-border-strong)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}input[type=checkbox]{accent-color:var(--ft-accent)}.ft-input{font-size:12px;padding:5px 8px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);outline:none;transition:border-color var(--ft-t),box-shadow var(--ft-t);font-family:inherit}.ft-input:focus{border-color:var(--ft-accent);box-shadow:0 0 0 2px var(--ft-accent-subtle)}.ft-input::placeholder{color:var(--ft-text-dim)}kbd{font-size:11px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;background:var(--ft-bg-muted);color:var(--ft-text-muted);padding:1px 5px;border-radius:var(--ft-radius-sm);border:1px solid var(--ft-border);box-shadow:0 1px 0 var(--ft-border-strong)}.ft-swatch{width:20px;height:20px;border-radius:var(--ft-radius-sm);border:1.5px solid rgba(128,128,128,.2);cursor:pointer;padding:0;transition:transform var(--ft-t),box-shadow var(--ft-t)}.ft-swatch:hover{transform:scale(1.15);box-shadow:var(--ft-shadow-sm)}.ft-swatch[data-selected=true]{border:2px solid var(--ft-text);box-shadow:var(--ft-shadow-sm)}.ft-tooltip{position:fixed;z-index:1000;background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);padding:7px 10px;font-size:12px;pointer-events:none;box-shadow:var(--ft-shadow);animation:ft-fade-in .1s ease}.ft-divider{height:1px;background:var(--ft-border);margin:3px 0}[popover].ft-popup{margin:0;padding:0;border:none;inset:unset;overflow:visible}.ft-menu-popup{background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);box-shadow:var(--ft-shadow);min-width:168px;padding:4px;animation:ft-slide-in .12s ease}.ft-menu-popup button{display:block;width:100%;border:none;background:none;text-align:left;padding:6px 10px;font-size:13px;cursor:pointer;color:var(--ft-text);white-space:nowrap;border-radius:var(--ft-radius-sm);font-family:inherit;transition:background var(--ft-t)}.ft-menu-popup button:hover{background:var(--ft-bg-hover)}.ft-menu-popup button:disabled{opacity:.35;cursor:default;pointer-events:none}.ft-context-menu-popup{background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);box-shadow:var(--ft-shadow-lg);padding:4px;min-width:180px;animation:ft-slide-in .15s ease}