:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26282d;font-size:13px;font-synthesis:none;background:#e9eaed}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button{border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;padding:5px 9px;white-space:nowrap}button:hover:not(:disabled){background:#e8edf3}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #4d83c7;outline-offset:1px}button:disabled{opacity:.35;cursor:default}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.desktop-document{height:100dvh;display:flex;flex-direction:column}.desktop-document[hidden]{display:none}.desktop-document>.app{height:auto;flex:1;min-height:0}.desktop-mode{padding:5px 12px;background:var(--surface, #fafafa);border-bottom:1px solid var(--border, #d9dade)}.titlebar{height:44px;min-height:44px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#fafafa;border-bottom:1px solid #d9dade}.brand{font-size:16px;letter-spacing:-.4px;color:#313944}.brand strong{font-weight:650}.document-title{flex:1;text-align:center;font-size:12px}.unsaved{color:#54759d;font-size:9px}.alpha{font-size:9px;color:#7e848c;letter-spacing:1.2px}.menubar{display:flex;align-items:center;gap:2px;padding:4px 12px;min-height:35px;background:#fafafa;border-bottom:1px solid #e3e4e6}.menubar button{font-size:12px}.menu-spacer{flex:1}.toolbar{display:flex;align-items:center;gap:3px;min-height:46px;background:#f5f6f8;border-bottom:1px solid #cfd2d7;padding:6px 14px;flex-wrap:wrap}.toolbar button{height:30px;min-width:30px}.toolbar button.active{background:#dbe7f6;border-color:#b3cce8;color:#164e90}.toolbar select{border:1px solid #d7dae0;border-radius:3px;background:#fff;height:27px;padding:0 4px}.divider{height:22px;width:1px;background:#d6d8de;margin:0 7px}.font-name{padding:4px 8px;background:#fff;border:1px solid #d7dae0;border-radius:3px;font-size:12px;min-width:145px}.align-icon{display:flex;flex-direction:column;width:17px;gap:3px}.align-icon i{height:1px;background:currentColor;width:100%}.align-icon i:nth-child(2),.align-icon i:nth-child(4){width:11px}.align-icon.center{align-items:center}.align-icon.right{align-items:flex-end}.spacing-label{display:flex;align-items:center;gap:6px;font-size:12px}.workspace{flex:1;overflow:auto;background:#e7e8eb;scrollbar-gutter:stable}.page-stack{width:max-content;min-width:100%;padding:28px 32px 48px;display:flex;flex-direction:column;align-items:center;gap:28px}.page{position:relative;background:#fff;box-shadow:0 1px 5px #00000020;flex-shrink:0;touch-action:none}.page canvas{display:block;cursor:text}.page-number{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:#858a94}.statusbar{display:flex;align-items:center;gap:16px;padding:2px 13px;min-height:29px;background:#fafafa;border-top:1px solid #cfd2d7;font-size:11px;color:#666c75}.statusbar select{border:0;background:transparent;font-size:11px}.statusbar button{padding:2px 5px}.status-path{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bridge{position:fixed;left:130px;top:200px;width:2px;height:24px;opacity:.01;border:0;resize:none;padding:0;color:transparent;caret-color:transparent;font-size:16px;pointer-events:none;z-index:3;overflow:hidden}.loading{padding:80px;color:#737983}.message{padding:8px 18px;background:#e9f2fd;display:flex;align-items:center;justify-content:space-between;font-size:12px}.message.error{background:#fff0ed;color:#97372f}.diagnostics{max-height:180px;overflow:auto;padding:12px 20px;border-bottom:1px solid #dec78e;background:#fff9ed;font-size:12px}.diagnostics p{margin:7px 0}.warning-button{color:#8b621d}.export-wrap{position:relative}.export-menu{position:absolute;z-index:10;top:30px;left:0;min-width:170px;background:#fff;border:1px solid #d0d4dc;border-radius:4px;box-shadow:0 5px 18px #0002;padding:5px}.export-menu button{display:block;width:100%;text-align:left}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0003}.page-dialog{width:330px;padding:22px;background:#fff;border:1px solid #c5c9d0;box-shadow:0 8px 35px #0003;border-radius:6px}.page-dialog h2{font-size:17px;margin:0 0 8px}.page-dialog p{color:#717680}.page-dialog label{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}.page-dialog input{width:90px;border:1px solid #ccd0d8;padding:5px}.page-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.primary{background:#2866ae;color:#fff}.primary:hover:not(:disabled){background:#225d9f}@media(max-width:850px){.font-name{display:none}.toolbar{gap:1px;padding:5px 8px}.divider{margin:0 4px}.brand{font-size:14px}.alpha{display:none}.statusbar{gap:10px}}.format-panel,.table-panel,.find-panel{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 16px;background:#fafbfc;border-bottom:1px solid #cfd2d7;max-height:190px;overflow:auto}.format-panel fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #d7dbe1;padding:8px}.format-panel legend{color:#556477;font-size:11px}.format-panel label,.table-panel label,.find-panel label{display:flex;align-items:center;gap:5px;font-size:12px}.format-panel input[type=number],.table-panel input[type=number]{width:60px;border:1px solid #d7dae0;padding:4px}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-left:1px solid #d7dbe1;padding-left:10px}.toolbar input[type=color],.table-panel input[type=color]{width:28px;height:26px;padding:2px;border:1px solid #d7dae0;background:#fff}.toolbar .font-name{max-width:185px}.find-panel input{border:1px solid #ccd2dc;padding:5px}:root{--surface: rgba(250, 251, 254, .94);--paper: #fff;--workspace: #e9ebf0;--text-primary: #252b3b;--text-secondary: #687085;--border: #d6dae5;--accent: #505cc6;--selection: #dce1fc;--radius: 6px;--shadow: 0 3px 12px rgba(30, 40, 80, .08);--spacing: 8px;background:var(--workspace);color:var(--text-primary)}.workspace{background:var(--workspace)}.titlebar,.menubar,.toolbar,.format-panel,.table-panel,.statusbar{background:var(--surface);border-color:var(--border)}.titlebar,.toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button,input,select{border-radius:var(--radius)}.primary,.toolbar button.active{background:var(--selection);color:var(--accent);border-color:#bec6ee}.page{background:var(--paper);box-shadow:var(--shadow);isolation:isolate}.page-dialog{border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #20294d22}.page-setup{width:min(650px,92vw);max-height:92vh;overflow:auto}.page-setup-columns{display:flex;gap:24px;align-items:flex-start}.page-setup-columns>div{flex:1}.page-setup-columns figure{margin:12px 0;width:240px;text-align:center;color:var(--text-secondary)}.page-setup-columns label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.page-setup-columns input[type=number]{width:85px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.horizontal-ruler{height:29px;position:sticky;top:0;z-index:4;background:var(--surface);border:1px solid var(--border);margin-bottom:8px;-webkit-user-select:none;user-select:none}.ruler-handle{position:absolute;top:15px;width:12px;height:12px;padding:0;transform:translate(-50%);background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);touch-action:none;cursor:ew-resize}.ruler-handle.leftIndent{top:22px;clip-path:none;height:6px;border-radius:1px}.ruler-handle.firstLineIndent{top:1px;clip-path:polygon(0 0,100% 0,50% 100%)}.ruler-tab{position:absolute;bottom:0;color:var(--accent);font-size:10px}.horizontal-ruler output{position:absolute;right:0;top:0;background:var(--surface);font-size:10px}.table-resize-preview{position:absolute;pointer-events:none;z-index:3;background:var(--accent)}.table-resize-preview.column{width:2px}.table-resize-preview.row{height:2px}.table-resize-preview span{position:absolute;top:-20px;left:4px;background:var(--surface);padding:2px 4px;white-space:nowrap;border:1px solid var(--border)}canvas{touch-action:none}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--workspace, #f4f5fa)}.web-source{display:flex;justify-content:space-between;gap:12px;padding:6px 14px;font:12px system-ui;color:#555c72;background:#f4f5fa;border-bottom:1px solid #dce0ec;flex-wrap:wrap}.web-document{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column}.web-document[hidden]{display:none}.web-document>.app{height:auto;flex:1;min-height:0}@media(pointer:coarse){button,select,input:not([type=color]){min-height:44px}.toolbar{gap:6px;flex-wrap:wrap;max-height:160px;overflow-y:auto;flex-shrink:0}.menubar{overflow-x:auto;flex-shrink:0;min-height:52px}.modal,.page-dialog{max-height:85dvh;overflow:auto;width:min(92vw,640px)}.ruler{touch-action:none}.workspace{padding:12px}}@media(max-width:768px){.web-source{font-size:11px}.toolbar,.status{flex-wrap:wrap}.modal{max-width:92vw}.workspace{overflow:auto}}.web-document{height:calc(var(--visible-height, 100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.web-source{flex-wrap:nowrap;align-items:center;overflow-x:auto;flex-shrink:0;padding:4px 10px}.web-source>*{flex-shrink:0}.source-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-state{font-size:11px}.web-source button{display:inline-flex;align-items:center;gap:6px}.web-source img{border-radius:50%}.modal-backdrop{top:var(--visible-top, 0px);height:var(--visible-height, 100dvh);bottom:auto;padding:12px;box-sizing:border-box}.modal,.page-dialog{box-sizing:border-box;width:min(640px,100%);max-height:calc(var(--visible-height, 100dvh) - 24px);overflow:auto;overscroll-behavior:contain}.modal{padding:20px;background:var(--paper, white);border-radius:10px}.modal label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.modal input{min-width:0;max-width:100%}.modal button{margin:4px}@media(pointer:coarse),(max-width:768px){.toolbar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:52px}.toolbar>*{flex-shrink:0}.menubar{overflow-x:auto;white-space:nowrap}.menubar>*{flex-shrink:0}.format-panel,.table-panel,.find-panel{max-height:min(220px,calc(var(--visible-height, 100dvh) * .3));overflow:auto;flex-shrink:0;overscroll-behavior:contain}.workspace{padding:0}.page-stack{padding:12px 16px 32px}.page-setup-columns{flex-direction:column}.source-state{display:none}.status{flex-shrink:0}}@media(pointer:coarse){.horizontal-ruler{display:none}.page-stack{align-items:flex-start}button,select{min-width:44px}input[type=color]{min-width:44px;min-height:44px}.source-state.offline{display:inline}}