.style-card footer>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.style-test-start{display:grid;gap:16px}
.style-test-start label{display:grid;gap:8px;font-weight:650}
.style-test-start input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd5d1;border-radius:10px;font:inherit}
.style-test-progress{padding:16px 0}
.style-test-progress h3{margin:0 0 12px}
.style-test-progress #styleTestStatus{padding:16px;border-radius:10px;background:#ecf5ef;color:#175941;font-weight:700}
#modal .dialog.style-test-dialog{width:min(1100px,calc(100vw - 36px));max-width:1100px}
#modal .dialog.style-test-dialog .dialog-actions .cancel{display:none}
.style-test-result{max-height:min(74vh,900px);overflow:auto;padding:4px 10px 18px}
.style-test-meta{padding:18px 20px;background:#f4f7f5;border-radius:14px}
.style-test-meta h2{margin:0 0 12px;font-size:23px}
.style-test-meta p{margin:7px 0;line-height:1.6}
.style-test-tabs{display:flex;gap:10px;margin:18px 0 12px}
.style-test-tabs button.active{background:#1b6047;color:#fff}
.style-test-article{font-size:16px;line-height:1.85;color:#25382f;white-space:normal;overflow-wrap:anywhere}
.style-test-article h2,.style-test-article h3{margin:1.45em 0 .65em;line-height:1.4}
.style-test-article p{margin:.75em 0}
.style-test-article pre{overflow:auto;padding:14px;border-radius:10px;background:#17231e;color:#e8f1e9}
.style-test-article table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}
.style-test-article th,.style-test-article td{border:1px solid #d5e2d8;padding:7px 10px}
.style-test-image-slot{margin:22px 0;padding:26px;border:1px dashed #98bca7;border-radius:12px;text-align:center;background:#f6faf7;color:#37634d;font-weight:650}