:root{--bg:#0f1112;--chrome:#16191b;--panel:#121516;--canvas:#0a0c0d;--ink:#e9ece9;--muted:#8d9794;--line:#262c2e;--chip:#1d2224;--accent:#3dd1b0;--accent-ink:#06201a;--err:#ff8a7a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#eef0ee;--chrome:#fff;--panel:#fff;--canvas:#e4e8e6;--ink:#1a2220;--muted:#5d6966;--line:#d6dcda;--chip:#f0f3f1;--accent:#0c7a66;--accent-ink:#fff;--err:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);flex-direction:column;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}button{font:inherit;color:inherit}[hidden]{display:none!important}.top{border-bottom:1px solid var(--line);background:var(--chrome);flex:none;align-items:center;gap:16px;height:54px;padding:0 20px;display:flex}.logo{letter-spacing:-.04em;font:700 20px/1 ui-monospace,Menlo,monospace}.logo b{color:var(--accent)}.sub{color:var(--muted);font-size:13px}.frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--chrome);flex-direction:column;flex:1;min-height:0;margin:16px 20px;display:flex;overflow:hidden}.head{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.hint{color:var(--muted);margin:0;font-size:14px}.sp{flex:1}.btn{border:1px solid var(--line);background:var(--chrome);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:6px 14px;font-size:14px;display:inline-flex}.btn:hover{background:var(--chip)}.btn small{opacity:.7;font-size:12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{min-height:32px;padding:3px 10px;font-size:13px}.subject{border-bottom:1px solid var(--line);background:var(--chrome);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 14px;font-size:13.5px;display:flex}.subject .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font:12px ui-monospace,Menlo,monospace}.subject .subj{overflow-wrap:anywhere;min-width:0;font-weight:600}.chk{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.subject .chk{flex-basis:100%}.pane.drop{outline:3px dashed var(--accent);outline-offset:-6px}.manual{border-top:1px solid var(--line);color:var(--muted);padding:8px 14px 12px;font-size:13px}.manual label{margin-bottom:6px;display:block}.manual textarea{background:var(--panel);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}.split{border-top:1px solid var(--line);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.pane{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.pane+.pane{border-left:1px solid var(--line);background:var(--canvas)}.ph{border-bottom:1px solid var(--line);background:var(--chrome);flex:none;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;display:flex}.ph i{color:var(--muted);font:12px ui-monospace,Menlo,monospace}.ph b{font-weight:600}.muted{color:var(--muted)}#editor{resize:none;min-height:0;color:var(--ink);background:0 0;border:0;flex:1;padding:18px 20px;font:13.5px/1.65 ui-monospace,Menlo,Consolas,monospace}.scroll{flex:1;padding:28px 24px;overflow:auto}.paper{color:#202124;overflow-wrap:anywhere;background:#fff;border-radius:8px;max-width:640px;margin:0 auto;padding:32px 40px;font:14px/1.5 Arial,Helvetica,sans-serif}.paper:empty:before{content:"Nothing to preview yet.";color:#5f6368}.paper img{display:block}.status{border-top:1px solid var(--line);color:var(--muted);background:var(--chrome);flex-wrap:wrap;font-size:12.5px;display:flex}.status>span{border-right:1px solid var(--line);padding:7px 14px}.status>span:empty{display:none}.status .dot{color:var(--accent)}.status .msg{border:0;margin-left:auto;font-weight:600}.status .ok{color:var(--accent)}.status .err{color:var(--err)}.copy-source{white-space:pre;opacity:0;pointer-events:none;position:fixed;top:0;left:-9999px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width:760px){.frame{margin:8px;overflow:auto}.split{flex:none;grid-template-columns:1fr}.pane{min-height:340px}.pane+.pane{border-left:0;border-top:1px solid var(--line)}.sub{display:none}.paper{padding:20px}.scroll{padding:16px 12px}.status .msg{margin-left:0}}@page{size:A4;margin:18mm 16mm}@media print{html,body{color:#202124;background:#fff;height:auto;display:block}.top,.head,.manual,.status,.ph,.subject,#editor,.pane:first-child{display:none!important}.frame,.split,.pane,.pane+.pane,.scroll{background:0 0;border:0;border-radius:0;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:block;overflow:visible}.paper{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border-radius:0;width:auto;max-width:none;margin:0;padding:0;font:11pt/1.5 Arial,Helvetica,sans-serif}.paper h1,.paper h2,.paper h3,.paper h4,.paper h5,.paper h6{break-after:avoid}.paper pre,.paper tr,.paper blockquote,.paper img{break-inside:avoid}}