.st-frame{margin:0 0 16px;padding:12px;border:1px solid #c9cdc4;border-radius:6px;background:#f3f4ef;color:#1f2420;min-width:0;max-width:100%;box-sizing:border-box}
.st-frame[hidden]{display:none!important}
.st-frame__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:8px;font-size:13px}
.st-frame__title{font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.st-frame__size{color:#555c55}
.st-frame__stage{position:relative;overflow:hidden;border-radius:4px;background:#fafaf7;max-width:100%}
.st-frame__stage[data-busy="true"] .st-frame__canvas{opacity:.45}
.st-frame__canvas{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:min(420px,60vh)!important;object-fit:contain;margin:0 auto;transition:opacity .2s}
.st-frame__expand{margin-top:8px;padding:8px 14px;border:1px solid #1f2420;border-radius:4px;background:#1f2420;color:#f3f4ef;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.st-frame__expand:disabled{opacity:.45;cursor:not-allowed}
.st-frame__expand:focus-visible{outline:2px solid #5aa02c;outline-offset:2px}
.st-frame__status{margin:8px 0 0;font-size:13px}
.st-frame__status[data-tone="error"]{color:#a12a1a}
.st-frame__note{margin:6px 0 0;font-size:12px;color:#555c55}