.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-toolstrip-sep{height:1px;margin:2px 4px;background:var(--ft-border)}.ft-zoom-controls{position:absolute;top:12px;right:12px;z-index:50;display:flex;align-items:center;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);transition:right .18s ease}.ft-zoom-controls-btn{width:28px;height:28px;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-zoom-controls-btn:hover{color:var(--ft-text);background:var(--ft-bg-hover)}.ft-zoom-controls-btn svg{width:14px;height:14px}.ft-zoom-controls-sep{width:1px;height:18px;background:var(--ft-border);margin:0 2px}.ft-zoom-controls-slider{width:80px;height:4px;appearance:none;background:var(--ft-border);border-radius:2px;outline:none;cursor:pointer;margin:0 2px}.ft-zoom-controls-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ft-text-muted);border:2px solid var(--ft-bg);cursor:pointer;transition:background var(--ft-t)}.ft-zoom-controls-slider::-webkit-slider-thumb:hover{background:var(--ft-text)}.ft-zoom-controls-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ft-text-muted);border:2px solid var(--ft-bg);cursor:pointer}.ft-zoom-controls-pct{font-size:11px;color:var(--ft-text-muted);width:42px;text-align:center;font-variant-numeric:tabular-nums;padding:0 4px;-webkit-user-select:none;user-select:none}.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:6px;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:4px 12px;font-size:12px}.ft-stats-grid dt{color:var(--ft-text-muted);font-weight:500;font-size:11px}.ft-stats-grid dd{margin:0;font-variant-numeric:tabular-nums}.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:3px}.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:6px 28px 6px 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;line-height:1.3;transition:border-color var(--ft-t),box-shadow var(--ft-t),background-color var(--ft-t)}select.ft-select:hover{border-color:var(--ft-border-strong)}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)}select.ft-select--compact{padding:4px 24px 4px 6px;font-size:11px}.ft-slider-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ft-slider-row{display:flex;align-items:center;gap:0;position:relative}input[type=range].ft-slider{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;outline:none;margin:0}input[type=range].ft-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--ft-border);transition:background var(--ft-t)}input[type=range].ft-slider:hover::-webkit-slider-runnable-track{background:var(--ft-border-strong)}input[type=range].ft-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ft-accent);border:2px solid var(--ft-bg);box-shadow:0 0 0 1px var(--ft-border-strong),var(--ft-shadow-sm);margin-top:-5px;transition:box-shadow var(--ft-t),transform var(--ft-t)}input[type=range].ft-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 1px var(--ft-accent),0 0 0 3px var(--ft-accent-subtle)}input[type=range].ft-slider:active::-webkit-slider-thumb{transform:scale(1.1)}input[type=range].ft-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--ft-border);border:none}input[type=range].ft-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ft-accent);border:2px solid var(--ft-bg);box-shadow:0 0 0 1px var(--ft-border-strong),var(--ft-shadow-sm)}input[type=range].ft-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ft-accent),0 0 0 4px var(--ft-accent-subtle)}input[type=range].ft-slider:disabled{opacity:.35;cursor:default;pointer-events:none}.ft-slider-value{font-size:11px;color:var(--ft-text-muted);min-width:32px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;-webkit-user-select:none;user-select:none}input[type=number].ft-number{width:56px;padding:4px 6px;font-size:11px;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:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ft-text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.ft-checkbox-label input[type=checkbox]{position:relative;-webkit-appearance:none;appearance:none;width:15px;height:15px;flex-shrink:0;border:1.5px solid var(--ft-border-strong);border-radius:3px;background:var(--ft-bg);cursor:pointer;transition:background var(--ft-t-fast),border-color var(--ft-t-fast),box-shadow var(--ft-t-fast)}.ft-checkbox-label input[type=checkbox]:hover{border-color:var(--ft-accent)}.ft-checkbox-label input[type=checkbox]:checked{background:var(--ft-accent);border-color:var(--ft-accent)}.ft-checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:8px;border:solid var(--ft-accent-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.ft-checkbox-label input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--ft-accent-subtle)}.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.2;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background var(--ft-t),border-color var(--ft-t),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:4px 8px;font-size:11px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text);cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.2;display:inline-flex;align-items:center;gap:3px;transition:background var(--ft-t),border-color var(--ft-t),color var(--ft-t)}button.ft-btn-sm:hover{background:var(--ft-bg-hover);border-color:var(--ft-border-strong)}button.ft-btn-sm:active{background:var(--ft-bg-active)}button.ft-btn-sm:focus-visible{outline:2px solid var(--ft-accent);outline-offset:1px}button.ft-btn-sm:disabled{opacity:.35;cursor:default;pointer-events:none}button.ft-btn-full{width:100%;justify-content:center}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)}button.ft-btn-ghost{border-color:transparent;background:transparent;color:var(--ft-text-muted)}button.ft-btn-ghost:hover{background:var(--ft-bg-hover);color:var(--ft-text);border-color:transparent}.ft-color-attr-row{display:flex;align-items:center;gap:6px}.ft-color-attr-row>select.ft-select{flex:1;min-width:0}.ft-color-picker-row{display:flex;align-items:center;gap:6px}input[type=color].ft-color-input{width:30px;height:24px;padding:2px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);cursor:pointer;background:var(--ft-bg);flex-shrink:0;transition:border-color var(--ft-t),box-shadow var(--ft-t)}input[type=color].ft-color-input:hover{border-color:var(--ft-border-strong);box-shadow:var(--ft-shadow-sm)}.ft-color-swatches{display:flex;gap:3px;flex-wrap:wrap}button.ft-swatch{width:18px;height:18px;border-radius:var(--ft-radius-sm);border:1.5px solid rgba(128,128,128,.15);cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--ft-t),box-shadow var(--ft-t),border-color var(--ft-t)}button.ft-swatch:hover{transform:scale(1.2);box-shadow:0 1px 4px #0000002e;border-color:#8080804d}button.ft-clear-btn{font-size:11px;border:none;background:none;color:var(--ft-text-dim);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-dim);font-style:italic;line-height:1.35}.ft-disabled-group{opacity:.4;pointer-events:none}.ft-section-divider{border:none;border-top:1px solid var(--ft-border);margin:4px 0}.ft-tab-content{display:flex;flex-direction:column;gap:8px}.ft-drag-handle{cursor:grab;opacity:.35;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-slider-label-row{display:flex;align-items:baseline;justify-content:space-between}.ft-slider-track-wrapper{flex:1;position:relative}.ft-slider-marks{position:absolute;bottom:5px;height:4px;pointer-events:none}.ft-slider-mark{position:absolute;top:0;width:2px;height:4px;background:var(--ft-accent);opacity:.45;border-radius:1px;transform:translate(-1px)}.ft-linegap-mode-select{font-size:10px;padding:2px 16px 2px 4px;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 3px center;background-size:8px;color:var(--ft-text-muted);cursor:pointer;appearance:none;font-family:inherit;line-height:1.3;transition:border-color var(--ft-t)}.ft-linegap-mode-select:focus{outline:none;border-color:var(--ft-accent)}.ft-tag{font-size:9.5px;font-weight:500;color:var(--ft-text-dim);background:var(--ft-bg-muted);padding:2px 6px;border-radius:99px;white-space:nowrap;flex-shrink:0;letter-spacing:.01em;line-height:1.3}.ft-palette-value-row{display:flex;align-items:center;gap:6px}.ft-palette-value-label{font-size:11px;color:var(--ft-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ft-popover-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg-subtle);color:var(--ft-text);cursor:pointer;font-family:inherit;line-height:1.2;transition:background var(--ft-t),border-color var(--ft-t)}.ft-popover-trigger:hover{background:var(--ft-bg-hover);border-color:var(--ft-border-strong)}.ft-popover-trigger-icon{display:flex;align-items:center;color:var(--ft-text-muted);flex-shrink:0}.ft-popover-trigger-label{font-weight:500;flex-shrink:0;font-size:11.5px}.ft-popover-trigger-summary{color:var(--ft-text-dim);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:right;font-variant-numeric:tabular-nums}.ft-popover-trigger-chevron{color:var(--ft-text-dim);flex-shrink:0;transition:transform .15s ease}.ft-popover-trigger-chevron--open{transform:rotate(180deg)}.ft-popover-panel{min-width:220px;max-width:280px;padding:0;border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);background:var(--ft-bg);box-shadow:var(--ft-shadow-lg);animation:ft-slide-in .1s ease}.ft-popover-panel-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ft-text-dim);padding:8px 10px 2px;-webkit-user-select:none;user-select:none}.ft-popover-panel-body{padding:6px 10px 10px;display:flex;flex-direction:column;gap:6px}.ft-control-group{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--ft-accent-subtle-hover);padding-left:10px;margin-left:2px;margin-top:2px}.ft-control-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ft-text-dim);-webkit-user-select:none;user-select:none;margin-bottom:-2px}.ft-compact-row{display:flex;align-items:center;flex-wrap:wrap}button.ft-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text-muted);cursor:pointer;flex-shrink:0;transition:background var(--ft-t),border-color var(--ft-t),color var(--ft-t)}button.ft-icon-btn:hover{background:var(--ft-bg-hover);border-color:var(--ft-border-strong);color:var(--ft-text)}button.ft-icon-btn:active{background:var(--ft-bg-active)}button.ft-icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none}button.ft-icon-btn:focus-visible{outline:2px solid var(--ft-accent);outline-offset:1px}.ft-color-strip{display:flex;gap:6px}.ft-color-strip-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.ft-color-strip-item input[type=color].ft-color-input{width:100%;height:28px;border-radius:var(--ft-radius-sm)}.ft-color-strip-label{font-size:10px;color:var(--ft-text-dim);-webkit-user-select:none;user-select:none;font-weight:500}.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:2px;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:4px;right:4px;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:30px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:5px;background:var(--ft-bg-muted);transition:background var(--ft-t)}.ft-prop-section-header:hover{background:var(--ft-bg-hover)}.ft-prop-section-chevron{display:flex;align-items:center;color:var(--ft-text-dim);flex-shrink:0;transition:transform .15s 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-icon{display:flex;align-items:center;color:var(--ft-text-dim);flex-shrink:0}.ft-prop-section--open>.ft-prop-section-header>.ft-prop-section-icon{color:var(--ft-accent);opacity:.7}.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--open>.ft-prop-section-header>.ft-prop-section-title{color:var(--ft-text)}.ft-prop-section-body{padding:8px 10px 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:6px 10px 2px}.ft-properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:10px;text-align:center}.ft-properties-empty-icon{color:var(--ft-text-dim);opacity:.35}.ft-properties-empty-text{font-size:12px;color:var(--ft-text-dim);max-width:200px;line-height:1.45}.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:72px;color:var(--ft-text-muted);font-size:11px;font-weight:500}.ft-attr-row{display:flex;align-items:center;gap:6px}.ft-attr-key{font-size:11px;color:var(--ft-text-muted);min-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:500}input.ft-input{padding:5px 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);font-size:11px;font-weight:500}.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;font-variant-numeric:tabular-nums}.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-hint{margin:0;font-size:10px;color:var(--ft-text-dim);line-height:1.4}.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:0;background:var(--ft-bg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--ft-t),box-shadow var(--ft-t)}.ft-data-layer:hover{border-color:var(--ft-border-strong)}.ft-data-layer-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--ft-bg-subtle);border-bottom:1px solid transparent;min-height:32px}.ft-data-layer:has(.ft-data-layer-controls) .ft-data-layer-header{border-bottom-color:var(--ft-border)}.ft-data-layer-name{flex:1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-data-layer-controls{display:flex;flex-direction:column;gap:6px;padding:8px}.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;font-variant-numeric:tabular-nums}.ft-toolbar-icon-btn{padding:0 5px!important;width:28px;justify-content:center}.ft-toolbar-icon-btn svg{width:14px;height:14px;flex-shrink:0}.ft-toolbar-search-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.ft-toolbar-search-nav{width:22px!important;height:22px!important;padding:0 2px!important;border-radius:var(--ft-radius-xs)!important}.ft-toolbar-search-nav svg{width:12px;height:12px}.ft-app.ft-toolbar-hidden{--toolbar-h: 0px}.ft-app.ft-statusbar-hidden{--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-tool-hint{position:absolute;top:12px;left:56px;z-index:50;padding:4px 10px;font-size:12px;color:var(--ft-text-muted);background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);pointer-events:none;white-space:nowrap;box-shadow:var(--ft-shadow)}.ft-tool-hint--highlight{pointer-events:auto;display:flex;align-items:center;gap:8px}.ft-tool-hint-swatches{display:inline-flex;gap:3px}.ft-tool-hint-swatch{width:14px;height:14px;border:1.5px solid transparent;border-radius:50%;cursor:pointer;padding:0;transition:border-color var(--ft-t)}.ft-tool-hint-swatch:hover{border-color:var(--ft-text-muted)}.ft-tool-hint-swatch--active{border-color:var(--ft-text);box-shadow:0 0 0 1px var(--ft-bg)}.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)}.ft-parse-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:100;font-size:14px;color:var(--ft-text);pointer-events:none}*,*: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]{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:200px;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}