:root{color:#e7edf7;background:#101522;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:#101522;min-width:320px;margin:0}button,textarea{font:inherit}.app{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 64px}header{margin-bottom:28px}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.7rem)}h2{margin-bottom:16px;font-size:1.25rem}.subtitle{color:#aeb9cc;max-width:760px;margin-bottom:0;line-height:1.6}.editor-section,.metrics-section,.table-section{background:#181f2e;border:1px solid #29344a;border-radius:14px}.editor-section{margin-bottom:24px;padding:20px}label{margin-bottom:10px;font-weight:700;display:block}textarea{resize:vertical;color:#e7edf7;background:#0f1420;border:1px solid #36445f;border-radius:10px;outline:none;width:100%;min-height:340px;padding:16px;font-family:Cascadia Code,Consolas,monospace;font-size:.92rem;line-height:1.55;display:block}textarea:focus{border-color:#79a9ff;box-shadow:0 0 0 3px #79a9ff26}.editor-actions{color:#aeb9cc;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}button{cursor:pointer;color:#07111f;background:#79a9ff;border:0;border-radius:8px;padding:10px 16px;font-weight:800}button:hover{background:#9cc0ff}.error{color:#ff9b9b;margin:12px 0 0}.metrics-section{margin-bottom:24px;padding:20px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:#222c3f;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex}.metric-name,.metric-card small{color:#aeb9cc}.metric-card strong{color:#fff;font-size:1.8rem}.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.table-section{padding:20px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2d384c;padding:11px 8px}th{color:#aeb9cc;font-size:.85rem}tr:last-child td{border-bottom:0}code{color:#a8d1ff;font-family:Cascadia Code,Consolas,monospace}.empty-message{color:#aeb9cc;margin:0}.basic-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-note{color:#aeb9cc;margin:16px 0 0;line-height:1.55}@media (width<=760px){.app{width:min(100% - 24px,1180px);padding-top:24px}.metric-grid,.tables-grid{grid-template-columns:1fr}.editor-actions{flex-direction:column;align-items:flex-start}.basic-metric-grid{grid-template-columns:1fr}}