:root{--font-ui:"Google Sans", sans-serif;--font-content:"Noto Sans", "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR", "Noto Color Emoji", sans-serif;--color-bg:#f8fafc;--color-toolbar:#ffffffe6;--color-toolbar-border:#e2e8f0;--color-primary:#0f172a;--color-hover:#f1f5f9;--color-active:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--radius:4px;--color-brand:#005bbf;--color-brand-hover:#004b9e;--color-text:#111827;--color-text-secondary:#475569;--color-dropdown-bg:#fff;--color-select-bg:#fff;--color-select-text:#111827;--color-page-bg:#fff;--color-page-text:#111827;--color-input-bg:#fff;--color-danger:#d93025;--color-danger-hover:#fce8e6;--color-badge-offline-bg:#f1f5f9;--color-badge-offline-text:#64748b;--color-badge-syncing-bg:#fef3c7;--color-badge-syncing-text:#d97706;--color-badge-online-bg:#dcfce7;--color-badge-online-text:#15803d;--color-badge-error-bg:#fee2e2;--color-badge-error-text:#b91c1c}:root[data-theme=dark]{--color-bg:#0f172a;--color-toolbar:#1e293be6;--color-toolbar-border:#334155;--color-primary:#f8fafc;--color-hover:#1e293b;--color-active:#334155;--shadow-sm:0 1px 4px #0000004d;--color-brand:#3b82f6;--color-brand-hover:#60a5fa;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-dropdown-bg:#1e293b;--color-select-bg:#1e293b;--color-select-text:#f8fafc;--color-page-bg:#1e293b;--color-page-text:#f8fafc;--color-input-bg:#0f172a;--color-danger:#f87171;--color-danger-hover:#f8717126;--color-badge-offline-bg:#1e293b;--color-badge-offline-text:#94a3b8;--color-badge-syncing-bg:#3f2d12;--color-badge-syncing-text:#fbbf24;--color-badge-online-bg:#064e3b;--color-badge-online-text:#34d399;--color-badge-error-bg:#7f1d1d;--color-badge-error-text:#f87171}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f172a;--color-toolbar:#1e293be6;--color-toolbar-border:#334155;--color-primary:#f8fafc;--color-hover:#1e293b;--color-active:#334155;--shadow-sm:0 1px 4px #0000004d;--color-brand:#3b82f6;--color-brand-hover:#60a5fa;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-dropdown-bg:#1e293b;--color-select-bg:#1e293b;--color-select-text:#f8fafc;--color-page-bg:#1e293b;--color-page-text:#f8fafc;--color-input-bg:#0f172a;--color-danger:#f87171;--color-danger-hover:#f8717126;--color-badge-offline-bg:#1e293b;--color-badge-offline-text:#94a3b8;--color-badge-syncing-bg:#3f2d12;--color-badge-syncing-text:#fbbf24;--color-badge-online-bg:#064e3b;--color-badge-online-text:#34d399;--color-badge-error-bg:#7f1d1d;--color-badge-error-text:#f87171}}:root[data-theme-pdf=true]{--color-page-bg:#fff!important;--color-page-text:#111827!important;--color-toolbar-border:#e2e8f0!important}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Google Sans,Noto Sans,Noto Sans Arabic,Noto Sans Devanagari,Noto Sans CJK TC,Noto Sans CJK SC,Noto Sans CJK JP,Noto Sans CJK KR,Noto Color Emoji,sans-serif}.toolbar{background:var(--color-toolbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-toolbar-border);box-shadow:var(--shadow-sm);z-index:10;flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0}.tool-button{border-radius:var(--radius);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;transition:background-color .2s,color .2s;display:inline-flex}.tool-button:hover{background:var(--color-hover);color:#0f172a}.tool-button.active{background:var(--color-active);color:#0f172a}select{border:1px solid var(--color-toolbar-border);border-radius:var(--radius);background:var(--color-select-bg);height:36px;color:var(--color-select-text);font-family:var(--font-ui);cursor:pointer;padding:0 8px}#pages-container{--page-width:210mm;--page-height:297mm;flex-direction:column;align-items:center;gap:24px;min-height:calc(100vh - 52px);padding:24px 0;display:flex}#pages-container.format-a4{--page-width:210mm;--page-height:297mm}#pages-container.format-a5{--page-width:148mm;--page-height:210mm}#pages-container.format-letter{--page-width:215.9mm;--page-height:279.4mm}#pages-container.format-legal{--page-width:215.9mm;--page-height:355.6mm}.page{width:var(--page-width);height:var(--page-height);background:var(--color-page-bg);color:var(--color-page-text);border:1px solid var(--color-toolbar-border);font-family:var(--font-content);padding:25.4mm;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.page:focus{border-color:var(--color-brand);box-shadow:0 2px 8px #00000014, 0 0 0 2px var(--color-hover);outline:none}.page img{max-width:100%;height:auto;display:block}.tool-button svg,.tool-button span{pointer-events:none}#imageInput{display:none}#unsupported-screen{background:var(--color-bg);z-index:10000;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.message-box{flex-direction:column;align-items:center;max-width:400px;display:flex}@media (width<=767px){#unsupported-screen{display:flex}header,#pages-container{display:none!important}}.sync-badge{transition:background-color .2s,color .2s}.sync-badge.offline{background:var(--color-badge-offline-bg);color:var(--color-badge-offline-text)}.sync-badge.syncing{background:var(--color-badge-syncing-bg);color:var(--color-badge-syncing-text)}.sync-badge.syncing .material-symbols-outlined{animation:2s linear infinite spin}.sync-badge.online{background:var(--color-badge-online-bg);color:var(--color-badge-online-text)}.sync-badge.error{background:var(--color-badge-error-bg);color:var(--color-badge-error-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-menu{box-shadow:var(--shadow-sm);z-index:1000;border-radius:6px;min-width:180px;padding:4px 0;font-family:Google Sans,sans-serif;display:none;position:absolute;top:100%;left:0;background-color:var(--color-dropdown-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--color-toolbar-border)!important}.dropdown-item{color:var(--color-text);cursor:pointer;background-color:#0000;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:var(--color-hover)!important}#account-dropdown{background-color:var(--color-dropdown-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.menu-trigger{cursor:pointer;border-radius:4px;padding:2px 6px;transition:background-color .2s;display:inline-block}.menu-trigger:hover{background-color:var(--color-hover)}.page table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.page th,.page td{border:1px solid var(--color-toolbar-border);text-align:left;min-width:50px;padding:8px 12px}.page th{background-color:var(--color-hover);font-weight:600}.page-break{-webkit-user-select:none;user-select:none;height:0;display:block;position:relative;border-top:2px dashed var(--color-brand)!important;margin:24px 0!important}.page-break:before{content:"Page Break";background:var(--color-page-bg);color:var(--color-brand);font-size:11px;font-weight:600;font-family:var(--font-ui);padding:0 8px;position:absolute;top:-10px;right:16px}:root[data-theme-pdf=true] .page-break{border:none!important;height:0!important;margin:0!important;padding:0!important;display:none!important}:root[data-theme=dark] .page [style*="color: #202124" i],:root[data-theme=dark] .page [style*="color:#202124" i],:root[data-theme=dark] .page [style*="color: rgb(32, 33, 36)" i],:root[data-theme=dark] .page [style*="color:rgb(32,33,36)" i],:root[data-theme=dark] .page [style*="color: #000000" i],:root[data-theme=dark] .page [style*="color:#000000" i],:root[data-theme=dark] .page [style*="color: #000" i],:root[data-theme=dark] .page [style*="color:#000" i],:root[data-theme=dark] .page [style*="color: rgb(0, 0, 0)" i],:root[data-theme=dark] .page [style*="color:rgb(0,0,0)" i],:root[data-theme=dark] .page font[color=\#000000 i],:root[data-theme=dark] .page font[color=\#000 i],:root[data-theme=dark] .page font[color=black i]{color:var(--color-page-text)!important}:root[data-theme=dark] .page [style*="color: #5f6368" i],:root[data-theme=dark] .page [style*="color:#5f6368" i],:root[data-theme=dark] .page [style*="color: rgb(95, 99, 104)" i],:root[data-theme=dark] .page [style*="color:rgb(95,99,104)" i]{color:var(--color-text-secondary)!important}:root[data-theme=dark] .page [style*="background: #dadce0" i],:root[data-theme=dark] .page [style*="background:#dadce0" i],:root[data-theme=dark] .page [style*="background-color: #dadce0" i],:root[data-theme=dark] .page [style*="background-color:#dadce0" i]{background-color:var(--color-toolbar-border)!important}:root[data-theme=dark] .page [style*="border-color: #dadce0" i],:root[data-theme=dark] .page [style*="border-color:#dadce0" i]{border-color:var(--color-toolbar-border)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .page [style*="color: #202124" i],:root:not([data-theme=light]) .page [style*="color:#202124" i],:root:not([data-theme=light]) .page [style*="color: rgb(32, 33, 36)" i],:root:not([data-theme=light]) .page [style*="color:rgb(32,33,36)" i],:root:not([data-theme=light]) .page [style*="color: #000000" i],:root:not([data-theme=light]) .page [style*="color:#000000" i],:root:not([data-theme=light]) .page [style*="color: #000" i],:root:not([data-theme=light]) .page [style*="color:#000" i],:root:not([data-theme=light]) .page [style*="color: rgb(0, 0, 0)" i],:root:not([data-theme=light]) .page [style*="color:rgb(0,0,0)" i],:root:not([data-theme=light]) .page font[color=\#000000 i],:root:not([data-theme=light]) .page font[color=\#000 i],:root:not([data-theme=light]) .page font[color=black i]{color:var(--color-page-text)!important}:root:not([data-theme=light]) .page [style*="color: #5f6368" i],:root:not([data-theme=light]) .page [style*="color:#5f6368" i],:root:not([data-theme=light]) .page [style*="color: rgb(95, 99, 104)" i],:root:not([data-theme=light]) .page [style*="color:rgb(95,99,104)" i]{color:var(--color-text-secondary)!important}:root:not([data-theme=light]) .page [style*="background: #dadce0" i],:root:not([data-theme=light]) .page [style*="background:#dadce0" i],:root:not([data-theme=light]) .page [style*="background-color: #dadce0" i],:root:not([data-theme=light]) .page [style*="background-color:#dadce0" i]{background-color:var(--color-toolbar-border)!important}:root:not([data-theme=light]) .page [style*="border-color: #dadce0" i],:root:not([data-theme=light]) .page [style*="border-color:#dadce0" i]{border-color:var(--color-toolbar-border)!important}}