.ScreenTester-module-scss-module__Tkp3_W__tester{gap:16px;display:grid}@media (min-width:1120px){.ScreenTester-module-scss-module__Tkp3_W__tester{grid-template-columns:1.05fr .95fr;align-items:start}}.ScreenTester-module-scss-module__Tkp3_W__card,.ScreenTester-module-scss-module__Tkp3_W__previewCard{background:#fff;border:1px solid #e8e8e8;border-radius:8px;gap:16px;padding:16px 24px;display:grid;box-shadow:0 10px 24px #2b2b2b14}.ScreenTester-module-scss-module__Tkp3_W__header{gap:8px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__kicker{text-transform:uppercase;letter-spacing:.08em;color:#1f9a96;margin:0;font-size:1.3rem;font-weight:700}.ScreenTester-module-scss-module__Tkp3_W__title{color:#2b2b2b;margin:0;font-size:2rem;font-weight:800}.ScreenTester-module-scss-module__Tkp3_W__subtitle{color:#6f6f6f;margin:0;line-height:1.6}.ScreenTester-module-scss-module__Tkp3_W__controls{gap:16px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__controlGroup{gap:12px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__groupTitle{color:#4f4f4f;margin:0;font-weight:700}.ScreenTester-module-scss-module__Tkp3_W__optionGrid{gap:12px;display:grid}@media (min-width:768px){.ScreenTester-module-scss-module__Tkp3_W__optionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ScreenTester-module-scss-module__Tkp3_W__optionButton{text-align:left;color:#2b2b2b;cursor:pointer;background:#f4f4f4;border:1px solid #dcdcdc;border-radius:6px;gap:8px;padding:12px;transition:border-color .3s,box-shadow .3s;display:grid}.ScreenTester-module-scss-module__Tkp3_W__optionButton[data-active=true]{border-color:#1f9a96;box-shadow:0 14px 28px #2b2b2b1f,0 0 0 1px #0187900f}.ScreenTester-module-scss-module__Tkp3_W__optionLabel{font-size:1.4rem;font-weight:700}.ScreenTester-module-scss-module__Tkp3_W__optionHint{color:#6f6f6f;font-size:1.3rem}.ScreenTester-module-scss-module__Tkp3_W__colorGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__colorButton{cursor:pointer;color:#4f4f4f;background:#fff;border:1px solid #dcdcdc;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:12px;font-weight:600;transition:border-color .3s,box-shadow .3s;display:grid}.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-active=true]{border-color:#1f9a96;box-shadow:0 14px 28px #2b2b2b1f,0 0 0 1px #0187900f}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#fff;border:1px solid #cfcfcf;border-radius:999px;width:18px;height:18px}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=black],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=black] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#121212}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=red],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=red] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#ff3b3b}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=green],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=green] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#2ad167}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=blue],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=blue] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#1e88e5}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=yellow],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=yellow] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#fc0}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=gray],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=gray] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#c7c7c7}.ScreenTester-module-scss-module__Tkp3_W__colorSwatch[data-color=purple],.ScreenTester-module-scss-module__Tkp3_W__colorButton[data-color=purple] .ScreenTester-module-scss-module__Tkp3_W__colorSwatch{background:#7c3aed}.ScreenTester-module-scss-module__Tkp3_W__actions{gap:12px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__actionHint{color:#8f8f8f;font-size:1.3rem}.ScreenTester-module-scss-module__Tkp3_W__tips{color:#6f6f6f;gap:8px;margin:0;padding-left:16px;font-size:1.4rem;display:grid}.ScreenTester-module-scss-module__Tkp3_W__previewHeader{gap:4px;display:grid}.ScreenTester-module-scss-module__Tkp3_W__previewTitle{color:#2b2b2b;margin:0;font-weight:700}.ScreenTester-module-scss-module__Tkp3_W__previewSubtitle{color:#6f6f6f;margin:0;font-size:1.3rem}.ScreenTester-module-scss-module__Tkp3_W__preview{color:#2b2b2b;text-align:center;background:#fff;border:1px solid #dcdcdc;border-radius:8px;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=black]{color:#fff;background:#121212}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=red]{color:#fff;background:#ff3b3b}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=green]{color:#2b2b2b;background:#2ad167}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=blue]{color:#fff;background:#1e88e5}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=yellow]{color:#2b2b2b;background:#fc0}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=gray]{color:#2b2b2b;background:#c7c7c7}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=purple]{color:#fff;background:#7c3aed}.ScreenTester-module-scss-module__Tkp3_W__preview[data-mode=grid]{color:#4f4f4f;background-color:#f4f4f4;background-image:linear-gradient(45deg,#dcdcdc 25%,#0000 25% 75%,#dcdcdc 75%,#dcdcdc),linear-gradient(45deg,#dcdcdc 25%,#0000 25% 75%,#dcdcdc 75%,#dcdcdc);background-position:0 0,20px 20px;background-size:40px 40px}.ScreenTester-module-scss-module__Tkp3_W__exitHint{color:#4f4f4f;-webkit-user-select:none;user-select:none;background:#ffffffb3;border-radius:999px;padding:4px 8px;font-size:1.3rem;position:absolute;bottom:12px;right:12px}.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=black] .ScreenTester-module-scss-module__Tkp3_W__exitHint,.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=blue] .ScreenTester-module-scss-module__Tkp3_W__exitHint,.ScreenTester-module-scss-module__Tkp3_W__preview[data-color=red] .ScreenTester-module-scss-module__Tkp3_W__exitHint{color:#fff;background:#2b2b2b99}.ScreenTester-module-scss-module__Tkp3_W__preview[data-mode=grid] .ScreenTester-module-scss-module__Tkp3_W__exitHint{color:#4f4f4f;background:#ffffffbf}