.responsive-tester_hero__eT_sJ{padding-bottom:28px}.responsive-tester_workspace__9Rf44{--w:min(1680px,calc(var(--ft-vw,100vw) - 48px));position:relative;width:var(--w);margin-left:calc((100% - var(--w)) / 2);height:clamp(600px,calc(100dvh - 96px),1300px);border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;background:hsl(var(--card));box-shadow:0 15px 55px -35px #0004;display:flex;flex-direction:column;scroll-margin-top:85px}.responsive-tester_skeleton__tRxY6{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:hsl(var(--muted-foreground));font-size:13px}.responsive-tester_pulse__9a0nx{width:44px;height:44px;border-radius:10px;border:2px solid hsl(var(--foreground)/.25);animation:responsive-tester_pulse__9a0nx 1.2s ease-in-out infinite}@keyframes responsive-tester_pulse__9a0nx{50%{transform:scale(.85);opacity:.5}}.responsive-tester_root__JH3OX{--rt-accent:#97b400;--rt-bezel:#1c1c20;--rt-stage:hsl(var(--muted)/.55);flex:1;min-height:0;display:flex;flex-direction:column;background:hsl(var(--card));color:hsl(var(--foreground));font-size:13px}html.dark .responsive-tester_root__JH3OX{--rt-accent:#d4ff00;--rt-bezel:#3a3b42;--rt-stage:hsl(var(--background))}.responsive-tester_root__JH3OX[data-full]{position:fixed;inset:0;z-index:1000;height:100dvh;width:100vw}.responsive-tester_root__JH3OX a:focus-visible,.responsive-tester_root__JH3OX button:focus-visible,.responsive-tester_root__JH3OX input:focus-visible,.responsive-tester_root__JH3OX select:focus-visible,.responsive-tester_root__JH3OX textarea:focus-visible{outline:2px solid var(--rt-accent);outline-offset:1px}.responsive-tester_srOnly___wzZK{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.responsive-tester_sourceBar___qMwF{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid hsl(var(--border));flex-wrap:wrap}.responsive-tester_segment__bIh5Z{display:flex;background:hsl(var(--muted));padding:3px;border-radius:9px;flex:none}.responsive-tester_segment__bIh5Z button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;border-radius:7px;color:hsl(var(--muted-foreground));white-space:nowrap}.responsive-tester_segment__bIh5Z button[aria-checked=true]{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px #0002;font-weight:600}.responsive-tester_urlForm__t3y_m{display:flex;gap:8px;flex:1;min-width:240px}.responsive-tester_urlForm__t3y_m input{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:14px}.responsive-tester_urlForm__t3y_m input[aria-invalid]{border-color:hsl(var(--destructive))}.responsive-tester_go__svYnt{height:40px;padding:0 18px;border-radius:8px;background:#d4ff00;color:#151900;font-weight:600;flex:none}.responsive-tester_go__svYnt:hover{filter:brightness(.94)}.responsive-tester_htmlActions__7DvBl,.responsive-tester_toolbar__fKVRq{display:flex;gap:6px;flex-wrap:wrap}.responsive-tester_toolbar__fKVRq{align-items:center;padding:6px 12px;border-bottom:1px solid hsl(var(--border))}.responsive-tester_icon__BcIix,.responsive-tester_tool__7T_FP{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:8px;color:hsl(var(--foreground));white-space:nowrap;flex:none}.responsive-tester_tool__7T_FP{padding:0 10px;border:1px solid hsl(var(--border));background:hsl(var(--background))}.responsive-tester_icon__BcIix{width:36px}.responsive-tester_icon__BcIix:hover,.responsive-tester_tool__7T_FP:hover:not(:disabled){background:hsl(var(--foreground)/.07)}.responsive-tester_tool__7T_FP:disabled{opacity:.45;cursor:not-allowed}.responsive-tester_icon__BcIix[aria-pressed=true],.responsive-tester_tool__7T_FP[aria-pressed=true]{background:hsl(var(--foreground)/.1)}.responsive-tester_select__Px8ob{height:36px;max-width:250px;padding:0 8px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:13px;color:hsl(var(--foreground))}.responsive-tester_select__Px8ob.responsive-tester_small___SS6b{max-width:110px}.responsive-tester_dims__B1D12{display:flex;align-items:center;gap:4px;color:hsl(var(--muted-foreground))}.responsive-tester_num__zoLgB{width:72px;height:36px;padding:0 6px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-variant-numeric:tabular-nums;text-align:center;color:hsl(var(--foreground))}.responsive-tester_check__N8Si2{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 4px;white-space:nowrap;cursor:pointer;user-select:none}.responsive-tester_check__N8Si2 input{accent-color:var(--rt-accent);width:16px;height:16px}.responsive-tester_sep__zZGnb{width:1px;height:22px;background:hsl(var(--border));margin:0 4px}.responsive-tester_grow___fEQ7{flex:1}.responsive-tester_main___M5ad{flex:1;min-height:0;display:flex}.responsive-tester_editorPane__LrTAT{width:min(420px,34%);display:flex;flex-direction:column;border-right:1px solid hsl(var(--border));min-height:0;flex:none}.responsive-tester_paneLabel__P0nJt{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));padding:10px 12px 6px}.responsive-tester_editorPane__LrTAT textarea{flex:1;min-height:0;resize:none;border:0;border-top:1px solid hsl(var(--border));padding:10px 12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:hsl(var(--background));color:hsl(var(--foreground));tab-size:2;white-space:pre;overflow:auto}.responsive-tester_hint__TFTcp{font-size:11px;color:hsl(var(--muted-foreground));padding:8px 12px;border-top:1px solid hsl(var(--border))}.responsive-tester_stageWrap__lOOmI{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.responsive-tester_breakpoints__i_hf_{display:flex;gap:4px;padding:6px 12px;border-bottom:1px solid hsl(var(--border));overflow-x:auto;scrollbar-width:thin;flex:none}.responsive-tester_breakpoints__i_hf_ button{height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));border:1px solid transparent;flex:none}.responsive-tester_breakpoints__i_hf_ button:hover{color:hsl(var(--foreground));background:hsl(var(--foreground)/.06)}.responsive-tester_breakpoints__i_hf_ button[aria-pressed=true]{border-color:var(--rt-accent);color:hsl(var(--foreground));font-weight:600}.responsive-tester_stage__2yJ_Q{flex:1;min-height:0;overflow:auto;background:var(--rt-stage);overscroll-behavior:contain;scrollbar-width:thin}.responsive-tester_singleCol__9ZL2_{min-width:100%;width:max-content;padding:24px;display:flex;flex-direction:column;align-items:center}.responsive-tester_row__0Q_8_{display:flex;align-items:flex-start;gap:28px;padding:24px;width:max-content;min-height:100%}.responsive-tester_frameLabel__mwF9h{display:flex;align-items:baseline;gap:8px;min-width:0;height:30px;font-size:12px;white-space:nowrap}.responsive-tester_frameLabel__mwF9h strong{font-weight:600;overflow:hidden;text-overflow:ellipsis}.responsive-tester_frameLabel__mwF9h span{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.responsive-tester_card__okkc9{display:flex;flex-direction:column;flex:none}.responsive-tester_cardHead___bpAP{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;min-width:0}.responsive-tester_cardHead___bpAP .responsive-tester_frameLabel__mwF9h{flex-direction:column;align-items:flex-start;gap:0;height:auto;line-height:1.35;margin-bottom:8px;max-width:100%}.responsive-tester_cardHead___bpAP .responsive-tester_frameLabel__mwF9h span,.responsive-tester_cardHead___bpAP .responsive-tester_frameLabel__mwF9h strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.responsive-tester_cardTools__a_7Wr{display:flex;gap:2px;flex:none;margin-top:-4px}.responsive-tester_cardTools__a_7Wr button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:hsl(var(--muted-foreground))}.responsive-tester_cardTools__a_7Wr button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--foreground)/.08)}.responsive-tester_cardTools__a_7Wr button:disabled{opacity:.4}.responsive-tester_resizable__d6lIc{position:relative;padding:0 18px 18px}.responsive-tester_device__VLRtg{position:relative;box-sizing:border-box;background:hsl(var(--background));border:1px solid hsl(var(--border));flex:none}.responsive-tester_device__VLRtg[data-bezel]{background:var(--rt-bezel);border:0;box-shadow:0 18px 40px -22px #0007,inset 0 0 0 1px #ffffff14}.responsive-tester_screen__otgJ0{position:relative;overflow:hidden;background:#fff}.responsive-tester_screen__otgJ0 iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff;display:block}.responsive-tester_empty___YBmO{gap:8px;height:100%;min-height:160px;padding:16px;text-align:center;color:#71717a}.responsive-tester_empty___YBmO,.responsive-tester_loading__WFOyl{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.responsive-tester_loading__WFOyl{position:absolute;inset:0;gap:10px;background:#fffd;color:#52525b}.responsive-tester_spinner__KkAYN{width:22px;height:22px;border-radius:50%;border:2px solid #0002;border-top-color:#5d7000;animation:responsive-tester_spin__WyrjB .9s linear infinite}@keyframes responsive-tester_spin__WyrjB{to{transform:rotate(1turn)}}.responsive-tester_handleH__pe_uO,.responsive-tester_handleWH__LNXlY,.responsive-tester_handleW__p7Epk{position:absolute;touch-action:none;border-radius:6px;background:hsl(var(--foreground)/.08)}.responsive-tester_handleH__pe_uO:focus-visible,.responsive-tester_handleH__pe_uO:hover,.responsive-tester_handleWH__LNXlY:focus-visible,.responsive-tester_handleWH__LNXlY:hover,.responsive-tester_handleW__p7Epk:focus-visible,.responsive-tester_handleW__p7Epk:hover{background:var(--rt-accent)}.responsive-tester_handleW__p7Epk{right:0;top:calc(50% - 32px);width:12px;height:64px;cursor:ew-resize}.responsive-tester_handleH__pe_uO{bottom:0;left:calc(50% - 32px);height:12px;width:64px;cursor:ns-resize}.responsive-tester_handleWH__LNXlY{right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize}.responsive-tester_handleH__pe_uO:after,.responsive-tester_handleW__p7Epk:after{content:"";position:absolute;inset:-12px}.responsive-tester_notes__2AlRH{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-top:1px solid hsl(var(--border));max-height:30%;overflow:auto;flex:none}.responsive-tester_notes__2AlRH:empty{display:none}.responsive-tester_error__eoTq2,.responsive-tester_note__GtfgJ,.responsive-tester_ok__r_UUM,.responsive-tester_warn__DMS0v{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;padding:4px 0}.responsive-tester_note__GtfgJ{color:hsl(var(--muted-foreground))}.responsive-tester_warn__DMS0v{color:#9a5b00}html.dark .responsive-tester_warn__DMS0v{color:#f5b454}.responsive-tester_ok__r_UUM{color:#3f7d00}html.dark .responsive-tester_ok__r_UUM{color:#b6e25a}.responsive-tester_error__eoTq2{color:hsl(var(--destructive));padding:6px 12px}.responsive-tester_notes__2AlRH .responsive-tester_error__eoTq2{padding:4px 0}.responsive-tester_note__GtfgJ svg,.responsive-tester_ok__r_UUM svg,.responsive-tester_warn__DMS0v svg{flex:none;margin-top:2px}.responsive-tester_note__GtfgJ code,.responsive-tester_warn__DMS0v code{font-size:11px;background:hsl(var(--foreground)/.07);padding:1px 5px;border-radius:4px;margin:0 2px;word-break:break-all}.responsive-tester_card__okkc9 .responsive-tester_warn__DMS0v{max-width:100%;font-size:11px}.responsive-tester_singleCol__9ZL2_ .responsive-tester_warn__DMS0v{max-width:min(640px,100%);margin-top:8px}.responsive-tester_link__Q2ZKd{text-decoration:underline;text-underline-offset:2px;color:hsl(var(--foreground));white-space:nowrap;margin-left:4px}.responsive-tester_overlay__GlXP0{position:absolute;inset:0;z-index:5;overflow:auto;background:hsl(var(--card));padding:16px 20px 24px;font-size:13px;line-height:1.65}.responsive-tester_overlay__GlXP0>*{max-width:760px}.responsive-tester_overlayHead__yrjgz{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.responsive-tester_overlay__GlXP0 h3{font-size:16px;font-weight:600}.responsive-tester_overlay__GlXP0 h4{font-size:13px;font-weight:600;margin:16px 0 6px}.responsive-tester_overlay__GlXP0 p{color:hsl(var(--muted-foreground));margin-bottom:8px}.responsive-tester_overlay__GlXP0 ol,.responsive-tester_overlay__GlXP0 ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;color:hsl(var(--muted-foreground))}.responsive-tester_overlay__GlXP0 ol{list-style:decimal}.responsive-tester_overlay__GlXP0 ul{list-style:disc}.responsive-tester_command__nQS6x{display:flex;align-items:center;gap:6px;margin-top:4px}.responsive-tester_block__rLqTQ,.responsive-tester_command__nQS6x code{display:block;font:12px/1.5 ui-monospace,monospace;background:hsl(var(--muted));padding:6px 10px;border-radius:6px;overflow-x:auto;white-space:pre;color:hsl(var(--foreground))}.responsive-tester_command__nQS6x code{flex:1;min-width:0}.responsive-tester_block__rLqTQ{margin-top:4px}.responsive-tester_headers__BZeeh{width:100%;min-height:120px;padding:8px 10px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font:12px/1.5 ui-monospace,monospace;color:hsl(var(--foreground))}.responsive-tester_keys__9_iJm{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px}.responsive-tester_keys__9_iJm div{display:flex;align-items:center;gap:10px}.responsive-tester_keys__9_iJm dt{min-width:70px}.responsive-tester_keys__9_iJm kbd{display:inline-block;min-width:26px;text-align:center;padding:2px 7px;border:solid hsl(var(--border));border-width:1px 1px 2px;border-radius:6px;font:12px ui-monospace,monospace;background:hsl(var(--background))}.responsive-tester_keys__9_iJm dd{color:hsl(var(--muted-foreground))}@media (pointer:coarse){.responsive-tester_check__N8Si2,.responsive-tester_icon__BcIix,.responsive-tester_num__zoLgB,.responsive-tester_segment__bIh5Z button,.responsive-tester_select__Px8ob,.responsive-tester_tool__7T_FP{height:44px}.responsive-tester_icon__BcIix{width:44px}.responsive-tester_breakpoints__i_hf_ button{height:36px}.responsive-tester_cardTools__a_7Wr button{width:40px;height:40px}.responsive-tester_handleW__p7Epk{width:20px}.responsive-tester_handleH__pe_uO{height:20px}.responsive-tester_handleWH__LNXlY{width:24px;height:24px}}@media (max-width:900px){.responsive-tester_main___M5ad{flex-direction:column}.responsive-tester_editorPane__LrTAT{width:auto;height:38%;border-right:0;border-bottom:1px solid hsl(var(--border))}}@media (max-width:640px){.responsive-tester_workspace__9Rf44{--w:calc(var(--ft-vw,100vw) - 24px);height:calc(100dvh - 72px);min-height:560px;border-radius:12px}.responsive-tester_sourceBar___qMwF,.responsive-tester_toolbar__fKVRq{padding:6px 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.responsive-tester_sourceBar___qMwF{flex-wrap:wrap}.responsive-tester_htmlActions__7DvBl{flex-wrap:nowrap}.responsive-tester_select__Px8ob{max-width:200px}.responsive-tester_cardHead___bpAP{flex-wrap:wrap}.responsive-tester_segment__bIh5Z button span{display:none}.responsive-tester_urlForm__t3y_m{min-width:100%}.responsive-tester_grow___fEQ7,.responsive-tester_sep__zZGnb{display:none}.responsive-tester_row__0Q_8_,.responsive-tester_singleCol__9ZL2_{padding:14px}.responsive-tester_resizable__d6lIc{padding:0 14px 14px}}@media (prefers-reduced-motion:reduce){.responsive-tester_pulse__9a0nx,.responsive-tester_spinner__KkAYN{animation:none}}