.rotate-panel{gap:8px;display:grid}.rotate-stage{background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);justify-self:start;line-height:0}.rotate-stage canvas{width:auto;max-width:100%;height:auto;max-height:55vh;display:block}.rotate-hint{margin:0}.svg-compare{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.svg-compare figure{gap:6px;min-width:0;margin:0;display:grid}.svg-compare .rotate-stage canvas,.svg-compare .rotate-stage img{object-fit:contain;width:100%;height:auto;max-height:45vh;display:block}.svg-compare figcaption{margin:0}#svg-preview:not([src]){visibility:hidden;min-height:120px}#svg-panel[data-busy] #svg-preview{opacity:.45;transition:opacity .2s}