:root{--ink: #1a222b;--ink-soft: #4a5866;--ink-faint: #6b7887;--line: #dfe4ea;--paper: #ffffff;--wash: #f1f3f6;--accent: #2f6db3}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--wash);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;display:flex;flex-direction:column}.appbar{flex:none;display:flex;align-items:center;gap:12px;padding:0 14px;min-height:52px;background:var(--paper);border-bottom:1px solid var(--line)}.appbar .brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:16px;color:var(--ink);text-decoration:none;flex:none}.appbar .mark{width:24px;height:24px;border-radius:6px;background:var(--ink);color:#e8f0f7;display:grid;place-items:center;font-size:14px;font-weight:700}.appbar .sep{width:1px;height:22px;background:var(--line);flex:none}#doc-name{font-size:14px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}#doc-name.dirty:after{content:" (unsaved)";color:var(--ink-faint)}.actions{display:flex;gap:8px;flex:none}button{font:inherit;font-size:14px;padding:6px 13px;border-radius:7px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}button:hover:not(:disabled){background:var(--wash)}button:disabled{color:#a6afb9;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#2a6099}@media(max-width:640px){.appbar{gap:8px;padding:0 8px}.appbar .sep,#doc-name{display:none}.actions{margin-left:auto;gap:5px}.actions button{padding:6px 9px;font-size:13px}}.notice{flex:none;padding:8px 16px;font-size:13.5px;background:#fff8e6;border-bottom:1px solid #f0e2bd;color:#6b5a24}.notice[hidden]{display:none}#status{flex:none;padding:6px 16px;font-size:13px;color:var(--ink-faint);background:var(--paper);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#status[hidden]{display:none}#editor{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--wash)}#editor>.docx-toolbar{flex:none}#editor>.docx-editor-one-surface,#editor>.empty{flex:1 1 auto;min-height:0}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;padding:40px 24px;color:var(--ink-soft)}.empty h1{margin:0;font-size:20px;font-weight:650;color:var(--ink)}.empty p{margin:0 0 10px;max-width:34em}.empty .tip{margin:18px 0 0;font-size:13px;color:var(--ink-faint);max-width:34em}.empty .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.empty .scope{margin:26px auto 0;max-width:46em;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:left;font-size:13px;color:var(--ink-soft)}.empty .scope p{margin:0 0 8px;max-width:none}.empty .scope p:last-child{margin-bottom:0}.banner{flex:none;padding:9px 16px;font-size:13.5px;line-height:1.5;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink-soft)}.banner[hidden]{display:none}.banner[data-tone=warn]{background:#fff8e6;border-bottom-color:#f0e2bd;color:#6b5a24}.banner[data-tone=error]{background:#fdeeec;border-bottom-color:#f3cdc7;color:#8a2f24}.banner strong{font-weight:650}.banner .how{display:block;margin-top:4px}.banner .rescue{margin-top:8px;font-size:13px;padding:5px 11px;border-color:#d9b3ac;background:var(--paper);color:#8a2f24}#drop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#1a222b8c;color:#fff;font-size:20px;font-weight:600;pointer-events:none}#drop[hidden]{display:none}#drop span{border:2px dashed rgba(255,255,255,.7);border-radius:14px;padding:28px 46px}@media print{html body{display:block!important;height:auto!important;background:#fff!important}body>.appbar,body>.notice,body>#status,body>#drop{display:none!important}body>#editor{display:block!important;flex:0 0 auto!important;overflow:visible!important;height:auto!important;min-height:0!important}}