*{box-sizing:border-box}body{margin:0;background:#05070a;color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1220px;margin:auto;padding:28px 14px 60px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}header h1{margin:4px 0;font-size:30px}header p,small,.card p,#notice,footer{color:#8e99a8}.box,.card{border:1px solid #263140;background:linear-gradient(#111720,#0a0f15);border-radius:18px}.controls{display:grid;grid-template-columns:1.3fr .7fr 210px;gap:10px;padding:16px;margin:18px 0}.controls #notice{grid-column:1/-1;border-top:1px solid #202936;padding-top:10px}label{font-size:11px;color:#9aa4b1}input,select,button{width:100%;min-height:42px;border-radius:11px;border:1px solid #2a3544;background:#080d13;color:#eef2f6;padding:10px;margin-top:6px}button{cursor:pointer;font-weight:750}button:hover:not(:disabled){border-color:#51647c}button:disabled{opacity:.4}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{padding:13px}.top{display:flex;justify-content:space-between;gap:8px}.top h2{font-size:15px;margin:0}.top span{font-size:9px;background:#14241a;color:#8eef9f;padding:5px 7px;border-radius:999px;white-space:nowrap}.card p{font-size:12px;line-height:1.45;min-height:50px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.actions input,.actions select{width:auto;flex:1 1 80px;font-size:10px;min-height:36px;padding:8px}.card em{display:block;border-top:1px solid #1d2631;margin-top:10px;padding-top:8px;color:#6f7c8c;font-size:10px}.results{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:16px}.results>.box{padding:15px}.rhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.rhead h2{font-size:16px;margin:0}.rhead button{width:auto;min-height:32px;font-size:9px;padding:6px 9px}#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.m{border:1px solid #202b38;border-radius:12px;padding:10px;background:#080d13}.m b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis}.m span{font-size:9px;color:#8190a1}pre{max-height:560px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#04070a;border:1px solid #222c39;border-radius:12px;padding:12px;color:#d8dfe7;font:11px/1.5 ui-monospace,monospace}.docs{margin-top:10px;padding:14px}.docs h2{font-size:15px}.docs p{font-size:12px;color:#9aa5b3;line-height:1.6}#media img{max-width:100%;max-height:250px;border-radius:12px;margin-top:12px}#media audio{width:100%;margin-top:12px}footer{text-align:center;font-size:10px;margin-top:24px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:1fr}}@media(max-width:650px){header{display:block}.controls,.grid{grid-template-columns:1fr}.controls #notice{grid-column:auto}#metrics{grid-template-columns:repeat(2,1fr)}}