.skin-media{min-width:0}
.viewer-toolbar{display:flex;gap:8px;margin-bottom:10px}
.viewer-button{min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--surface2);color:var(--text);font-weight:700;cursor:pointer}
.viewer-button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.viewer-button:hover{border-color:var(--accent)}
.viewer-stage{width:100%;min-width:0;aspect-ratio:1.48;min-height:260px;background:var(--surface2);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden}
.viewer-frame{display:block;width:100%;min-width:0;height:100%;min-height:260px;border:0}
.viewer-status{min-height:1.5em;margin:10px 0}
.viewer-controls{display:grid;gap:8px;margin-top:16px}
.viewer-controls label{font-size:.85rem;font-weight:700}
.viewer-float-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.42fr);gap:12px;align-items:center}
.viewer-float-inputs input[type="range"]{width:100%;min-width:0;min-height:44px;accent-color:var(--accent)}
.viewer-controls>.field{width:min(100%,180px)}
.viewer-bounds{margin:0 0 8px}
.viewer-controls input:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:767px){.viewer-stage,.viewer-frame{min-height:230px}.viewer-float-inputs{grid-template-columns:minmax(0,1fr) 120px}.viewer-controls .field{font-size:1rem}}