*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:#202c29;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}main{max-width:1180px;margin:auto;padding:32px 36px}header,.brand,.panel-title,.actions,footer{display:flex;align-items:center}header{justify-content:space-between}.brand{text-decoration:none;color:inherit;font-size:14px;font-weight:750;gap:12px;letter-spacing:1px}.logo{background:#253c32;color:#fff;border-radius:10px;padding:5px 12px;font-size:25px}.local{font-size:12px;color:#617269}.local i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#729b75;margin-right:8px}.intro{padding:62px 0 26px}.eyebrow{font-size:12px;letter-spacing:3px;color:#68796a}h1{font-size:46px;line-height:1.35;letter-spacing:-1.5px;margin:16px 0}h1 span{color:#718174}.subtitle{color:#65716b;font-size:15px;line-height:1.8}.notice{border:1px solid #dddcca;border-radius:12px;background:#eeeee4;padding:17px 22px;margin-bottom:26px;font-size:13px;line-height:1.7}.notice p{margin:4px 0 0;color:#676957}code{font-size:12px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #e0e5dd;background:#fff;border-radius:16px;padding:25px;min-width:0}.panel-title{justify-content:space-between;margin-bottom:22px;gap:10px}h2{font-size:16px;margin:0}h2 span{color:#8a998e;font-size:12px;margin-right:12px;font-weight:500}button{font:inherit;cursor:pointer;border:0;border-radius:8px;font-size:13px;font-weight:600;padding:12px 17px}button:focus-visible,a:focus-visible{outline:3px solid #7eaa86;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.text-button{padding:5px 0;background:none;color:#4e735b;font-size:12px}label{display:block;font-size:12px;color:#79827c;margin-bottom:10px}textarea{font:13px/1.8 ui-monospace,SFMono-Regular,monospace;width:100%;height:232px;border:1px solid #dfe4db;border-radius:10px;padding:15px;background:#fafbf8;resize:vertical;color:#364b3b}textarea:focus{outline:2px solid #7eaa86;outline-offset:1px}.actions{gap:10px;margin-top:18px}.primary{background:#304f3c;color:#fff;flex:1}.primary span{float:right}.secondary{background:#f0f3ed;color:#48604d;border:1px solid #e2e7dc}.hint{font-size:11px;color:#7b857e;line-height:1.7;margin:15px 0 0}.badge{background:#f0f3ed;border-radius:6px;color:#6e806f;font-size:11px;padding:5px 8px}.empty{height:259px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b978c}.empty>div{font-size:35px;color:#90a18f;background:#f3f6ef;width:68px;height:68px;display:grid;place-items:center;border-radius:18px}.empty h3{font-size:14px;font-weight:500;margin:20px 0 5px}.empty p{font-size:12px}.result{border:1px solid #e0e5dd;border-radius:9px;padding:12px;margin-bottom:10px}.result strong{display:block;font-size:13px;overflow-wrap:anywhere}.result small{display:block;color:#7b857e;margin:6px 0}.result textarea{height:80px;font-size:11px}.result button{padding:6px 10px;margin-top:8px;font-size:11px}#results{max-height:340px;overflow:auto}#errors p{font-size:12px;color:#aa493d;line-height:1.6}footer{justify-content:space-between;font-size:10px;color:#929b92;margin:30px 0;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:760px){main{padding:22px 18px}.intro{padding-top:40px}h1{font-size:34px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.local{font-size:10px}footer{gap:20px;font-size:9px}.notice{padding:14px 17px}}