.tool-page{max-width:1050px;margin:55px auto;padding:0 22px}.tool-page h1{font-size:52px;letter-spacing:-2px;line-height:1.05;margin:5px 0 12px}.subtitle{color:var(--muted);max-width:680px}.tester{margin-top:30px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:25px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.pill{padding:8px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:9px;color:#c4cad5;font-size:13px}.test-area{min-height:330px;border:1px dashed #3a4352;border-radius:14px;background:#0b0e14;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.test-message{color:#788394}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.stat{background:var(--panel2);border-radius:10px;padding:13px}.stat small{display:block;color:var(--muted);font-size:11px}.stat b{font-size:21px}.key-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.key{padding:10px 3px;background:#171c25;border:1px solid #29313d;border-radius:6px;text-align:center;font-size:11px;min-height:38px}.key.active{background:#5d49b8;border-color:#8b78ee}.level{width:min(600px,90%);height:25px;background:#171c25;border-radius:999px;overflow:hidden}.level i{display:block;height:100%;width:0;background:linear-gradient(90deg,#27d6a2,#7c5cff);transition:width .05s}.video-wrap video{max-width:100%;max-height:500px;border-radius:10px;background:#000}.pad{font-size:16px}.hint{color:var(--muted);font-size:13px;margin-top:18px}.copy{margin-top:25px;color:var(--muted);font-size:14px;max-width:780px}@media(max-width:700px){.tool-page h1{font-size:39px}.stats{grid-template-columns:1fr 1fr}.key-grid{grid-template-columns:repeat(6,1fr)}}