.demo-app{--xl-green:#217346;--xl-green-dark:#1a5c38;--xl-green-light:#33a568;--xl-green-soft:#e6f2ec;--xl-cell-bg:#fff;--xl-gridline:#e2e3e0;--xl-gutter-bg:#f5f6f5;--xl-gutter-text:#57605a;--xl-header-bg:#f3f6f4;--xl-highlight-bg:#fff3c4;--xl-highlight-line:#f5d97a;--xl-chrome-bg:#f4f5f4;--xl-chrome-line:#e0e2df}.demo-app .xl-pane{display:flex;flex-direction:column;min-width:0;background:var(--xl-cell-bg);border:1px solid var(--xl-chrome-line);border-radius:10px;overflow:hidden;box-shadow:var(--app-shadow-z16,0 16px 32px -4px rgba(145,158,171,.22));color:var(--app-color-text-primary);font-size:13px;line-height:1.4}.demo-app .xl-slide{opacity:0;transform:translateX(46px)}.demo-app .xl-slide.is-on{opacity:1;transform:none;transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.demo-app .xl-slide,.demo-app .xl-slide.is-on{opacity:1!important;transform:none!important;transition:none!important}}.demo-app .xl-title{display:flex;align-items:center;gap:9px;height:34px;padding:0 12px;background:var(--xl-chrome-bg);border-bottom:1px solid var(--xl-chrome-line)}.demo-app .xl-app-tile{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--xl-green);color:#fff;font-size:13px;font-weight:800;line-height:1;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.demo-app .xl-filename{font-size:13px;font-weight:600;color:var(--app-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-app .xl-filename .xl-saved{font-weight:400;color:var(--app-color-text-disabled)}.demo-app .xl-title-spacer{flex:1}.demo-app .xl-win-dots{display:inline-flex;gap:7px}.demo-app .xl-win-dots i{width:11px;height:11px;border-radius:50%;display:inline-block}.demo-app .xl-ribbon-tabs{display:flex;align-items:stretch;height:30px;padding:0 6px;background:var(--xl-chrome-bg);border-bottom:1px solid var(--xl-chrome-line)}.demo-app .xl-tab-file{padding:0 13px;margin:4px 6px 4px 0;border-radius:4px;background:var(--xl-green);color:#fff;font-weight:600}.demo-app .xl-tab,.demo-app .xl-tab-file{display:inline-flex;align-items:center;font-size:12px}.demo-app .xl-tab{padding:0 11px;color:var(--app-color-text-secondary);border-bottom:2.5px solid transparent;white-space:nowrap}.demo-app .xl-tab.is-active{color:var(--xl-green-dark);font-weight:600;border-bottom-color:var(--xl-green)}.demo-app .xl-ribbon-body{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;background:#fbfcfb;border-bottom:1px solid var(--xl-chrome-line);overflow:hidden}.demo-app .xl-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:5px;font-size:11.5px;font-weight:500;color:var(--app-color-text-secondary);background:#fff;border:1px solid var(--xl-chrome-line);white-space:nowrap;flex-shrink:0}.demo-app .xl-chip .xl-chip-b{font-weight:800}.demo-app .xl-chip .xl-chip-i{font-style:italic}.demo-app .xl-chip .xl-chip-u{text-decoration:underline}.demo-app .xl-chip--accent{color:var(--xl-green-dark);border-color:rgba(33,115,70,.35);background:var(--xl-green-soft);font-weight:600}.demo-app .xl-ribbon-sep{width:1px;height:20px;background:var(--xl-chrome-line);flex-shrink:0}.demo-app .xl-formula{display:flex;align-items:stretch;height:28px;background:var(--xl-cell-bg);border-bottom:1px solid var(--xl-chrome-line)}.demo-app .xl-namebox{display:inline-flex;align-items:center;width:84px;padding:0 10px;font-size:12px;font-weight:600;color:var(--app-color-text-primary);border-right:1px solid var(--xl-chrome-line);font-variant-numeric:tabular-nums}.demo-app .xl-namebox .xl-namebox-caret{margin-left:auto;color:var(--app-color-text-disabled);font-size:9px}.demo-app .xl-fx{font-style:italic;font-weight:600;color:var(--app-color-text-secondary);border-right:1px solid var(--xl-chrome-line)}.demo-app .xl-formula-content,.demo-app .xl-fx{display:inline-flex;align-items:center;padding:0 12px}.demo-app .xl-formula-content{font-size:12.5px;color:var(--app-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-variant-numeric:tabular-nums}.demo-app .xl-gridwrap{overflow-x:auto;background:var(--xl-cell-bg)}.demo-app .xl-grid{border-collapse:collapse;table-layout:fixed;width:100%;font-variant-numeric:tabular-nums}.demo-app .xl-grid td,.demo-app .xl-grid th{height:26px;border:1px solid var(--xl-gridline);padding:0 7px;font-size:12.5px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}.demo-app .xl-corner{position:relative;background:var(--xl-gutter-bg);padding:0}.demo-app .xl-corner:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-color:transparent transparent #b7bdb8;border-style:solid;border-width:0 0 7px 7px}.demo-app .xl-collabel{background:var(--xl-gutter-bg);color:var(--xl-gutter-text);font-weight:600;text-align:center}.demo-app .xl-collabel.is-sel{background:var(--xl-green-soft);color:var(--xl-green-dark);box-shadow:inset 0 -2px 0 0 var(--xl-green)}.demo-app .xl-rownum{background:var(--xl-gutter-bg);color:var(--xl-gutter-text);font-weight:600;text-align:center}.demo-app .xl-rownum.is-sel{background:var(--xl-green-soft);color:var(--xl-green-dark);box-shadow:inset -2px 0 0 0 var(--xl-green)}.demo-app .xl-cell{background:var(--xl-cell-bg);color:var(--app-color-text-primary);text-align:left}.demo-app .xl-cell.xl-num{text-align:right}.demo-app .xl-cell.xl-neg{color:var(--app-color-error-main)}.demo-app .xl-cell.xl-head{background:var(--xl-header-bg);font-weight:700;color:var(--app-color-text-primary)}.demo-app .xl-cell.xl-hl{background:var(--xl-highlight-bg);border-color:var(--xl-highlight-line);font-weight:700}.demo-app .xl-cell.xl-sel{position:relative}.demo-app .xl-selbox{position:absolute;inset:-1px;border:2px solid var(--xl-green);pointer-events:none;z-index:2}.demo-app .xl-selbox:after{content:"";position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:var(--xl-green);border:1px solid #fff;box-sizing:content-box}.demo-app .xl-sheettabs{display:flex;align-items:center;gap:2px;height:30px;padding:0 8px;background:var(--xl-chrome-bg);border-top:1px solid var(--xl-chrome-line)}.demo-app .xl-sheet-nav{color:var(--app-color-text-disabled);font-size:12px;padding:0 4px;letter-spacing:1px}.demo-app .xl-sheet{display:inline-flex;align-items:center;height:22px;padding:0 14px;font-size:12px;color:var(--app-color-text-secondary);border-radius:4px 4px 0 0}.demo-app .xl-sheet.is-active{background:var(--xl-cell-bg);color:var(--xl-green-dark);font-weight:600;border:1px solid var(--xl-chrome-line);border-bottom:none;box-shadow:inset 0 2px 0 0 var(--xl-green);height:25px;margin-bottom:-1px}.demo-app .xl-sheet-add{color:var(--app-color-text-disabled);font-size:15px;padding:0 8px;line-height:1}.demo-app .xl-statusbar{display:flex;align-items:center;height:22px;padding:0 12px;background:var(--xl-green);color:#fff;font-size:11px;font-weight:500}.demo-app .xl-status-spacer{flex:1}.demo-app .xl-status-stat{padding:0 10px;font-variant-numeric:tabular-nums;opacity:.95}.demo-app .xl-status-zoom{padding-left:10px;opacity:.95}