.DeviceFrame_frame__ekDL5{margin:0;display:flex;flex-shrink:0;flex-direction:column;gap:10px;max-width:100%}.DeviceFrame_header__pRsD8{display:flex;align-items:center;gap:8px;min-height:44px}.DeviceFrame_meta__BXV3Z{display:flex;min-width:0;flex-direction:column;gap:2px}.DeviceFrame_name__ks_Q5{color:var(--mk-ink);font-size:var(--mk-fs-meta);font-weight:500;letter-spacing:0}.DeviceFrame_size__TzVgS{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mk-nav);font-size:var(--mk-fs-meta);font-variant-numeric:tabular-nums;letter-spacing:0}.DeviceFrame_actions__jI1Zz{margin-left:auto;display:flex;flex-shrink:0;gap:4px}.DeviceFrame_iconButton__fMSan{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;width:44px;height:44px;background-color:var(--mk-fill);color:var(--mk-ink);transition:background-color var(--mk-transition-fast) ease}.DeviceFrame_iconButton__fMSan:hover{background-color:var(--mk-wash)}.DeviceFrame_iconButton__fMSan:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.DeviceFrame_iconButton__fMSan{transition:none}}.DeviceFrame_icon__LmLKx{height:1rem;width:1rem}.DeviceFrame_viewport__FumgC{position:relative;overflow:hidden;border:1px solid var(--mk-line);border-radius:var(--mk-radius-card);background-color:var(--mk-fill);contain:layout paint}.DeviceFrame_viewport__FumgC[data-mode=screenshot]{overflow-y:auto}.DeviceFrame_surface__BQqIm{position:absolute;left:0;top:0;display:block;border-width:0;transform-origin:0 0;background-color:var(--mk-card);backface-visibility:hidden}.DeviceFrame_shot__9zyrA{display:block;height:auto;max-width:none}.DeviceFrame_message__uz0e7{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--mk-body);font-size:var(--mk-fs-meta);letter-spacing:0}.ResponsiveTest_tool__bQEPq{display:flex;flex-direction:column;gap:24px}.ResponsiveTest_urlForm__XLGdu{display:flex;flex-direction:column;gap:8px}.ResponsiveTest_label__Pe5by{color:var(--mk-ink);font-size:var(--mk-fs-meta);font-weight:500;letter-spacing:0}.ResponsiveTest_urlRow__82nB5{display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.ResponsiveTest_urlRow__82nB5{flex-direction:row}}.ResponsiveTest_input__d84i2{width:100%;min-width:0;min-height:var(--mk-btn-h);padding:0 20px;border:1px solid var(--mk-line);border-radius:var(--mk-radius-pill);background-color:var(--mk-bg);color:var(--mk-ink);font-size:var(--mk-fs-body);letter-spacing:var(--mk-ls-body);transition:border-color var(--mk-transition-fast) ease}.ResponsiveTest_input__d84i2::-moz-placeholder{color:var(--mk-nav)}.ResponsiveTest_input__d84i2::placeholder{color:var(--mk-nav)}.ResponsiveTest_input__d84i2:hover{border-color:var(--mk-outline)}.ResponsiveTest_input__d84i2:focus-visible{border-color:var(--mk-ink);outline:2px solid var(--mk-ink);outline-offset:2px}.ResponsiveTest_input__d84i2[aria-invalid=true]{border-color:var(--mk-brand)}@media(prefers-reduced-motion:reduce){.ResponsiveTest_input__d84i2{transition:none}}.ResponsiveTest_submit__gH3vU{flex-shrink:0}.ResponsiveTest_submit__gH3vU:disabled{cursor:progress;opacity:.6}.ResponsiveTest_error__ztwTO{color:var(--mk-body);font-size:var(--mk-fs-meta);letter-spacing:0}.ResponsiveTest_controls__DfnA3{display:flex;flex-direction:column;gap:16px}@media(min-width:1024px){.ResponsiveTest_controls__DfnA3{flex-direction:row;align-items:flex-end;justify-content:space-between}}.ResponsiveTest_sizeForm__U6kMu{min-width:0}.ResponsiveTest_fieldset__GXGse{margin:0;min-width:0;border-width:0;padding:0}.ResponsiveTest_sizeRow__hw1Xk{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.ResponsiveTest_sizeField__Wjq1_{display:flex;flex-direction:column;gap:4px}.ResponsiveTest_sizeLabel__NxZl5{color:var(--mk-nav);font-size:var(--mk-fs-meta);letter-spacing:0}.ResponsiveTest_sizeInput__OkJIE{width:112px;min-height:44px;padding:0 16px;font-variant-numeric:tabular-nums}.ResponsiveTest_buttonIcon__71zdl{height:1rem;width:1rem;flex-shrink:0}.ResponsiveTest_textButton__pqlM6{display:inline-flex;align-items:center;border-radius:9999px;min-height:44px;padding-inline:12px;color:var(--mk-nav);font-size:var(--mk-fs-meta);font-weight:500;letter-spacing:0;transition:color var(--mk-transition-fast) ease}.ResponsiveTest_textButton__pqlM6:hover{color:var(--mk-ink)}.ResponsiveTest_textButton__pqlM6:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ResponsiveTest_textButton__pqlM6{transition:none}}.ResponsiveTest_hint__cfGGu{margin-top:.5rem;color:var(--mk-nav);font-size:var(--mk-fs-meta);letter-spacing:0}.ResponsiveTest_modes__bwRMp{display:inline-flex;align-self:flex-start;padding:4px;border-radius:var(--mk-radius-pill);background-color:var(--mk-fill)}@media(min-width:1024px){.ResponsiveTest_modes__bwRMp{align-self:auto}}.ResponsiveTest_mode__eaoId{border-radius:9999px;font-weight:500;min-height:44px;padding-inline:16px;color:var(--mk-nav);font-size:var(--mk-fs-meta);letter-spacing:0;transition:background-color var(--mk-transition-fast) ease,color var(--mk-transition-fast) ease}.ResponsiveTest_mode__eaoId:hover{color:var(--mk-ink)}.ResponsiveTest_mode__eaoId[aria-pressed=true]{background-color:var(--mk-card);color:var(--mk-ink)}.ResponsiveTest_mode__eaoId:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ResponsiveTest_mode__eaoId{transition:none}}.ResponsiveTest_note__eTTid{color:var(--mk-body);font-size:var(--mk-fs-body);letter-spacing:var(--mk-ls-body);line-height:1.45}.ResponsiveTest_row__pLh1F{display:flex;flex-direction:column;align-items:center;gap:24px}@media(min-width:768px){.ResponsiveTest_row__pLh1F{flex-direction:row;align-items:flex-start;overflow-x:auto;gap:16px;padding-bottom:8px}}