:root{color-scheme:light;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#25362f;background:#f4f3ef}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:48px 40px 24px}header{margin-bottom:34px}.eyebrow{letter-spacing:.22em;font-size:12px;color:#65796c}h1{font-size:clamp(26px,3.2vw,44px);font-weight:550;letter-spacing:-.04em;margin:14px 0}header p{color:#6b756e}.layout{display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:24px}.panel{padding:26px;border:1px solid #dedfd7;background:#fffefa;border-radius:18px}.tag{font-size:11px;color:#647967;background:#edf2e9;border-radius:20px;display:inline-block;padding:7px 10px}h2{font-size:18px;font-weight:550;margin:20px 0}label{display:block;font-size:12px;color:#647067;margin:0 0 9px}textarea,input,select{font:inherit;border:1px solid #d9ddd3;border-radius:8px;padding:12px;background:#fff;color:#263c30;width:100%}textarea{resize:vertical;line-height:1.65;font-size:13px;min-height:180px}textarea:focus,input:focus,select:focus{outline:2px solid #9cafa0;outline-offset:2px}button{font:inherit;cursor:pointer;border:1px solid #dce1d7;border-radius:8px;background:#f7f8f3;color:#38503e;padding:9px 13px}.examples{display:flex;gap:8px;margin:12px 0 22px}.examples button{font-size:12px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls input[type=range]{padding:10px 0;accent-color:#456c50}.primary{display:flex;justify-content:space-between;width:100%;background:#304e3b;color:white;margin-top:24px;padding:16px 20px;border:0;font-weight:550}.primary:disabled{opacity:.55;cursor:wait}#status{font-size:13px;line-height:1.6;color:#4d6654;min-height:40px}.fine,footer{font-size:11px;line-height:1.8;color:#7d857b}a{color:#47694e}.output{display:flex;flex-direction:column;min-height:650px}.output-title{display:flex;justify-content:space-between;align-items:center}.output-title h2{margin:0}.output-title span{font-size:11px;color:#7d857b}#placeholder{display:flex;flex:1;min-height:430px;align-items:center;justify-content:center;flex-direction:column;color:#9da99b;background:#f3f4ee;border-radius:12px;margin-top:24px}.line-art{font:32px/1.35 monospace;color:#a6b3a2;letter-spacing:1px}#placeholder p{font-size:12px}#result{max-width:100%;max-height:750px;object-fit:contain;margin:24px auto 0;border-radius:10px}.download{align-self:flex-end;padding:12px 0;font-size:13px}details{margin-top:16px;font-size:12px;color:#647067}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;background:#f3f4ee;padding:16px;border-radius:8px}footer{padding:22px 0}body [hidden]{display:none!important}@media(max-width:850px){main{padding:28px 16px}.layout{grid-template-columns:1fr}.panel{padding:20px}.output{min-height:440px}#placeholder{min-height:320px}}