.tool-preview-panel{flex-direction:column;display:flex;overflow:hidden}.tool-preview-panel__head{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}@media (min-width:640px){.tool-preview-panel__head{padding:18px 20px 12px}}.tool-preview-panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--streamer-online-text-muted,var(--text-mute));margin:0;font-size:11px;font-weight:600}.tool-preview-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tool-preview-panel__body{flex-direction:column;min-height:0;display:flex}.tool-preview-panel[data-collapsed=true] .tool-preview-panel__body{display:none}.tool-preview-panel__frame{border:1px solid var(--streamer-online-border);height:var(--tool-preview-compact-h,clamp(150px, 30vh, 280px));border-radius:12px;margin:0 16px 12px;transition:height .2s ease-out;position:relative;overflow:hidden}@media (min-width:640px){.tool-preview-panel__frame{margin:0 20px 12px}}.tool-preview-panel__frame[data-canvas]{height:auto;aspect-ratio:var(--tool-preview-aspect);min-height:120px;max-height:clamp(150px,34vh,320px)}.tool-preview-panel__frame>iframe{border:0;width:100%;height:100%;display:block}.tool-preview-panel__hint{color:var(--streamer-online-text-muted);margin:0;padding:0 16px 16px;font-size:11px;line-height:16px}@media (min-width:640px){.tool-preview-panel__hint{padding:0 20px 20px}}.tool-preview-stage{transform-origin:50%;position:absolute;top:50%;left:50%}.tool-preview-stage>iframe{border:0;width:100%;height:100%;display:block}.dm-embedded-app .tool-preview-panel__frame{border-radius:2px}.dm-embedded-app .tool-preview-panel__title{letter-spacing:0;text-transform:none;font-weight:700}