.studio-inspector{box-sizing:border-box;width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:20px;border:1px solid #53606c;border-radius:12px;background:#101820;color:#f3f5f7;overflow:auto}
.studio-inspector::backdrop{background:rgba(0,0,0,.8)}
.studio-inspector .inspector-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.studio-inspector h2{margin:0;font-size:22px;color:inherit}.studio-inspector h3{margin:0;padding:10px 12px;color:inherit;font-size:15px}
.studio-inspector .inspector-note{color:#d3dce3;font-size:14px;line-height:1.5;margin:10px 0}
.studio-inspector .inspector-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.studio-inspector .inspector-controls label{margin:0;color:inherit}.studio-inspector select{width:auto;max-width:100%;background:#fff;color:#14202b;margin:0;min-height:44px}
.studio-inspector button{width:auto;min-height:44px;margin:0;background:#e8eef3;color:#14202b;border:2px solid transparent;font-weight:650}
.studio-inspector button[aria-pressed=true]{border-color:#72c8ff;background:#c5e8ff}
.studio-inspector :focus-visible{outline:3px solid #ffcf70;outline-offset:3px}
.studio-inspector .inspector-panes{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;height:calc(100% - 175px);min-height:280px}
.studio-inspector .inspector-panes.inspector-comparing{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-inspector .inspector-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #53606c;border-radius:8px;overflow:hidden}
.studio-inspector .inspector-pane[hidden]{display:none}
.studio-inspector .inspector-viewport{flex:1;min-height:0;overflow:auto;background:#05090d;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
.studio-inspector .inspector-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0;border-radius:0}
.studio-inspector .inspector-viewport img[hidden]{display:none}
.studio-inspector.inspector-actual .inspector-viewport{display:block}
.studio-inspector.inspector-actual .inspector-viewport img{max-width:none;max-height:none;width:auto;height:auto}
.studio-inspector .inspector-image-error{padding:20px;color:#ffcbcb}
.inspector-launch{margin:12px 0}
@media(max-width:700px){.studio-inspector{padding:12px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.studio-inspector .inspector-head{align-items:flex-start}.studio-inspector h2{font-size:18px}.studio-inspector .inspector-panes{height:65dvh}.studio-inspector .inspector-panes.inspector-comparing{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:100dvh}.studio-inspector .inspector-controls select{flex:1;min-width:160px}.studio-inspector .inspector-controls label{width:100%}}