:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;height:100dvh;min-height:440px;display:flex;flex-direction:column;overflow:hidden;background:var(--pa-bg);color:var(--pa-text)}
button,select,textarea{font:inherit;color:inherit}
button,select{height:30px;min-height:30px;border:1px solid var(--pa-border-strong);border-radius:4px;background:var(--pa-raised)}
button{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:0 8px;cursor:pointer;white-space:nowrap}
button:hover{background:var(--pa-hover)}
button:disabled{opacity:.4;cursor:default}
button svg{width:15px;height:15px;flex:none}
button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pa-accent);outline-offset:2px}
.primary{background:var(--pa-accent);border-color:var(--pa-accent);color:var(--pa-on-accent,#fff)}
.primary:hover{filter:brightness(1.08);background:var(--pa-accent)}
.topbar{display:flex;align-items:center;flex:none;height:44px;min-height:44px;padding:0 12px;gap:12px;background:var(--pa-panel);border-bottom:1px solid var(--pa-border);white-space:nowrap}
.topbar h1{font-size:14px;font-weight:650;margin:0;flex:none}
.preview-styles{display:flex;gap:0;align-items:center;margin-left:8px}
.preview-styles button{border-radius:0;font-size:11px;min-width:78px;border-right:0}
.preview-styles button:first-child{border-radius:4px 0 0 4px}.preview-styles button:last-child{border-radius:0 4px 4px 0;border-right:1px solid var(--pa-border-strong)}
button[aria-pressed=true],button[aria-selected=true]{background:var(--pa-hover);color:var(--pa-accent);border-color:var(--pa-accent)}
.export-actions{display:flex;gap:6px;margin-left:auto;font-size:11px;flex:none}
.export-actions #copy{width:30px;padding:0}
.topbar .pathadd-theme-control{margin-left:0;flex:none;font-size:11px;padding:4px 7px;gap:5px;border-radius:4px}
.topbar .pathadd-theme-control>select{height:22px;min-height:22px;padding-top:0;padding-bottom:0}
main{flex:1;min-height:0;padding:6px 12px 2px;display:grid;grid-template-rows:minmax(0,1fr) auto}
.workbench{display:grid;grid-template-columns:minmax(280px,8fr) minmax(0,15fr);min-height:0;border:1px solid var(--pa-border);background:var(--pa-panel)}
.source-panel,.document-panel{display:flex;flex-direction:column;min-height:0;min-width:0}
.source-panel{border-right:1px solid var(--pa-border)}
.panel-header{height:40px;min-height:40px;flex:none;display:flex;align-items:center;gap:8px;padding:3px 10px;border-bottom:1px solid var(--pa-border);overflow:hidden}
.panel-header h2{font-size:11px;font-weight:600;white-space:nowrap;flex:none;margin:0}
#filename{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--pa-muted)}
.actions{display:flex;flex:none;gap:6px;margin-left:auto}
.scroll-sync-control{display:flex;align-items:center;gap:4px;flex:none;font-size:10px;white-space:nowrap}.scroll-sync-control input{margin:0;accent-color:var(--pa-accent)}
.actions button{width:26px;height:28px;min-height:28px;padding:0}
.editor-tools{display:flex;flex:1;align-items:center;min-width:0;gap:3px;overflow-x:auto;scrollbar-width:thin}
.editor-tools button{width:26px;flex:none;padding:0;height:28px;min-height:28px}
.editor-tools select{flex:none;width:82px;font-size:11px;height:28px;min-height:28px;padding:0 4px}
.view-tabs{display:flex;flex:none;gap:0}.view-tabs button{width:28px;padding:0;border-radius:0;height:28px;min-height:28px}.view-tabs button:first-child{border-radius:4px 0 0 4px}.view-tabs button:last-child{border-radius:0 4px 4px 0}
#source{border:0;outline:0;margin:0;resize:none;width:100%;flex:1;min-height:0;padding:20px 16px;background:var(--pa-bg);font:13px/22px Consolas,"Cascadia Code","Microsoft YaHei",monospace;tab-size:2;overflow:auto}
#editor{flex:1;min-height:0;overflow:hidden;background:var(--pa-bg)}
.cm-editor{height:100%;color:var(--pa-text);font:13px/22px Consolas,"Cascadia Code","Microsoft YaHei",monospace}
.cm-editor .cm-scroller{font:inherit;overflow:auto}.cm-editor .cm-content{padding:20px 0;caret-color:var(--pa-text)}
.cm-editor .cm-gutters{background:var(--pa-panel);color:var(--pa-muted);border-color:var(--pa-border)}
.cm-editor .cm-activeLine,.cm-editor .cm-activeLineGutter{background:var(--pa-hover)}
.cm-editor.cm-focused{outline:none}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:var(--pa-selection,rgba(70,140,220,.25))}
.cm-editor .cm-tooltip{background:var(--pa-panel);color:var(--pa-text);border-color:var(--pa-border)}
.panel-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;min-height:26px;padding:4px 10px;border-top:1px solid var(--pa-border);font-size:10px;color:var(--pa-muted)}
.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:24px;padding:4px 2px;color:var(--pa-muted);font-size:11px}
.workspace-bottom>span:last-child{flex:none;white-space:nowrap}#status{min-width:0;overflow-wrap:anywhere}#status[data-error=true]{color:var(--pa-danger)}
.paper-viewport{flex:1;min-height:0;overflow:auto;background:var(--pa-canvas,var(--pa-bg));padding:28px}
.markdown-reading{max-width:860px;min-height:100%;margin:0 auto;padding:36px 44px;background:var(--pa-panel);font:15px/1.8 "Microsoft YaHei","Segoe UI",sans-serif;color:var(--pa-text);overflow-wrap:anywhere}
.markdown-reading h1{font-size:24px;line-height:1.4;margin:0 0 18px}.markdown-reading h2{font-size:19px;line-height:1.5;margin:24px 0 10px}.markdown-reading h3{font-size:16px;margin:20px 0 8px}.markdown-reading h4,.markdown-reading h5,.markdown-reading h6{font-size:15px;margin:16px 0 8px}
.markdown-reading p{margin:0 0 12px}.markdown-reading a{color:var(--pa-accent)}.markdown-reading li{margin:3px 0}.markdown-reading blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid var(--pa-accent);background:var(--pa-hover)}
.markdown-reading pre{max-width:100%;overflow:auto;margin:16px 0;padding:14px;background:var(--pa-bg);border:1px solid var(--pa-border);font:12px/1.7 Consolas,"Cascadia Code",monospace}
.markdown-reading code{font-family:Consolas,"Cascadia Code",monospace}.markdown-reading p code{background:var(--pa-hover);padding:2px 4px}
.markdown-reading table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:13px;margin:16px 0}.markdown-reading th,.markdown-reading td{padding:8px 12px;border:1px solid var(--pa-border)}.markdown-reading th{background:var(--pa-hover)}
.markdown-reading img{display:block;max-width:100%;height:auto;margin:16px 0}.image-placeholder{display:block;padding:10px 0;color:var(--pa-muted);font-size:12px}
.markdown-reading .katex-display{overflow-x:auto;overflow-y:hidden;padding:4px 0}.math-error{color:var(--pa-danger);font-family:Consolas,monospace}
.markdown-reading[data-style=technical]{font-size:14px;padding:32px 38px}.markdown-reading[data-style=technical] h2{border-bottom:1px solid var(--pa-border);padding-bottom:6px}
.markdown-reading[data-style=compact]{font-size:13px;line-height:1.65;padding:24px 30px}.markdown-reading[data-style=compact] p{margin-bottom:6px}.markdown-reading[data-style=compact] h1{font-size:21px}.markdown-reading[data-style=compact] h2{font-size:17px;margin-top:18px}
dialog{width:560px;max-width:calc(100vw - 24px);padding:16px;border:1px solid var(--pa-border);border-radius:6px;background:var(--pa-panel);color:var(--pa-text)}
dialog::backdrop{background:rgba(0,0,0,.45)}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}dialog h2{margin:0;font-size:15px}dialog header button{width:28px;padding:0}
dialog textarea{width:100%;height:240px;resize:vertical;padding:10px;background:var(--pa-bg);border:1px solid var(--pa-border);font:13px/1.7 Consolas,monospace}dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;font-size:12px}
:root[data-pathadd-theme=office],:root[data-pathadd-theme=paper]{color-scheme:light}
:root[data-pathadd-theme=dark]{color-scheme:dark}
@media(max-width:1200px){.preview-styles button{min-width:68px;padding:0 5px}.topbar{gap:8px}.topbar h1{font-size:13px}.document-panel .panel-header h2{display:none}.topbar .pathadd-theme-control>span:first-child{display:none}}
@media(max-width:1150px){.workbench{grid-template-columns:minmax(240px,13fr) minmax(0,27fr)}}
@media(max-width:1000px){.preview-styles{margin-left:0}.preview-styles button{min-width:58px;font-size:10px}.source-panel .panel-header h2{font-size:10px}}
@media(max-width:760px){body{height:auto;min-height:100dvh;overflow:auto}.topbar{height:auto;min-height:44px;flex-wrap:wrap;padding:6px 12px}.preview-styles{order:3}.workbench{grid-template-columns:1fr}.source-panel{height:280px;border-right:0;border-bottom:1px solid var(--pa-border)}.document-panel{height:500px}.paper-viewport{padding:12px}.markdown-reading{padding:24px 20px}.workspace-bottom{align-items:flex-start}.workspace-bottom>span:last-child{display:none}}