:root{color-scheme:light;--paper:#fff9ee;--ink:#42392d;--muted:#6e6151;--green:#476344;--line:#d8cbb8;--soft:#eee8da;--focus:#8c5435;--danger:#922f26;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f2eadc}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.7}main{width:min(760px,100%);margin:auto;padding:52px 24px 32px}header{padding:12px 0 28px;border-bottom:1px solid var(--line)}h1{font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:clamp(30px,5vw,46px);line-height:1.35;letter-spacing:-.035em;margin:16px 0 20px}h2{font-size:23px;line-height:1.4;margin:0 0 20px}.eyebrow,.step{font-size:12px;letter-spacing:.16em;color:var(--green);font-weight:700}.intro{color:var(--muted)}section{margin:28px 0;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px}label{display:block;font-size:15px;font-weight:650;margin:20px 0 7px}input,select,textarea{width:100%;border:1px solid #9d927f;border-radius:8px;background:#fffefb;color:var(--ink);font:inherit;padding:11px 13px;min-height:48px}textarea{resize:vertical;line-height:1.6;font-family:ui-monospace,monospace}input[readonly]{background:var(--soft)}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;margin-top:14px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fffef4;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover,.button:hover{background:#354d33}.secondary{color:var(--ink);border-color:var(--line);background:var(--paper)}.secondary:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:not-allowed}a{color:#365732;text-underline-offset:3px}nav,.actions{display:flex;gap:12px;flex-wrap:wrap}.hint,.small,footer{font-size:14px;color:var(--muted)}.note{border-left:3px solid var(--green);padding:6px 14px}.step{margin-top:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;background:var(--soft);padding:16px;border-radius:8px}#status{min-height:1.7em}#status[data-error=true]{color:var(--danger)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}footer{border-top:1px solid var(--line);padding:24px 0}footer span{display:block;margin-top:4px}[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 16px}section{padding:22px 18px}.actions{gap:8px}.actions button{flex:1;font-size:14px}h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}