.panel--preview[data-v-9e5d509d]{background:var(--color-canvas-parchment);border:1px solid var(--color-hairline);border-radius:var(--radius-md);display:flex;flex:0 0 60%;flex-direction:column;overflow:hidden}.panel--preview.panel--compact[data-v-9e5d509d]{background:transparent;border:0;border-radius:0;flex:1 1 auto;min-height:0}.panel__label[data-v-9e5d509d]{align-items:center;background:var(--color-canvas-parchment);border-bottom:1px solid var(--color-hairline);color:var(--color-ink-muted-80);display:flex;flex-shrink:0;font-size:13px;font-weight:500;justify-content:space-between;letter-spacing:-.12px;padding:8px 16px}.panel__label-actions[data-v-9e5d509d]{display:flex;gap:2px}.panel__size-btn[data-v-9e5d509d]{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);color:var(--color-ink-muted-48);cursor:pointer;font-family:var(--font-text);font-size:10px;letter-spacing:-.08px;padding:2px 8px;transition:all var(--transition-fast)}.panel__size-btn[data-v-9e5d509d]:hover{border-color:var(--color-ink-muted-48);color:var(--color-ink)}.panel__size-btn--active[data-v-9e5d509d]{background:#0066cc0f;border-color:var(--color-primary);color:var(--color-primary)}.panel__size-btn[data-v-9e5d509d-s]{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);color:var(--color-ink-muted-48);cursor:pointer;font-family:var(--font-text);font-size:10px;letter-spacing:-.08px;padding:2px 8px;transition:all var(--transition-fast)}.panel__size-btn[data-v-9e5d509d-s]:hover{border-color:var(--color-ink-muted-48);color:var(--color-ink)}.panel__fullscreen-btn[data-v-9e5d509d-s]{border-left:1px solid var(--color-hairline);margin-left:8px;padding-left:10px}.panel__preview-body[data-v-9e5d509d]{aspect-ratio:16/10;background:var(--color-hairline);flex:1;overflow:hidden}.panel__preview-body--compact[data-v-9e5d509d]{aspect-ratio:auto;background:var(--color-hairline);min-height:360px}.preview-viewport[data-v-9e5d509d]{background:var(--color-hairline);display:flex;justify-content:center;overflow:hidden;width:100%}.preview-viewport__inner[data-v-9e5d509d]{background:#fff;box-shadow:0 2px 20px #0000001f;flex-shrink:0;transform-origin:top center}.preview-frame[data-v-9e5d509d]{border:none;height:100%;width:100%}.preview-empty[data-v-9e5d509d]{align-items:center;color:var(--color-ink-muted-48);display:flex;flex-direction:column;font-size:14px;gap:8px;height:100%;justify-content:center;padding:24px;text-align:center}