.viewport-measures{grid-template-columns:repeat(5,minmax(0,1fr))}.viewport-measures strong{font-size:18px!important;white-space:nowrap}.viewport-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.viewport-presets h3{font-size:13px;color:var(--muted);margin:24px 0 10px}.viewport-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.viewport-preset{display:flex;flex-direction:column;text-align:left;gap:5px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--ink);min-height:78px}.viewport-preset strong{font-size:12px}.viewport-preset span{font:13px Consolas,monospace;color:var(--muted)}.viewport-preset:hover{border-color:var(--blue);background:var(--blue-soft)}.viewport-mode-options{border:0;padding:0;margin:18px 0;display:grid;gap:10px}.viewport-mode-options label{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.viewport-mode-options label:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.viewport-mode-options input{margin-top:4px;flex-shrink:0}.viewport-mode-options small{display:block;color:var(--muted);margin-top:5px;line-height:1.6}.viewport-rotate{margin:14px 0}#window-size-note{margin-top:16px;color:var(--muted)}#window-resize-status{margin-top:16px;overflow-wrap:anywhere}#window-resize-status[data-state=limited],#window-resize-status[data-state=blocked]{color:var(--muted)}@media(max-width:900px){.viewport-measures{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.viewport-measures{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.viewport-lab .viewport-value{font-size:38px}.viewport-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewport-preset{padding:12px}.viewport-preset strong{font-size:11px}.viewport-mode-options label{padding:12px}.viewport-lab .panel-title h2{font-size:14px}}

.viewport-mode-options .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.device-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px}.device-filters label,.custom-size-fields label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.device-combobox{position:relative}.device-combobox>input{padding-right:46px}.device-combobox>button{position:absolute;right:1px;top:1px;bottom:1px;width:42px;border:0;background:transparent;color:var(--ink);border-radius:10px;cursor:pointer;font-size:20px}#device-options{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:6px;margin:6px 0 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0003}#device-options[hidden],#device-options li[hidden],#device-size-form[hidden]{display:none}#device-options li{padding:10px 12px;cursor:pointer;border-radius:8px;overflow-wrap:anywhere}#device-options li:hover,#device-options li.is-active{background:var(--blue-soft)}#device-options strong{font-size:13px}#device-options small{display:block;color:var(--muted);font-size:11px;margin-top:3px}#device-results{margin:10px 0;color:var(--muted)}#device-size-form{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}#device-source{display:inline-block;margin-top:10px}.custom-size-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.custom-size-fields input{width:100%;min-width:0}.custom-size-fields .button{min-height:48px}.custom-resolution{margin-top:20px}@media(max-width:600px){.device-filters{grid-template-columns:1fr}.custom-size-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-size-fields .button{grid-column:1/-1}#device-options{max-height:240px}}

#window-presets[hidden]{display:none!important}

#resolution-options[hidden]{display:none!important}

.window-test .sidebar,.window-test .topbar,.window-test main>footer,.window-test .back-link{display:none!important}.window-test .workspace{margin:0}.window-test main{max-width:none;padding:16px}.window-test .cookie-notice{left:16px;right:16px}