:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#18332f;background:#f1f5f2}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:48px 36px}.badge{font-size:12px;letter-spacing:3px;color:#46776b}h1{font-size:38px;letter-spacing:-1px;margin:15px 0}header p{color:#657b74;line-height:1.7}.settings{display:flex;align-items:end;gap:16px;padding:24px;background:white;border:1px solid #d9e3dc;border-radius:14px;margin:30px 0}label{display:flex;flex-direction:column;gap:10px;font-size:13px;flex:1}input,select{width:100%;padding:13px;border:1px solid #c9d8cf;border-radius:7px;background:#fafcfb;color:inherit}#keyInfo{align-self:center;white-space:nowrap;font-size:12px;color:#657b74}.workspace{display:grid;grid-template-columns:1fr 110px 1fr;gap:18px}.pane{background:white;border:1px solid #d9e3dc;border-radius:14px;overflow:hidden}.panehead{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #e3ebe5}h2{font-size:15px;margin:0}.panehead span{font-size:12px;color:#789087}textarea{display:block;width:100%;height:440px;resize:vertical;border:0;padding:20px;line-height:1.7;font:13px/1.7 Consolas,monospace;color:#18332f;background:white;tab-size:2}textarea:focus{outline:2px solid #4f8b78;outline-offset:-2px}.actions{padding:12px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e3ebe5}button{cursor:pointer;border:1px solid #c9d8cf;border-radius:7px;padding:12px;background:white;color:#254c40;font-weight:600}button:hover{background:#eaf2ed}.actions button{font-size:12px;padding:9px}nav{display:flex;flex-direction:column;justify-content:center;gap:12px}.primary{background:#21674f;color:white;border-color:#21674f}.primary:hover{background:#174c3a}#status{padding:16px;border-radius:8px;background:#e3eee7;font-size:14px}#status.error{background:#ffe8e3;color:#9a3426}footer{font-size:12px;color:#71867c;line-height:1.9;margin-top:22px}@media(max-width:850px){main{padding:24px 16px}.settings{flex-wrap:wrap}label{min-width:200px}.workspace{grid-template-columns:1fr}nav{flex-direction:row}textarea{height:300px}h1{font-size:30px}}