.preview-main{max-width:var(--content-max-width);padding:0 var(--side-margin-xl)120px;margin:0 auto}@media screen and (max-width:1100px){.preview-main{padding-inline:var(--side-margin)}}.preview-outro{margin-top:110px}.preview-lede{color:#fff9;max-width:62ch;margin:14px 0 0;font-size:16px;line-height:1.7}.preview-lede a{color:#fff;text-underline-offset:3px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.preview-lede a:hover{text-decoration-color:#fff}.tester-tester{margin-top:34px}.tester-verdict{background:#ffffff0d;border-radius:15px;margin-bottom:24px;padding:18px 24px}.tester-verdict[data-state=fail]{background:#ff00000f}.tester-verdict p{color:#ffffffb3;margin:0;font-size:15px;line-height:1.6}.tester-verdict strong{color:#fff}.tester-verdict ul{color:#ffffffb3;margin:8px 0 0;padding-left:20px;font-size:15px;line-height:1.6}.tester-verdict li+li{margin-top:4px}.tester-tester-grid{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;gap:30px;display:grid}@media screen and (max-width:900px){.tester-tester-grid{grid-template-columns:minmax(0,1fr)}}.tester-stage,.tester-controls{background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;padding:24px}.tester-stage-inner{justify-content:safe center;padding:30px 0;display:flex;overflow-x:auto}@media screen and (max-width:520px){.tester-stage,.tester-controls{padding:16px}}.tester-stage-label,.tester-controls-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:11px}.tester-stage-note,.tester-controls-note{color:#ffffff80;margin:0;font-size:13.5px}.tester-controls-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.tester-reset{color:#fff9;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted;padding:0;font-family:inherit;font-size:13px;transition:color .3s}.tester-reset:hover{color:#fff}.tester-field{margin-top:22px}.tester-field label{color:#fffc;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.tester-field label span{font-family:var(--font-mono);letter-spacing:.06em;color:#fff6;font-size:11px}.tester-counter{font-family:var(--font-mono);color:#fff6;font-size:11px}.tester-counter[data-over=true]{color:red}.tester-field input[type=text],.tester-field input[type=url],.tester-field textarea{box-sizing:border-box;color:#fff;resize:vertical;background:#00000026;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.tester-field input[type=text]:focus,.tester-field input[type=url]:focus,.tester-field textarea:focus{border-color:#fff6;outline:none}.tester-field input[type=file]{color:#fff9;width:100%;font-size:13px}.tester-field input[type=file]::file-selector-button{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;margin-right:12px;padding:6px 14px;font-family:inherit;font-size:13px}.tester-field input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;width:56px;height:34px;padding:0}.tester-help{color:#ffffff80;margin:8px 0 0;font-size:13px;line-height:1.5}.tester-stage-inner[data-locked=true]{background:#ffffff08;border:1px dashed #ffffff26;place-items:center;min-height:150px;display:grid}.tester-locked{max-width:34ch;font-family:var(--font-mono);letter-spacing:.04em;color:#ffffff80;text-align:center;margin:0;padding:0 24px;font-size:11.5px;line-height:1.6}.tester-stage-second{margin-top:34px}