:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#122d45;background:#f5f7fc}*{box-sizing:border-box}body{margin:0}.bar{background:#123b72;color:#fff;padding:18px 28px;display:flex;align-items:center;justify-content:space-between}.brand{letter-spacing:.025em}.brand b{color:#f28c28}.tag{font-size:11px;letter-spacing:.08em;color:#dbe7ff}.shell{display:grid;grid-template-columns:minmax(265px,330px) minmax(0,1fr);min-height:calc(100vh - 58px)}aside{padding:24px 22px;background:#fff;border-right:1px solid #dfe6f0;max-height:calc(100vh - 58px);overflow-y:auto}.editor{padding:27px max(22px,4vw);max-width:1250px;width:100%}h1{font-size:29px;margin:6px 0}h2{font-size:19px;margin-top:0}.muted,.footnote{color:#66768c;font-size:13px;line-height:1.5}.heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}label{display:block;font-size:12px;font-weight:700;margin-top:17px;margin-bottom:7px}input,textarea{width:100%;font:inherit;border:1px solid #d4deeb;border-radius:10px;padding:11px 12px;background:#fff;color:#162b45}input:focus,textarea:focus{outline:2px solid #8bb6f0}input:read-only{background:#edf2f8}textarea#mainHtml{font-family:ui-monospace,monospace;font-size:12px;line-height:1.65;min-height:290px}.two{display:grid;grid-template-columns:3fr 1fr;gap:14px}button{border:1px solid #ccd9e6;background:#fff;border-radius:9px;padding:12px 18px;cursor:pointer;font-weight:700;color:#123b72}button:hover{filter:brightness(.96)}button.primary{background:#123b72;color:#fff;border-color:#123b72}button.success{background:#16845b;color:#fff;border-color:#16845b}button.small{padding:8px 12px;margin-top:10px;font-size:12px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:18px}.pages{max-height:45vh;overflow-y:auto;margin-top:12px}.pages button{display:block;width:100%;text-align:left;margin:3px 0;border:0;padding:10px 9px;font-weight:500;word-break:break-word}.pages button.selected{background:#e8f2ff;color:#123b72}.pages small{display:block;font-size:10px;color:#6a7b92}.new{margin-top:20px;border-top:1px solid #e6eaf2}.pill{border-radius:20px;padding:6px 11px;background:#eaf0f8;font-size:11px;font-weight:700;white-space:nowrap}.pill.ready{background:#e5f7ee;color:#137b4e}#notice{padding:12px;background:#eaf1f8;border-radius:9px;color:#254665;font-size:13px;line-height:1.5}.footnote{border-top:1px solid #e0e5ef;padding-top:20px;margin-top:24px}hr{border:0;border-top:1px solid #e6eaf2;margin:20px 0}.hidden{display:none}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{max-height:410px;border-bottom:1px solid #dfe6f0}.editor{padding:22px 16px}.two{grid-template-columns:1fr}.bar{padding:14px}.tag{display:none}}