:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:sans-serif;font-weight:400;line-height:1.5}body{margin:0}h1,h2,p{margin:0 0 12px}code{font-family:monospace}.app{max-width:900px;margin:0 auto;padding:24px}.section{border-top:1px solid #ddd;margin-top:24px;padding-top:16px}.field-label{margin:12px 0 8px;font-weight:600;display:block}button{margin:12px 0;padding:8px 14px}textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:160px;font:inherit;padding:12px;display:block}.error-text{color:#b00020}.result-panel{margin-top:12px}.result-panel.empty{color:#666}.result-status{margin-bottom:8px}pre{background:#f5f5f5;border:1px solid #ddd;margin:0;padding:12px;overflow-x:auto}