:root{--paper:#f6f3eb;--surface:#fffefb;--ink:#292d2d;--muted:#606663;--rule:#d5d7ce;--accent:#a7352c;--accent-dark:#80251e;--focus:#195b87;--error:#a52b24;--space:1rem}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:1rem;line-height:1.7}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}button{min-height:3rem;border:1px solid var(--accent);border-radius:.25rem;padding:.65rem 1.25rem;background:var(--accent);color:#fff;cursor:pointer;font-weight:600}button:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:wait}button.secondary{color:var(--ink);border-color:var(--rule);background:var(--surface);font-weight:400}button.secondary:hover{border-color:var(--ink)}input{min-width:0;min-height:3.25rem;padding:.75rem 1rem;border:1px solid #8b9189;border-radius:.25rem;background:var(--surface);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;top:-5rem;left:1rem;padding:.5rem 1rem;background:var(--surface);z-index:10}.skip:focus{top:1rem}.masthead,main,footer{width:min(100% - 3rem,68rem);margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-block:1.25rem}.brand{font-weight:700;font-size:1.15rem;text-decoration:none;display:flex;align-items:center;gap:.75rem}.mark{font-family:serif;font-size:2rem;line-height:1}.edition,.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em}.edition{color:var(--muted)}main{min-height:65vh;padding-block:4rem}.introduction{max-width:54rem}.eyebrow{color:var(--accent);margin:0 0 1.25rem}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.35;font-weight:650;letter-spacing:-.035em;margin:0 0 1.5rem}h2{font-size:1.15rem;line-height:1.5;margin:0 0 .75rem;font-weight:600}p{margin:0 0 1rem}.intro-copy{font-size:1.05rem;max-width:43rem;color:var(--muted);margin-bottom:2rem}form{padding:1.5rem 0 2rem}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.input-row,.copy-row{display:flex;gap:.75rem}.input-row input,.copy-row input{flex:1}.input-row button{white-space:nowrap}.input-row button span{margin-left:1.5rem}.help{font-size:.8125rem;color:var(--muted);margin:.75rem 0 0}.scope{border-top:1px solid var(--rule);padding-top:1.5rem;margin-top:1rem;max-width:43rem}.scope p{color:var(--muted);font-size:.9rem}.error{border-left:3px solid var(--error);padding:.75rem 1rem;color:var(--error);background:var(--surface);overflow-wrap:anywhere}.task-heading{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between}.task-heading h1{font-size:clamp(1.75rem,4vw,2.75rem)}.text-link{font-size:.875rem;white-space:nowrap;margin-top:.25rem}.task-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--muted);border-block:1px solid var(--rule);padding-block:.75rem;margin-bottom:1.5rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.save-link{padding:1.25rem 1.5rem;border:1px solid var(--rule);margin-bottom:2.5rem;max-width:48rem}.save-link h2{font-size:1rem}.save-link p{font-size:.875rem;color:var(--muted)}.copy-row input{font-family:monospace;font-size:.75rem}.copy-row button{font-size:.875rem;white-space:nowrap}.result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--ink);padding-bottom:.75rem}.result-heading h2{margin:0}.result-heading .help{margin:0}.notice{padding-block:1.25rem;color:var(--muted);font-size:.875rem}.notice p{margin-bottom:.5rem}.notice ul{margin:.5rem 0 0;padding-left:1.25rem}.previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}figure{margin:0;min-width:0}figure img{width:100%;height:auto;display:block;background:white;border:1px solid var(--rule)}figcaption{font-size:.8125rem;color:var(--muted);padding-top:.5rem}footer{padding-block:1.5rem 2rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.75rem}footer p{margin:0 0 .5rem;max-width:52rem}
@media(max-width:48rem){.masthead,main,footer{width:calc(100% - 2rem)}main{padding-block:2.5rem}.task-heading{display:block}.task-heading .text-link{display:inline-block;margin-bottom:1.25rem}.previews{grid-template-columns:1fr;gap:1.5rem}.result-heading{display:block}.result-heading .help{margin-top:.5rem}}
@media(max-width:30rem){.input-row,.copy-row{flex-direction:column}.input-row button,.copy-row button{width:100%}.save-link{padding:1rem}h1{letter-spacing:-.04em}.edition{font-size:.65rem}.task-meta{gap:.5rem 1rem}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s}}