*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Microsoft YaHei,Arial,sans-serif;font-size:13px;color:#222;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column;width:100%;height:100vh;user-select:none;-webkit-user-select:none}#top-menu{display:flex;align-items:center;min-height:66px;background:#f1f1f1;border-bottom:1px solid #d0d0d0;padding:0 4px;gap:2px;overflow:visible;flex-wrap:wrap}.license-notice{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;background:#fbfbfb;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000000f;user-select:none}.license-text{color:#888;font-size:11px;line-height:1.7;text-align:center;white-space:nowrap}.license-red{color:#e74c3c;font-weight:600}.license-buttons{display:flex;gap:6px}.license-btn{border:1px solid #c8c8c8;background:#fff;color:#555;font-size:11px;line-height:1;padding:3px 12px;border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.license-btn:hover{background:#f0f0f0;border-color:#b0b0b0}.license-btn:active{background:#e6e6e6}.menu-tab{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;font-size:13px;color:#444;border-radius:3px;transition:background .15s,color .15s;white-space:nowrap}.menu-tab:hover{background:#ddd;color:#111}.menu-tab.active{background:#fff;color:#111;font-weight:600;box-shadow:0 1px 2px #00000014}.tool-group{display:inline-flex;align-items:center;gap:1px;padding:0 4px;height:32px}.tool-group+.tool-group{border-left:1px solid #c8c8c8;margin-left:4px;padding-left:8px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:3px;color:#444;font-size:14px;transition:background .12s,color .12s;position:relative}.tool-btn:hover{background:#ddd;color:#111}.tool-btn:active{background:#c8c8c8}.tool-btn.active{background:#d0e0f0;color:#1a73e8}.tool-btn svg{width:16px;height:16px;fill:currentColor}.tool-btn-label{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:3px;color:#444;font-size:12px;transition:background .12s;white-space:nowrap}.tool-btn-label:hover{background:#ddd}.tool-btn-label:active{background:#c8c8c8}.tool-select{height:26px;padding:0 4px;border:1px solid #c0c0c0;border-radius:3px;background:#fff;font-size:12px;color:#333;cursor:pointer;transition:border-color .15s}.tool-select:hover{border-color:#999}.tool-select:focus{border-color:#1a73e8}.tool-select.font-family{width:120px}.tool-select.font-size{width:54px}.tool-select.number-format{width:80px}.color-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:28px;height:28px;border-radius:3px;transition:background .12s;position:relative}.color-btn:hover{background:#ddd}.color-btn .color-icon{font-size:14px;line-height:1;color:#444}.color-btn .color-bar{width:16px;height:3px;border-radius:1px;margin-top:1px}.align-group{display:inline-flex;align-items:center;gap:1px}.merge-btn{width:auto;padding:0 8px;font-size:12px}.undo-redo-group{display:inline-flex;align-items:center;gap:1px}.undo-redo-group .tool-btn:disabled{opacity:.35;cursor:default}.undo-redo-group .tool-btn:disabled:hover{background:transparent}#formula-bar{display:flex;align-items:center;height:28px;min-height:28px;border-bottom:1px solid #d0d0d0;background:#fff}#cell-reference{width:80px;min-width:80px;height:100%;padding:0 6px;border:none;border-right:1px solid #d0d0d0;text-align:center;font-size:12px;font-weight:600;color:#333;background:#fafafa}#cell-reference:focus{background:#fff;outline:1px solid #1a73e8;outline-offset:-1px}.formula-prefix{display:inline-flex;align-items:center;justify-content:center;width:28px;height:100%;font-size:16px;font-weight:700;color:#555;border-right:1px solid #d0d0d0;flex-shrink:0}#formula-input{flex:1;height:100%;padding:0 6px;border:none;font-size:12px;color:#222;background:#fff}#formula-input:focus{outline:1px solid #1a73e8;outline-offset:-1px}#canvas-container{flex:1;overflow:hidden;position:relative;background:#fff}#canvas-container canvas{position:absolute;top:0;left:0;pointer-events:none}#canvas-container canvas.interaction-layer{pointer-events:auto}.context-menu{position:fixed;z-index:1000;min-width:180px;background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000024;padding:4px 0;animation:ctxFadeIn .12s ease}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.context-menu .menu-item{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 24px 0 12px;font-size:12px;color:#333;cursor:pointer;transition:background .1s;white-space:nowrap}.context-menu .menu-item:hover{background:#f0f4ff;color:#1a73e8}.context-menu .menu-item.disabled{opacity:.4;cursor:default}.context-menu .menu-item.disabled:hover{background:transparent;color:#333}.context-menu .menu-item .shortcut{margin-left:24px;color:#999;font-size:11px}.context-menu .menu-item:hover .shortcut{color:#1a73e8}.context-menu .menu-item .arrow{font-size:10px;color:#999;margin-left:8px}.context-menu .menu-item:hover .arrow{color:#1a73e8}.context-menu .menu-separator{height:1px;margin:4px 8px;background:#e0e0e0}.context-menu .submenu{position:absolute;left:100%;top:-4px;min-width:160px;background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000024;padding:4px 0;display:none}.context-menu .menu-item:hover>.submenu{display:block}.modal-overlay{position:fixed;inset:0;z-index:2000;background:#00000059;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .18s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;min-width:380px;max-width:560px;animation:modalSlideIn .2s ease;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e8e8e8;font-size:14px;font-weight:600;color:#222}.modal-header .close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-size:18px;color:#666;transition:background .12s}.modal-header .close-btn:hover{background:#e8e8e8;color:#222}.modal-body{padding:20px;font-size:13px;line-height:1.6;color:#444}.modal-body label{display:inline-block;margin-bottom:4px;font-weight:500;color:#333}.modal-body input[type=text],.modal-body input[type=number],.modal-body select{width:100%;height:32px;padding:0 8px;border:1px solid #c0c0c0;border-radius:4px;font-size:13px;margin-bottom:12px;transition:border-color .15s}.modal-body input:focus,.modal-body select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826}.modal-body .row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.modal-body .row label{min-width:70px;margin-bottom:0}.modal-body .row input,.modal-body .row select{flex:1;margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e8e8e8}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:background .12s,box-shadow .12s;border:1px solid transparent}.btn-primary{background:#1a73e8;color:#fff;border-color:#1a73e8}.btn-primary:hover{background:#1565c0}.btn-default{background:#fff;color:#333;border-color:silver}.btn-default:hover{background:#f5f5f5;border-color:#999}#cell-editor{position:absolute;z-index:100;display:none;padding:1px 3px;border:2px solid #1a73e8;font-size:13px;line-height:1.4;color:#222;background:#fff;resize:none;overflow:hidden;white-space:pre;outline:none;box-shadow:0 0 0 1px #1a73e84d}#cell-editor.active{display:block}.excel-scroll-container::-webkit-scrollbar{width:12px;height:12px;pointer-events:auto}.excel-scroll-container::-webkit-scrollbar-track{background:#f7f7f7}.excel-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;border:2px solid #f7f7f7;pointer-events:auto}.excel-scroll-container::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.excel-scroll-container::-webkit-scrollbar-corner{background:#f7f7f7;pointer-events:auto}.excel-scroll-container::-webkit-scrollbar:horizontal{height:16px}.excel-scroll-container::-webkit-scrollbar:vertical{width:16px}.excel-scroll-inner{pointer-events:none}.selection-highlight{position:absolute;pointer-events:none;border:2px solid #1a73e8;background:#1a73e80f;z-index:10}.selection-highlight.secondary{border:2px solid #1a73e8;background:#1a73e80a}.fill-handle{position:absolute;width:7px;height:7px;background:#1a73e8;border:1px solid #fff;z-index:11;cursor:crosshair;border-radius:1px}.col-header-highlight,.row-header-highlight{position:absolute;pointer-events:none;background:#e8f0fe;z-index:5}.tooltip{position:fixed;z-index:1500;max-width:260px;padding:6px 10px;font-size:12px;line-height:1.5;color:#fff;background:#333;border-radius:4px;box-shadow:0 2px 8px #0003;pointer-events:none;opacity:0;transition:opacity .15s;word-break:break-word}.tooltip.visible{opacity:1}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.popover{position:fixed;z-index:1500;background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 16px #00000024;padding:8px;display:none}.popover.visible{display:block;animation:ctxFadeIn .12s ease}.color-picker-panel{min-width:200px}.color-picker-panel .panel-title{font-size:11px;color:#888;margin-bottom:6px;padding-left:2px}.color-picker-panel .color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.color-picker-panel .color-swatch{width:18px;height:18px;border-radius:2px;cursor:pointer;border:1px solid transparent;transition:border-color .1s,transform .1s}.color-picker-panel .color-swatch:hover{border-color:#333;transform:scale(1.2);z-index:1}.color-picker-panel .color-swatch.color-swatch-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d;transform:scale(1.15)}.color-picker-panel .custom-color-row{margin-top:8px;padding-top:8px;border-top:1px solid #e8e8e8;display:flex;align-items:center;gap:8px}.color-picker-panel .custom-color-row label{font-size:12px;color:#555}.color-picker-panel .custom-color-row input[type=color]{width:28px;height:22px;border:1px solid #c0c0c0;border-radius:2px;cursor:pointer;padding:0}.dropdown-panel{min-width:140px;padding:4px 0}.dropdown-panel .dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:#333;cursor:pointer;transition:background .1s}.dropdown-panel .dropdown-item:hover{background:#f0f4ff;color:#1a73e8}.dropdown-panel .dropdown-item svg{width:16px;height:16px}.input-sm{height:24px;padding:0 4px;border:1px solid #c0c0c0;border-radius:3px;font-size:12px;background:#fff;transition:border-color .15s}.input-sm:focus{border-color:#1a73e8}.input-sm:hover{border-color:#999}#sheet-tab-bar{display:flex;align-items:center;height:30px;min-height:30px;background:#f1f1f1;border-top:1px solid #d0d0d0;padding:0 4px;gap:2px;overflow-x:auto;overflow-y:hidden}#sheet-tab-bar::-webkit-scrollbar{height:4px}#sheet-tab-bar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.sheet-add-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:3px;font-size:16px;color:#555;flex-shrink:0;transition:background .12s}.sheet-add-btn:hover{background:#ddd}.sheet-tab{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 14px;font-size:12px;color:#555;border-radius:3px 3px 0 0;border:1px solid transparent;border-bottom:none;white-space:nowrap;transition:background .12s,border-color .12s;cursor:pointer;position:relative}.sheet-tab:hover{background:#e4e4e4}.sheet-tab.active{background:#fff;color:#222;border-color:#d0d0d0;font-weight:600}.sheet-tab .tab-close{display:none;align-items:center;justify-content:center;width:14px;height:14px;margin-left:6px;font-size:12px;border-radius:2px;color:#888;transition:background .1s}.sheet-tab:hover .tab-close{display:inline-flex}.sheet-tab .tab-close:hover{background:silver;color:#333}#status-bar{display:flex;align-items:center;justify-content:flex-end;height:22px;min-height:22px;background:#f1f1f1;border-top:1px solid #d0d0d0;padding:0 12px;font-size:11px;color:#666;gap:16px}#status-bar .stat-item{display:inline-flex;align-items:center;gap:4px}#status-bar .stat-label{color:#888}#status-bar .stat-value{color:#444;font-weight:500}.hidden{display:none!important}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-row{display:flex;align-items:center}.flex-1{flex:1}.dragging{cursor:crosshair!important}.resizing-col{cursor:col-resize!important}.resizing-row{cursor:row-resize!important}.find-replace-dialog .search-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.find-replace-dialog .search-row label{min-width:40px;font-size:12px;color:#555}.find-replace-dialog .search-row input{flex:1;height:30px;padding:0 8px;border:1px solid #c0c0c0;border-radius:4px;font-size:13px}.find-replace-dialog .search-row input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826}.find-replace-dialog .options-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;color:#555}.find-replace-dialog .options-row label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.find-replace-dialog .action-row{display:flex;gap:8px;justify-content:flex-end}.border-settings .border-preview{width:120px;height:80px;border:1px solid #d0d0d0;margin:0 auto 12px;background:#fafafa}.border-settings .border-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.border-settings .border-option-btn{display:flex;align-items:center;justify-content:center;height:32px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s}.border-settings .border-option-btn:hover{background:#f0f4ff;border-color:#1a73e8}.border-settings .border-option-btn.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media print{#top-menu,#formula-bar,#sheet-tab-bar,#status-bar,.context-menu,.modal-overlay,.tooltip,.popover{display:none!important}#canvas-container{overflow:visible}}@media (max-width: 768px){#top-menu{overflow-x:auto;overflow-y:hidden}.tool-select.font-family{width:90px}.tool-select.font-size{width:44px}.modal{min-width:300px;max-width:95vw}}.sheet-bar{display:flex;align-items:center;height:32px;background:#f8fafc;border-top:1px solid #eef2f6;flex-shrink:0;user-select:none;-webkit-user-select:none;padding:0 4px;max-width:82%}.sheet-nav-btn{display:flex;align-items:center;justify-content:center;width:22px;height:24px;font-size:13px;color:#64748b;cursor:pointer;flex-shrink:0;border:1px solid #64748b;border-radius:6px;transition:background .15s,color .15s;touch-action:none;user-select:none;-webkit-user-select:none}.sheet-nav-btn:hover{background:#e2e8f0;color:#1e293b}.sheet-nav-btn:active{background:#cbd5e1}.sheet-nav-btn.sheet-nav-btn-pressed,.sheet-nav-btn.sheet-nav-btn-pressed:hover{background:#a5c8f2;color:#1a56b8;border-color:#1a73e8;box-shadow:inset 0 1px 3px #00000026}.sheet-tabs-wrapper{flex:1;overflow:hidden;position:relative;height:100%;margin:0 2px}.sheet-tabs{display:flex;align-items:center;height:100%;white-space:nowrap;transition:transform .2s ease}.sheet-tab{display:inline-flex;align-items:center;height:24px;margin:0 2px;padding:0 12px;font-size:12px;color:#475569;background:transparent;border-radius:6px;cursor:pointer;position:relative;transition:background .15s,color .15s,box-shadow .15s;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ada9a9;min-width:100px}.sheet-tab:hover{background:#f1f5f9;color:#1e293b}.sheet-tab.active{background:#fff;color:#3b82f6;font-weight:600;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f61f}.sheet-tab.dragging{opacity:.5;cursor:grabbing}.sheet-tab.drag-over{border-color:#3b82f6;background:#eff6ff}.sheet-tab-input{font-size:12px;border:1px solid #3b82f6;border-radius:4px;outline:none;padding:0 6px;height:22px;width:110px;background:#fff;box-shadow:0 0 0 2px #3b82f614}.sheet-add-btn{display:flex;align-items:center;justify-content:center;width:26px;height:24px;font-size:16px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;flex-shrink:0;border-radius:6px;transition:background .15s,color .15s}.sheet-add-btn:hover{background:#eff6ff;color:#3b82f6}.sheet-add-btn:active{background:#dbeafe}@media (max-width: 768px){.sheet-bar{height:38px;padding:0 6px}.sheet-tab{padding:0 16px;font-size:13px;height:28px}.sheet-nav-btn{width:30px;height:28px}.sheet-add-btn{width:32px;height:28px}}.sheet-toast{position:fixed;bottom:50px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;z-index:10000;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 4px 12px #00000026}.sheet-toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.border-dropdown{position:fixed;z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:6px;min-width:140px;user-select:none;-webkit-user-select:none}.border-dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s}.border-dropdown-item:hover{background:#f1f5f9}.border-dropdown-item:active{background:#e2e8f0}.border-dropdown-separator{height:1px;background:#eef2f6;margin:4px 2px}.border-icon{width:22px;height:18px;flex-shrink:0;position:relative;background:#fff;border:1px solid #cbd5e1}.border-icon-none{border-color:#e2e8f0;border-style:dashed}.border-icon-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1e293b}.border-icon-top:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#1e293b}.border-icon-left:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:#1e293b}.border-icon-right:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:#1e293b}.border-icon-all{border:1px solid #1e293b}.border-icon-all:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#1e293b}.border-icon-all:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#1e293b}.border-icon-thick{border:3px solid #1e293b}.border-icon-more{display:flex;align-items:center;justify-content:center;font-size:14px;color:#3b82f6;border:1px solid #3b82f6}.border-label{font-size:12px;color:#475569;white-space:nowrap}@media (max-width: 768px){.border-dropdown{min-width:160px;padding:8px}.border-dropdown-item{padding:8px 10px;gap:12px}.border-icon{width:26px;height:22px}.border-label{font-size:13px}}.advanced-editor-wrapper{font-family:Microsoft YaHei,Arial,sans-serif}.editor-toolbar{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:3px 3px 0 0;height:30px;box-sizing:border-box}.editor-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;border:1px solid transparent;border-radius:4px;background:transparent;color:#334155;font-size:13px;cursor:pointer;transition:all .12s ease;user-select:none;-webkit-user-select:none}.editor-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.editor-btn:active{background:#cbd5e1}.editor-btn.active{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.editor-separator{width:1px;height:16px;background:#cbd5e1;margin:0 3px;flex-shrink:0}.editor-fontsize{height:22px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;font-size:12px;padding:0 4px;cursor:pointer;outline:none}.editor-fontsize:hover{border-color:#94a3b8}.editor-fontsize:focus{border-color:#4285f4}.editor-color-label{display:inline-flex;align-items:center;position:relative;cursor:pointer;height:22px;width:26px;border:1px solid transparent;border-radius:4px;justify-content:center}.editor-color-label:hover{background:#e2e8f0;border-color:#cbd5e1}.editor-color-icon{font-size:14px;font-weight:700;color:#334155;pointer-events:none}.editor-color{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer;border:none}.editor-area{font-family:Microsoft YaHei,Arial,sans-serif;line-height:1.4;word-break:break-word;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.editor-area::-webkit-scrollbar{display:none;width:0;height:0}.editor-area:focus{outline:none}.format-cells-dialog{max-width:460px;padding:20px 24px}.fc-section{margin-bottom:4px}.fc-section-title{font-size:13px;font-weight:600;color:#3b82f6;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #eef2f6}.fc-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.fc-label{min-width:80px;font-size:12px;color:#475569;text-align:right}.fc-select{flex:1;padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#1e293b;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.fc-select:focus{border-color:#3b82f6}.fc-input{padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#1e293b;outline:none}.fc-input:focus{border-color:#3b82f6}.fc-input-narrow{width:70px}.fc-divider{height:1px;background:#eef2f6;margin:12px 0}.fc-checkbox-row{display:flex;align-items:center;margin-bottom:6px;padding-left:90px}.fc-checkbox-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;cursor:pointer}.fc-checkbox-row input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#3b82f6}.fc-preview-cell{border:1px solid #cbd5e1;border-radius:6px;padding:12px 16px;min-height:40px;background:#f8fafc;font-size:13px;color:#1e293b;display:flex;align-items:center;justify-content:center;overflow:hidden;word-break:break-all}.fc-style-row{align-items:center}.fc-style-btns{display:flex;gap:6px;flex:1}.fc-toggle-btn{width:30px;height:28px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;font-size:13px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;user-select:none}.fc-toggle-btn:hover{background:#f1f5f9;border-color:#94a3b8}.fc-toggle-btn.active{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.fc-color-input{width:44px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;outline:none}.fc-color-input::-webkit-color-swatch-wrapper{padding:2px}.fc-color-input::-webkit-color-swatch{border:none;border-radius:4px}.dialog-btn{padding:6px 18px;border-radius:10px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s;border:1px solid transparent;background:#f1f5f9;color:#1e293b}.dialog-btn:hover{background:#e2e8f0}.dialog-btn-primary{background:#3b82f6;color:#fff}.dialog-btn-primary:hover{background:#2563eb}@media (max-width: 768px){.format-cells-dialog{max-width:92vw;padding:16px}.fc-label{min-width:70px;font-size:13px}.fc-checkbox-row{padding-left:0}}.top-menu{display:flex;align-items:stretch;flex-wrap:wrap;gap:4px 4px;padding:6px 14px;background:#fff;border-bottom:1px solid #eef2f6;min-height:52px;box-shadow:0 1px 2px #00000005}.menu-group{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#fafcff;border-radius:12px;border:1px solid #eef2f6;flex-shrink:0;box-shadow:0 1px 2px #00000005;transition:border-color .15s}.menu-group:hover{border-color:#dce1e9}.group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-right:6px;padding-right:6px;border-right:1px solid #e9edf2;line-height:1.4}.group-buttons{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.font-group,.align-group{flex-direction:column;align-items:stretch;gap:2px}.align-group{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px}.align-wrap-row{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.align-icons-grid{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(2,28px);gap:2px}.align-icons-grid1{display:grid;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(2,28px);gap:2px}.align-icons-grid2{display:grid;grid-template-columns:repeat(1,55px);grid-template-rows:repeat(1,28px);gap:2px}.align-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.align-icon-btn{padding:0}.align-icon-btn.active{background:#dbeafe;color:#2563eb}.font-row{display:flex;align-items:center;gap:2px}.menu-divider{display:none}.menu-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;height:28px;border-radius:8px;background:transparent;color:#1e293b;font-size:12px;font-weight:500;transition:all .12s ease;white-space:nowrap}.menu-btn:hover{background:#f1f5f9;color:#0f172a}.menu-btn:active{background:#e2e8f0}.menu-btn span{font-weight:450}.menu-btn-sm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;color:#1e293b;font-size:14px;font-weight:500;transition:all .12s ease}.menu-btn-sm:hover{background:#f1f5f9}.menu-btn-sm:active{background:#e2e8f0}.menu-btn-sm:disabled,.menu-btn-sm.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-separator{width:1px;height:18px;background:#e2e8f0;margin:0 2px}.menu-select{height:26px;padding:0 8px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-size:12px;cursor:pointer;transition:border .15s,box-shadow .15s;min-width:56px}.menu-select:hover{border-color:#cbd5e1}.menu-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.menu-select-sm{min-width:40px;width:50px}.color-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;transition:background .12s;position:relative}.color-btn:hover{background:#f1f5f9}.color-icon{font-size:13px;line-height:1}.color-indicator{width:16px;height:3px;border-radius:4px;margin-top:2px;border:1px solid rgba(0,0,0,.04)}.menu-btn-sm[data-action=mergeCenter]{width:auto;padding:0 8px;gap:3px}.menu-btn-sm[data-action=mergeCenter] span{font-size:11px;font-weight:450}.menu-btn-sm[data-action=formatPainter]{width:auto;padding:0 8px;gap:3px}.menu-btn-sm[data-action=formatPainter] span{font-size:11px;font-weight:450}.menu-btn-sm[data-action=formatPainter].active,.menu-btn-sm[data-action=bold].active,.menu-btn-sm[data-action=italic].active,.menu-btn-sm[data-action=underline].active,.menu-btn-sm[data-action=strikethrough].active{background:#dbeafe;color:#2563eb}.menu-group:has(.menu-btn[data-action=cellStyles]) .menu-btn{padding:4px 12px}.formula-bar{display:flex;align-items:center;padding:0 16px;height:34px;background:#fafcff;border-bottom:1px solid #eef2f6;gap:8px}.cell-reference{width:76px;flex-shrink:0}.cell-reference input{width:100%;height:28px;padding:0 6px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-weight:500;font-size:12px;text-align:center;color:#0f172a;transition:border .15s}.cell-reference input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.formula-separator{color:#cbd5e1;font-size:18px;font-weight:200}.formula-icons{display:flex;align-items:center}.formula-icon-btn{width:28px;height:28px;border-radius:8px;background:#f1f5f9;font-weight:600;font-size:12px;color:#1e293b;transition:background .12s}.formula-icon-btn:hover{background:#e2e8f0}.formula-input{flex:1;min-width:0}.formula-input input{width:100%;height:28px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#0f172a;transition:border .15s,box-shadow .15s}.formula-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.canvas-container{flex:1;background:#f8fafc;position:relative;overflow:hidden;z-index:0}.canvas-container canvas{position:absolute;top:0;left:0;pointer-events:none}.canvas-container canvas.interaction-layer{pointer-events:auto}.hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;z-index:-1}.right-menu{position:fixed;z-index:300;min-width:190px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 32px #00000014,0 4px 12px #00000005;padding:6px 0;backdrop-filter:blur(4px)}.right-menu .menu-item{display:flex;align-items:center;padding:6px 18px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s;gap:8px}.right-menu .menu-item:hover{background:#f1f5f9;color:#0f172a}.right-menu .menu-separator{height:1px;margin:4px 12px;background:#e9edf2}.fill-dropdown-menu{position:fixed;z-index:300;min-width:140px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px #00000014,0 4px 12px #00000005;padding:6px 0;backdrop-filter:blur(4px)}.fill-dropdown-menu .menu-item{display:flex;align-items:center;padding:6px 18px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s;gap:8px}.fill-dropdown-menu .menu-item:hover{background:#f1f5f9;color:#0f172a}.paste-option-menu{position:fixed;z-index:300;min-width:130px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px #00000014,0 4px 12px #00000005;padding:6px 0;backdrop-filter:blur(4px)}.paste-option-menu .menu-item{display:flex;align-items:center;padding:8px 18px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s;gap:8px}.paste-option-menu .menu-item:hover{background:#fff3e0;color:#e65100}.paste-option-float{position:fixed;z-index:400;display:flex;align-items:center;justify-content:center;background:#ff6d00;border:1px solid #e65100;border-radius:4px;box-shadow:0 2px 8px #00000047,0 0 0 1px #ff6d0026;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .08s,transform .08s;touch-action:manipulation}.paste-option-float:hover{background:#ff8124;transform:scale(1.06)}.paste-option-float:active{background:#e65100;transform:scale(.96)}.paste-option-float .paste-option-float-svg{display:block;width:100%;height:100%;pointer-events:none}.color-picker-panel{position:fixed;z-index:250;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #00000014;padding:16px 18px;min-width:210px;backdrop-filter:blur(4px)}.color-picker-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:8px 0 6px}.color-picker-title:first-of-type{margin-top:0}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.color-grid .swatch{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:transform .1s,box-shadow .1s}.color-grid .swatch:hover{transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.color-picker-custom{margin-top:12px;display:flex;justify-content:flex-end}.color-picker-custom button{padding:4px 12px;border-radius:8px;background:#f1f5f9;font-size:12px;font-weight:500;color:#1e293b;transition:background .1s}.color-picker-custom button:hover{background:#e2e8f0}.dialog-overlay{position:fixed;inset:0;z-index:400;background:#0f172a4d;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.dialog-box{background:#fff;border-radius:24px;padding:24px 28px;min-width:320px;max-width:520px;width:100%;box-shadow:0 24px 64px #0000001f}.dialog-box-sm{max-width:360px}.dialog-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:16px}.dialog-content{display:flex;flex-direction:column;gap:12px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-buttons button{padding:6px 18px;border-radius:10px;font-weight:500;background:#f1f5f9;color:#1e293b;transition:all .1s;border:1px solid transparent}.dialog-buttons button:hover{background:#e2e8f0}.dialog-buttons button:first-of-type{background:#3b82f6;color:#fff}.dialog-buttons button:first-of-type:hover{background:#2563eb}.find-row{display:flex;align-items:center;gap:8px}.find-row label{min-width:60px;font-weight:500;color:#475569}.find-row input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;transition:border .15s}.find-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.find-options{display:flex;gap:16px;font-size:12px;color:#475569}.find-options label{display:flex;align-items:center;gap:4px}.find-result{font-size:13px;color:#475569;min-height:20px}#findReplaceDialog{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;pointer-events:none}#findReplaceDialog .dialog-box{position:relative;pointer-events:auto}#findReplaceDialog .dialog-title{cursor:grab;user-select:none;-webkit-user-select:none;padding:2px 0}#findReplaceDialog .dialog-title:active{cursor:grabbing}.border-preview{display:flex;justify-content:center;margin:8px 0}.border-preview-cell{width:100px;height:60px;border:2px solid #cbd5e1;background:#f8fafc;border-radius:8px}.border-options{display:flex;flex-direction:column;gap:8px}.border-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.border-opt-btn{padding:4px 12px;border-radius:8px;background:#f1f5f9;font-size:12px;font-weight:500;color:#1e293b;border:1px solid transparent;transition:all .1s}.border-opt-btn:hover{background:#e2e8f0;border-color:#94a3b8}.cell-styles-panel{position:fixed;z-index:250;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #00000014;padding:12px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-width:200px}.style-item{padding:6px 10px;border-radius:8px;background:#f8fafc;text-align:center;font-size:12px;font-weight:500;color:#1e293b;cursor:pointer;transition:background .1s;border:1px solid transparent}.style-item:hover{background:#e9edf2;border-color:#cbd5e1}.number-format-panel{position:fixed;z-index:250;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #00000014;padding:8px 6px;display:flex;flex-direction:column;gap:2px;min-width:160px}.format-item{padding:6px 14px;border-radius:8px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s}.format-item:hover{background:#f1f5f9}.freeze-svg,.file-import-svg{width:16px;height:16px;pointer-events:none}#openFileBtn.loading{opacity:.6;pointer-events:none}#openFileBtn.loading span:after{content:"…"}#saveFileBtn.loading{opacity:.6;pointer-events:none}#saveFileBtn.loading span:after{content:"…"}#saveFileBtn.success{color:#16a34a}#saveFileBtn.error{color:#dc2626}.freeze-dropdown{position:fixed;z-index:250;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 40px #0000001a;padding:8px 6px;display:flex;flex-direction:column;gap:2px;min-width:168px;animation:freezeFadeIn .12s ease}@keyframes freezeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.freeze-dropdown-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:6px 8px 2px}.freeze-dropdown-title:first-child{margin-top:0}.freeze-dropdown-separator{height:1px;margin:4px 8px;background:#e9edf2}.freeze-item{padding:6px 14px 6px 28px;border-radius:8px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s,color .08s;position:relative;white-space:nowrap}.freeze-item:hover{background:#f1f5f9}.freeze-item.active{background:#dbeafe;color:#2563eb;font-weight:600}.freeze-item.active:before{content:"✓";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#2563eb}.freeze-item-unfreeze{color:#b91c1c;padding-left:14px}.zoom-control{position:fixed;bottom:4px;right:16px;z-index:300;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:3px 6px;box-shadow:0 1px 4px #00000014;user-select:none;-webkit-user-select:none}.zoom-btn{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;font-size:14px;color:#334155;padding:0 6px;transition:all .15s}.zoom-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.zoom-btn:active{background:#cbd5e1}.zoom-reset-btn{font-size:11px;font-weight:600;min-width:36px}.zoom-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#cbd5e1;border-radius:2px;outline:none;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.zoom-input{width:42px;height:22px;text-align:center;border:1px solid #cbd5e1;border-radius:4px;font-size:11px;color:#334155;outline:none;-moz-appearance:textfield}.zoom-input::-webkit-outer-spin-button,.zoom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zoom-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.freeze-item-unfreeze:hover{background:#fef2f2}.freeze-item-unfreeze.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}#freezeBtn.active{background:#dbeafe;color:#2563eb}@media (max-width: 720px){.top-menu{padding:4px 8px;gap:2px}.menu-group{padding:4px 6px}.menu-btn{padding:4px 6px;font-size:11px}.menu-select{min-width:40px;font-size:11px}.group-label{font-size:9px}}.chart-menu-svg{width:16px;height:16px;pointer-events:none}.chart-type-menu{position:fixed;z-index:260;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:6px 0;min-width:150px;backdrop-filter:blur(4px)}.chart-type-menu .menu-item{display:flex;align-items:center;padding:8px 16px;font-size:13px;color:#1e293b;cursor:pointer;transition:background .08s;gap:8px}.chart-type-menu .menu-item:hover{background:#eff6ff;color:#1d4ed8}.chart-dialog-overlay .dialog-box{max-width:640px;width:640px;max-height:86vh;overflow:auto}.chart-dialog-overlay{inset:auto;width:0;height:0;background:transparent;backdrop-filter:none;align-items:flex-start;justify-content:flex-start;overflow:visible}.chart-dialog-box{position:fixed;z-index:401}.chart-dialog-box .dialog-title{cursor:move;user-select:none;-webkit-user-select:none}.chart-ref-hint{color:#dc2626;font-size:12px;margin:2px 0 4px 43px;line-height:1.4}.chart-type-radios{display:flex;gap:16px;font-size:13px;color:#334155}.chart-type-radios label{display:flex;align-items:center;gap:4px;cursor:pointer}.chart-series-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chart-series-row .fc-label{min-width:auto;white-space:nowrap}.chart-series-row .fc-input{flex:1;min-width:0}.chart-remove-series{width:24px;height:24px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;flex-shrink:0;line-height:1}.chart-remove-series:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}