:root{--ci-bg:#f8fafc;--ci-surface:#fff;--ci-surface-alt:#f1f5f9;--ci-border:#cbd5e1;--ci-border-subtle:#e2e8f0;--ci-text:#0f172a;--ci-text-muted:#475569;--ci-primary:#2563eb;--ci-primary-hover:#1d4ed8;--ci-primary-soft:#dbeafe;--ci-amber:#d97706;--ci-amber-soft:#fef3c7;--ci-danger:#dc2626;--ci-danger-soft:#fee2e2;--ci-success:#16a34a;--ci-success-soft:#dcfce7;--ci-font:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--ci-font);color:var(--ci-text);background:var(--ci-bg);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:12.5px;overflow:hidden}.ci-app-shell{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.ci-topbar{background:var(--ci-surface);border-bottom:1px solid var(--ci-border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.ci-brand-group{align-items:center;gap:6px;display:flex}.ci-logo{color:var(--ci-primary);letter-spacing:-.01em;align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:inline-flex}.ci-host-badge{text-transform:uppercase;border-radius:99px;padding:1px 5px;font-size:10px;font-weight:600}.ci-host-badge.is-word{background:var(--ci-success-soft);color:var(--ci-success)}.ci-host-badge.is-browser{background:var(--ci-surface-alt);color:var(--ci-text-muted)}.ci-mode-switch{background:var(--ci-surface-alt);border:1px solid var(--ci-border-subtle);border-radius:6px;padding:2px;display:inline-flex}.ci-mode-btn{color:var(--ci-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .12s}.ci-mode-btn.active{background:var(--ci-surface);color:var(--ci-primary);box-shadow:0 1px 2px #0f172a14}.ci-top-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ci-icon-btn{border:1px solid var(--ci-border-subtle);background:var(--ci-surface);color:var(--ci-text);cursor:pointer;border-radius:5px;padding:4px 7px;font-size:11.5px;font-weight:500}.ci-icon-btn:hover:not(:disabled){background:var(--ci-surface-alt);border-color:var(--ci-border)}.ci-icon-btn.active{background:var(--ci-primary-soft);border-color:var(--ci-primary);color:var(--ci-primary)}.ci-icon-btn:disabled{opacity:.42;cursor:not-allowed}.ci-insert-btn{border:1px solid var(--ci-primary);background:var(--ci-primary);color:#fff;cursor:pointer;border-radius:5px;padding:4px 10px;font-size:11.5px;font-weight:600;box-shadow:0 1px 2px #2563eb40}.ci-insert-btn:hover:not(:disabled){background:var(--ci-primary-hover)}.ci-insert-btn:disabled{opacity:.5;cursor:not-allowed}.ci-toolbar-wrap{background:var(--ci-surface);border-bottom:1px solid var(--ci-border-subtle);flex-direction:column;flex-shrink:0;gap:4px;padding:5px 8px;display:flex}.ci-toolbar-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ci-tool-cluster{background:var(--ci-surface-alt);border-radius:5px;align-items:center;gap:2px;padding:2px;display:inline-flex}.ci-tool-btn{color:var(--ci-text);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 7px;font-size:11.5px;font-weight:500}.ci-tool-btn:hover{background:#ffffffbf}.ci-tool-btn.active{background:var(--ci-surface);border-color:var(--ci-primary);color:var(--ci-primary);font-weight:600}.ci-recognize-now-btn{background:var(--ci-primary-soft);color:var(--ci-primary);font-weight:600}.ci-element-strip{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.ci-el-btn{border:1px solid var(--ci-border-subtle);background:var(--ci-surface);color:var(--ci-text);cursor:pointer;border-radius:4px;min-width:24px;height:23px;padding:0 5px;font-size:11.5px;font-weight:600}.ci-el-btn:hover{background:var(--ci-surface-alt);border-color:var(--ci-border)}.ci-el-btn.active{background:var(--ci-primary);border-color:var(--ci-primary);color:#fff}.ci-dropdown-anchor{display:inline-flex;position:relative}.ci-popover-menu{z-index:60;background:var(--ci-surface);border:1px solid var(--ci-border);border-radius:7px;min-width:210px;max-width:295px;max-height:340px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px #0f172a26}.ci-samples-menu{min-width:265px;left:auto;right:0}.ci-groups-menu{min-width:255px}.ci-menu-heading{text-transform:uppercase;color:var(--ci-text-muted);letter-spacing:.03em;padding:4px 6px 3px;font-size:10.5px;font-weight:700}.ci-menu-item{width:100%;color:var(--ci-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px;font-size:12px;display:flex}.ci-menu-item:hover,.ci-menu-item.active{background:var(--ci-primary-soft);color:var(--ci-primary)}.ci-samples-grid,.ci-groups-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:3px;display:grid}.ci-sample-chip{border:1px solid var(--ci-border-subtle);background:var(--ci-surface);cursor:pointer;border-radius:5px;flex-direction:column;align-items:flex-start;padding:4px 6px;font-size:11px;display:flex}.ci-sample-chip:hover,.ci-sample-chip.active{border-color:var(--ci-primary);background:var(--ci-primary-soft)}.ci-sample-chip span{color:var(--ci-text-muted);font-size:10px}.ci-el-grid{grid-template-columns:repeat(6,1fr);gap:3px;padding:4px;display:grid}.ci-custom-el-form{border-top:1px solid var(--ci-border-subtle);gap:4px;margin-top:4px;padding:4px;display:flex}.ci-workspace{background:#fff;flex:auto;min-height:180px;display:flex;position:relative;overflow:hidden}.ci-canvas-container{background:radial-gradient(circle,#fff 0%,#f8fafc 100%);width:100%;height:100%;position:relative;overflow:hidden}.ci-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.ci-canvas.tool-select{cursor:default}.ci-canvas.tool-pan{cursor:grab}.ci-canvas.tool-eraser{cursor:cell}.ci-canvas-empty-hint{pointer-events:none;text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.ci-empty-title{color:#64748b;margin-bottom:5px;font-size:14px;font-weight:600}.ci-empty-sub{max-width:340px;font-size:11.5px;line-height:1.45}.ci-inline-editor{z-index:40;background:var(--ci-surface);border:1.5px solid var(--ci-primary);border-radius:6px;align-items:center;gap:4px;padding:3px 5px;display:flex;position:absolute;box-shadow:0 6px 18px #0f172a29}.ci-inline-input{border:none;outline:none;width:135px;font-size:12.5px}.ci-inline-preview{color:var(--ci-primary);padding:0 4px;font-size:12px;font-weight:600}.ci-canvas-hud{z-index:20;border:1px solid var(--ci-border-subtle);background:#ffffffeb;border-radius:6px;align-items:center;gap:3px;padding:2px 4px;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0f172a14}.ci-hud-btn{color:var(--ci-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:600}.ci-hud-btn:hover,.ci-hud-btn.active{background:var(--ci-primary-soft);color:var(--ci-primary)}.ci-hud-toggle{color:var(--ci-text-muted);cursor:pointer;align-items:center;gap:3px;padding:0 4px;font-size:11px;display:inline-flex}.ci-bottom-panel{background:var(--ci-surface);border-top:1px solid var(--ci-border-subtle);flex-direction:column;flex-shrink:0;gap:5px;max-height:48%;padding:6px 8px;display:flex;overflow-y:auto}.ci-uncertainty-banner{background:var(--ci-amber-soft);border:1px solid #f59e0b;border-radius:6px;padding:5px 7px}.ci-uncertainty-title{color:#92400e;margin-bottom:4px;font-size:11.5px;font-weight:700}.ci-uncertainty-list{flex-wrap:wrap;gap:5px;display:flex}.ci-uncertain-chip{background:#fff;border:1px solid #fbbf24;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.ci-btn-accept-xs{border:1px solid var(--ci-success);background:var(--ci-success-soft);color:var(--ci-success);cursor:pointer;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:600}.ci-btn-alt-xs{border:1px solid var(--ci-border);background:var(--ci-surface-alt);color:var(--ci-text);cursor:pointer;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:600}.ci-btn-alt-xs:hover{border-color:var(--ci-primary);color:var(--ci-primary)}.ci-inspector-card{background:var(--ci-surface-alt);border:1px solid var(--ci-border-subtle);border-radius:6px;padding:5px 7px}.ci-inspector-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11.5px;display:flex}.ci-inspector-grid{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ci-field{color:var(--ci-text-muted);flex-direction:column;gap:2px;font-size:10.5px;display:flex}.ci-field-wide{flex:140px}.ci-checkbox-field{cursor:pointer;flex-direction:row;align-items:center;gap:4px}.ci-stepper{border:1px solid var(--ci-border);background:#fff;border-radius:4px;align-items:center;display:inline-flex}.ci-stepper button{cursor:pointer;background:0 0;border:none;padding:1px 6px;font-weight:700}.ci-stepper span{color:var(--ci-text);padding:0 5px;font-weight:600}.ci-preview-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.ci-preview-box{flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.ci-preview-label{color:var(--ci-text-muted);font-size:11px;font-weight:600}.ci-preview-formula{color:var(--ci-text);font-size:13px;font-weight:700}.ci-preview-meta{color:var(--ci-text-muted);font-size:11px}.ci-balance-badge{border-radius:99px;padding:1px 6px;font-size:10.5px;font-weight:600}.ci-balance-badge.is-balanced{background:var(--ci-success-soft);color:var(--ci-success)}.ci-balance-badge.is-unbalanced{background:var(--ci-amber-soft);color:var(--ci-amber)}.ci-val-pill{border:none;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.ci-val-pill.is-idle{background:var(--ci-surface-alt);color:var(--ci-text-muted)}.ci-val-pill.is-valid{background:var(--ci-success-soft);color:var(--ci-success)}.ci-val-pill.is-warning{background:var(--ci-amber-soft);color:var(--ci-amber);cursor:pointer}.ci-val-pill.is-error{background:var(--ci-danger-soft);color:var(--ci-danger);cursor:pointer}.ci-issues-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.ci-issue-item{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.ci-issue-item.sev-error{background:var(--ci-danger-soft);color:#991b1b}.ci-issue-item.sev-warning{background:var(--ci-amber-soft);color:#92400e}.ci-issue-item.sev-info{background:var(--ci-primary-soft);color:#1e40af}.ci-issue-badge{font-size:9.5px;font-weight:700}.ci-quick-input-bar{align-items:center;gap:4px;display:flex}.ci-render-options-bar{border-top:1px solid var(--ci-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-top:3px;display:flex}.ci-opt-inline{color:var(--ci-text-muted);align-items:center;gap:3px;font-size:11px;display:inline-flex}.ci-export-actions{align-items:center;gap:3px;display:inline-flex}.ci-input-xs,.ci-input-sm,.ci-select-xs{border:1px solid var(--ci-border);color:var(--ci-text);background:#fff;border-radius:4px;padding:2px 5px;font-size:11.5px}.ci-flex-1{flex:auto}.ci-btn-xs,.ci-btn-sm{border:1px solid var(--ci-border);background:var(--ci-surface);color:var(--ci-text);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.ci-btn-xs:hover:not(:disabled),.ci-btn-sm:hover:not(:disabled){background:var(--ci-primary-soft);border-color:var(--ci-primary);color:var(--ci-primary)}.ci-btn-xs:disabled{opacity:.45;cursor:not-allowed}.ci-btn-danger-xs{background:var(--ci-danger-soft);color:var(--ci-danger);cursor:pointer;border:1px solid #fca5a5;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.ci-inline-group{align-items:center;gap:4px;display:inline-flex}.ci-word-selection-banner,.ci-editing-banner{background:var(--ci-primary-soft);color:var(--ci-primary);border-bottom:1px solid #93c5fd;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11.5px;font-weight:600;display:flex}.ci-library-drawer{z-index:50;background:#fffffffa;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;inset:0;overflow-y:auto}.ci-drawer-header{justify-content:space-between;align-items:center;display:flex}.ci-drawer-note{color:var(--ci-text-muted);margin:0;font-size:11px;line-height:1.4}.ci-drawer-empty{text-align:center;color:var(--ci-text-muted);padding:24px}.ci-library-list{flex-direction:column;gap:6px;display:flex}.ci-library-card{border:1px solid var(--ci-border-subtle);background:var(--ci-surface);border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.ci-library-thumb{background:var(--ci-surface-alt);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:46px;display:flex;overflow:hidden}.ci-library-thumb svg{max-width:100%;max-height:100%}.ci-library-info{flex:auto;overflow:hidden}.ci-library-formula{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.ci-library-meta{color:var(--ci-text-muted);font-size:10.5px}.ci-library-actions{gap:4px;display:flex}.ci-toast{z-index:100;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:600;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0f172a38}.ci-toast-success{color:#fff;background:#15803d}.ci-toast-info{color:#fff;background:#1e293b}.ci-toast-warning{color:#fff;background:#b45309}.ci-toast-error{color:#fff;background:#b91c1c}