.ScreenQueryBox-module__3fXeNW__box{flex-direction:column;gap:8px;min-width:0;display:flex}.ScreenQueryBox-module__3fXeNW__field{border:1px solid var(--line);background:var(--surface-sunken);min-width:0;max-width:680px;transition:border-color .2s var(--ease-brand),background .2s var(--ease-brand);border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 14px;display:flex}.ScreenQueryBox-module__3fXeNW__field:hover{border-color:var(--line-strong);background:var(--surface-solid)}.ScreenQueryBox-module__3fXeNW__field:focus-within{border-color:var(--line-focus)}.ScreenQueryBox-module__3fXeNW__field:has(input:focus){outline:2px solid var(--line-focus);outline-offset:2px}.ScreenQueryBox-module__3fXeNW__mark{color:var(--primary-ink);flex-shrink:0}.ScreenQueryBox-module__3fXeNW__field input{width:100%;min-width:0;height:38px;color:var(--text-strong);background:0 0;outline:none;font-size:14px}.ScreenQueryBox-module__3fXeNW__field input::placeholder{color:var(--text-muted)}.ScreenQueryBox-module__3fXeNW__field button{background:var(--primary-tint);width:36px;height:36px;color:var(--primary-ink);cursor:pointer;transition:background .2s var(--ease-brand),color .2s var(--ease-brand);border-radius:999px;flex-shrink:0;place-items:center;display:grid;position:relative}.ScreenQueryBox-module__3fXeNW__field button:after{content:"";position:absolute;inset:-4px}.ScreenQueryBox-module__3fXeNW__field button:hover:not(:disabled),.ScreenQueryBox-module__3fXeNW__field button:active:not(:disabled){background:var(--primary);color:var(--on-primary)}.ScreenQueryBox-module__3fXeNW__field button:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}.ScreenQueryBox-module__3fXeNW__field button:disabled{cursor:progress;opacity:.6}.ScreenQueryBox-module__3fXeNW__status{max-width:680px;color:var(--text-muted);flex-direction:column;gap:2px;padding-inline:14px;font-size:12px;line-height:1.5;display:flex}.ScreenQueryBox-module__3fXeNW__status:empty{margin-top:-8px}.ScreenQueryBox-module__3fXeNW__unsupported,.ScreenQueryBox-module__3fXeNW__pending{color:var(--text-body)}.ScreenQueryBox-module__3fXeNW__examplesShell{opacity:0;transition:grid-template-rows .4s var(--ease-brand), margin-top .4s var(--ease-brand), opacity .25s var(--ease-brand);grid-template-rows:0fr;margin-top:-8px;display:grid}.ScreenQueryBox-module__3fXeNW__examplesShell[data-open]{opacity:1;grid-template-rows:1fr;margin-top:0}.ScreenQueryBox-module__3fXeNW__examples{align-items:center;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.ScreenQueryBox-module__3fXeNW__examplesLabel{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}.ScreenQueryBox-module__3fXeNW__examples>.chip-strip{flex:1}.ScreenQueryBox-module__3fXeNW__exampleRow{gap:6px;min-width:0;padding-block:4px;display:flex}.ScreenQueryBox-module__3fXeNW__example{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text-body);white-space:nowrap;cursor:pointer;transition:border-color .2s var(--ease-brand),color .2s var(--ease-brand);border-radius:999px;flex-shrink:0;padding:0 12px;font-size:12px}.ScreenQueryBox-module__3fXeNW__example:hover:not(:disabled){border-color:var(--line-strong);color:var(--text-strong)}.ScreenQueryBox-module__3fXeNW__example:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}.ScreenQueryBox-module__3fXeNW__example:disabled{cursor:progress;opacity:.6}@media (max-width:767px){.ScreenQueryBox-module__3fXeNW__field{gap:8px;padding-left:12px}.ScreenQueryBox-module__3fXeNW__field input{height:40px;font-size:16px}.ScreenQueryBox-module__3fXeNW__field button{width:40px;height:40px}.ScreenQueryBox-module__3fXeNW__field button:after{inset:-2px}.ScreenQueryBox-module__3fXeNW__examples{flex-direction:column;align-items:stretch;gap:6px}.ScreenQueryBox-module__3fXeNW__example{min-height:44px}}@media (prefers-reduced-motion:reduce){.ScreenQueryBox-module__3fXeNW__field,.ScreenQueryBox-module__3fXeNW__field button,.ScreenQueryBox-module__3fXeNW__example,.ScreenQueryBox-module__3fXeNW__examplesShell{transition:none}}