:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--app-bar-height:54px;--toolbar-height:48px;--status-height:30px;--sidebar-width:264px;--border:#d7dadd;--border-strong:#b8bec4;--canvas:#e9ecef;--panel:#f8f9fa;--surface:#fff;--text:#202326;--muted:#626970;--accent:#176b3a;--accent-hover:#11572f;--accent-soft:#e6f2ea;--focus:#1769aa;--danger:#a12622;--shadow:0 8px 24px #1f232624;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--canvas);letter-spacing:0;font-size:14px}.host-only{display:none!important}body.host-vscode{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--border:var(--vscode-panel-border,#d7dadd);--border-strong:var(--vscode-contrastBorder,#b8bec4);--canvas:var(--vscode-editor-background,#e9ecef);--panel:var(--vscode-sideBar-background,#f8f9fa);--surface:var(--vscode-editorWidget-background,#fff);--text:var(--vscode-editor-foreground,#202326);--muted:var(--vscode-descriptionForeground,#626970);--focus:var(--vscode-focusBorder,#1769aa)}@media (prefers-color-scheme:dark){body.host-vscode{--lightningcss-light: ;--lightningcss-dark:initial}}body.host-vscode .host-only{display:inline-flex!important}body.host-vscode .app-bar{color:var(--vscode-titleBar-activeForeground,#f7faf8);background:var(--vscode-titleBar-activeBackground,#202a24);border-bottom-color:var(--vscode-titleBar-border,#111713)}body.host-vscode .sidebar-primary,body.host-vscode .edit-controls,body.host-vscode #save-document,body.host-vscode .empty-state .command-button,body.host-vscode .drop-overlay{display:none!important}body.host-vscode .sidebar{background:var(--vscode-sideBar-background,var(--panel))}button,select,input,textarea{font:inherit;letter-spacing:0}button,summary,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:default;opacity:.42}.app-shell{grid-template-rows:var(--app-bar-height) minmax(0, 1fr);height:100%;display:grid}.app-bar{z-index:30;color:#f7faf8;background:#202a24;border-bottom:1px solid #111713;align-items:center;gap:18px;min-width:0;padding:0 14px;display:flex}.brand{min-width:max-content;color:inherit;align-items:center;gap:7px;text-decoration:none;display:flex}.brand-mark{color:#163321;background:#6ee7a0;border-radius:4px;place-items:center;width:28px;height:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;font-weight:800;display:grid}.brand-name{font-size:17px;font-weight:750}.brand-product{color:#b9c4bd;font-size:13px}.document-identity{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.document-identity strong,.document-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-identity strong{font-size:13px;font-weight:650}.document-identity span{color:#aeb9b2;margin-top:3px;font-size:11px}.app-bar-actions{align-items:center;gap:5px;display:flex}.local-status{color:#ccebd7;border:1px solid #4b6755;border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:12px;display:inline-flex}.local-status svg{width:15px;height:15px}.workbench{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:0;display:grid;position:relative}.sidebar{z-index:20;background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar-primary{border-bottom:1px solid var(--border);padding:14px}.command-button,.icon-button,.segment,.sheet-button,.menu-panel button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px}.compact-command{background:var(--surface);border-color:var(--border)}.command-button{justify-content:center;align-items:center;gap:8px;height:34px;padding:0 11px;font-weight:620;display:inline-flex}.command-button svg{width:17px;height:17px}.command-button.primary{color:#fff;background:var(--accent);border-color:var(--accent);width:100%}.command-button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.field-label{color:var(--muted);text-transform:uppercase;margin:14px 0 6px;font-size:11px;font-weight:700;display:block}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;height:34px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;padding:0 34px 0 9px}.select-wrap svg{pointer-events:none;width:16px;height:16px;position:absolute;top:9px;right:9px}.sidebar-section{border-bottom:1px solid var(--border);padding:14px}.sheet-section{flex:1;min-height:0;overflow:hidden}.sidebar-section h2{margin:0;font-size:12px;font-weight:720}.section-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-count{min-width:22px;color:var(--muted);text-align:right;font-size:11px}.sheet-list{max-height:calc(100% - 28px);overflow:auto}.sheet-button{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:32px;padding:6px 9px;display:block;overflow:hidden}.sheet-button:hover{background:#eceff1}.sheet-button.active{color:#104b2a;background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent);font-weight:650}.metadata-section{flex:none}.metadata-list{gap:7px;margin:10px 0 0;display:grid}.metadata-list div{justify-content:space-between;gap:12px;display:flex}.metadata-list dt{color:var(--muted);font-size:12px}.metadata-list dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;font-weight:580;overflow:hidden}.metadata-list dd.dirty{color:#9a4c08;font-weight:700}.editing-reason{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.45}.viewer-main{grid-template-rows:var(--toolbar-height) minmax(0, 1fr) var(--status-height);min-width:0;min-height:0;display:grid}.toolbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.toolbar-spacer{flex:1;min-width:0}.segmented-control{background:#eceff1;border:1px solid #dce0e3;border-radius:5px;grid-template-columns:repeat(2,minmax(74px,1fr));padding:2px;display:inline-grid}.segment{height:29px;color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:620;display:inline-flex}.segment svg{width:15px;height:15px}.segment.active{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #20232614}.page-controls,.zoom-controls,.edit-controls{align-items:center;gap:2px;display:inline-flex}.page-position,.zoom-value{height:30px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;display:inline-grid}.page-position{min-width:54px}.zoom-value{min-width:47px}.icon-button{width:32px;height:32px;color:inherit;flex:0 0 32px;place-items:center;text-decoration:none;display:inline-grid}.icon-button:hover:not(:disabled){background:#7f898229}.icon-button svg{width:18px;height:18px}.export-menu{position:relative}.export-menu summary{background:var(--surface);border-color:var(--border-strong);min-width:92px;list-style:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary svg:last-child{width:14px;height:14px}.menu-panel{z-index:40;background:var(--surface);border:1px solid var(--border);width:184px;box-shadow:var(--shadow);border-radius:5px;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.menu-panel button{text-align:left;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;display:flex}.menu-panel button:hover{background:#eef1f2}.menu-panel svg{width:16px;height:16px}.viewer-viewport{overscroll-behavior:contain;background-color:var(--canvas);background-image:linear-gradient(#d9dde0 1px,#0000 1px),linear-gradient(90deg,#d9dde0 1px,#0000 1px);background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:auto}.document-stage{min-width:max-content;min-height:100%;padding:24px}.document-surface{background:#fff;position:relative;overflow:visible;box-shadow:0 2px 12px #161b182e}.rendered-svg{pointer-events:none;transform-origin:0 0;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute;top:0;left:0}.loading-state,.empty-state,.drop-overlay{z-index:8;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:0}.loading-state[hidden],.empty-state[hidden],.drop-overlay[hidden],.document-stage[hidden]{display:none}.loading-state{color:#39413c;background:#e9ecefe0}.loading-state strong,.empty-state strong,.drop-overlay strong{font-size:13px;font-weight:650}.spinner{border:3px solid #bac3bd;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.empty-state>svg{color:#7c8580;width:46px;height:46px}.empty-state .command-button{width:auto}.drop-overlay{color:#0f4a29;border:2px dashed var(--accent);background:#f0f8f3f5;border-radius:6px;margin:18px}.drop-overlay svg{width:42px;height:42px}.status-bar{min-width:0;color:var(--muted);border-top:1px solid var(--border);background:#f4f5f6;justify-content:space-between;align-items:center;gap:14px;padding:0 10px;font-size:11px;display:flex}.status-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-meta{flex:none;align-items:center;gap:9px;display:inline-flex}.status-meta a{color:inherit}.error-banner{z-index:80;color:#5f1714;width:min(440px,100vw - 36px);min-height:52px;box-shadow:var(--shadow);background:#fff6f5;border:1px solid #e2aaa6;border-radius:5px;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:9px 9px 9px 13px;display:grid;position:fixed;bottom:42px;right:18px}.error-banner[hidden]{display:none}.error-banner>svg{width:20px;height:20px;color:var(--danger)}.error-banner span{line-height:1.35}.edit-dialog{width:min(560px,100vw - 28px);max-height:min(720px,100vh - 28px);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:6px;padding:0;overflow:hidden}.edit-dialog::backdrop{background:#1419167a}.edit-form{grid-template-rows:auto minmax(0,1fr) auto auto;max-height:min(720px,100vh - 28px);display:grid}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.dialog-header h2,.dialog-header p{margin:0}.dialog-header h2{font-size:15px}.dialog-header p{color:var(--muted);margin-top:3px;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-height:0;padding:16px;display:grid;overflow:auto}.form-field{gap:5px;min-width:0;display:grid}.form-field>span:first-child,.formula-fields legend{color:var(--muted);font-size:11px;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:4px}.form-field input,.form-field select{height:36px;padding:0 9px}.form-field textarea{resize:vertical;min-height:72px;padding:8px 9px}.form-field-wide,.formula-fields{grid-column:1/-1}.inline-field{grid-template-columns:minmax(0,1fr) 36px;gap:5px;display:grid}.field-icon-button{background:var(--panel);border-color:var(--border-strong);width:36px;height:36px}.formula-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:0;display:grid}.formula-fields[hidden]{display:none}.dialog-status{min-height:30px;color:var(--muted);background:var(--panel);border-top:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:7px 16px;font-size:11px;overflow:hidden}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:7px;padding:11px 16px;display:flex}.dialog-actions .command-button{border-color:var(--border-strong)}.dialog-actions .command-button.primary{width:auto;min-width:78px}.sidebar-scrim,.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){:root{--toolbar-height:46px}.mobile-only{display:inline-grid}.app-bar{gap:9px;padding:0 8px}.brand-product,.local-status span,.document-identity span{display:none}.document-identity strong{font-size:12px}.workbench{grid-template-columns:minmax(0,1fr)}.sidebar{width:min(var(--sidebar-width), calc(100vw - 48px));transition:transform .16s ease-out;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open .sidebar{transform:translate(0)}.sidebar-scrim{z-index:15;background:#14191661;border:0;padding:0;position:absolute;inset:0}.sidebar-open .sidebar-scrim{display:block}.toolbar{gap:4px;padding:0 6px}.segmented-control{grid-template-columns:repeat(2,44px)}.segment span,.compact-command span,.zoom-value,.export-menu summary span,.export-menu summary svg:last-child{display:none}.segment{padding:0}.export-menu summary{min-width:34px;padding:0}.compact-command{width:34px;padding:0}.document-stage{padding:14px}.status-bar{gap:8px}#render-detail{display:none}}@media (max-width:420px){.brand-name,.page-position,#fit-view,.zoom-controls{display:none}.toolbar-spacer{flex:1}.form-grid,.formula-fields,.properties-grid{grid-template-columns:minmax(0,1fr)}.form-field-wide,.formula-fields{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}