body{padding:24px;font-family:system-ui,sans-serif;display:block}.inspector{max-width:1450px;margin:auto}.inspector-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.inspector-heading h1{margin:6px 0 18px;font-size:24px}.eyebrow{color:#8bc5e4;letter-spacing:.15em;text-transform:uppercase;font-size:11px}.inspector a{color:#8bc5e4}.toolbar{background:#141b28;border:1px solid #2b374a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px;display:flex}.toolbar label{align-items:center;gap:6px;font-size:13px;display:flex}.toolbar input[type=number]{width:58px;padding:5px}.toolbar input[type=range]{width:90px}.toolbar input{accent-color:#38bdf8}.toolbar select{color:#e7eef5;font:inherit;background:#1c293a;border:1px solid #36435a;border-radius:6px;padding:6px}.toolbar button,.preview-heading button{color:#e7eef5;min-height:36px;font:inherit;cursor:pointer;background:#1c293a;border:1px solid #36435a;border-radius:6px;padding:8px 12px}.toolbar button:focus-visible,.preview-heading button:focus-visible{outline:2px solid #38bdf8}#comparison{color:#9eb1c6;font-size:12px}.inspector-help{color:#8f9caf;margin:14px 0;font-size:13px;line-height:1.6}#previews{align-items:flex-start;gap:24px;padding:8px 4px 24px;display:flex;overflow-x:auto}.preview-card{flex:none}.preview-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.selected .select-preview{color:#7dd3fc;border-color:#38bdf8}.selected .phone-screen{outline-color:#38bdf8}.viewport-size,.session-status{color:#98a8bd;overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.5}.mobile-session{--font:system-ui, sans-serif;--bg:#000;background:#000;flex-direction:column;justify-content:flex-start;min-height:100%;display:flex;position:relative}.mobile-session .console-frame{width:100%;box-shadow:none;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.mobile-session .canvas-wrap{aspect-ratio:1120/882;width:100%;height:auto}.mobile-session .canvas-wrap>canvas{width:100%;height:100%;position:absolute;inset:0}.mobile-session .controller-area{z-index:5;width:100%;min-height:184px;margin-top:auto;padding-bottom:14px;position:sticky;bottom:0}.mobile-session .launcher-title{font-size:2rem}.mobile-session .dev-options{min-width:0;width:calc(var(--device-width) - 32px);max-width:340px}.mobile-session .launcher-overlay[hidden]{display:none}.mobile-session .mute-btn{opacity:1;display:flex}@media (width<=700px){body{padding:12px}.toolbar{gap:10px}}.seen-panel{color:#e7eef5;background:#141b28;border:1px solid #2b374a;border-radius:10px;width:min(1100px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;overflow-y:auto}.seen-panel::backdrop{background:#000a}.seen-dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.seen-panel h2{margin:0;font-size:18px}#seenConditions{overflow-x:auto}.seen-panel table{border-collapse:collapse;width:100%;font-size:13px}.seen-panel th,.seen-panel td{text-align:left;white-space:nowrap;border-bottom:1px solid #2b374a;padding:10px}.seen-panel th span,.seen-panel td span{margin-right:8px}.seen-panel button{color:#e7eef5;cursor:pointer;background:#1c293a;border:1px solid #36435a;border-radius:5px;padding:4px 8px}.seen-panel button:disabled{opacity:.4;cursor:default}.seen-panel button:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.seen-active{color:#a4f0bf}.preview-launch-settings .dev-options{box-sizing:border-box;width:100%;min-width:0;margin-top:10px;padding:10px;font-size:12px}.preview-launch-settings .dev-options h3{margin:0 0 8px;font-size:12px}.preview-launch-settings .dev-row{margin:6px 0}