:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{color:#182033;background:#f6f7fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}main{max-width:1180px;margin:0 auto;padding:24px}.hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.hero h1{align-items:center;gap:10px;margin:0 0 6px;font-size:30px;display:flex}.hero p,.muted,footer{color:#667085}.rate{color:#23407a;background:#eef4ff;border:1px solid #c7d7fe;border-radius:12px;margin-bottom:16px;padding:10px 14px}.grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:18px;box-shadow:0 8px 28px #0f172a0f}h2{align-items:center;gap:8px;margin:0 0 14px;font-size:20px;display:flex}.form{gap:12px;display:grid}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.specs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}label{gap:6px;display:grid}label span{color:#344054;font-size:13px;font-weight:650}input,select,textarea{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:94px}.post{min-height:340px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.result{align-self:start;position:sticky;top:16px}.big{color:#1570ef;margin:8px 0 16px;font-size:42px;font-weight:800}dl{grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 16px;display:grid}dt{color:#667085}dd{text-align:right;margin:0;font-weight:700}.actions{flex-wrap:wrap;gap:8px;display:flex}button{color:#fff;cursor:pointer;background:#1570ef;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-weight:700;display:inline-flex}button:hover{background:#175cd3}.ghost{color:#344054;background:#f2f4f7}.ghost:hover{background:#e4e7ec}.history{margin:0 0 12px;padding-left:20px}.history li{margin:6px 0}.toast{color:#fff;background:#101828;border-radius:12px;padding:12px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0003}footer{text-align:center;padding:14px}@media (width<=860px){main{padding:14px}.hero{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.result{position:static}.row,.specs{grid-template-columns:1fr}.big{font-size:34px}.actions button{flex:calc(50% - 8px)}}