.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}.preview-modal__overlay[data-v-a9a4d444]{align-items:center;background:#0006;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:40px;position:fixed;z-index:9999}.preview-modal__card[data-v-a9a4d444]{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:0 25px 80px #00000026;display:flex;flex-direction:column;height:85vh;max-width:1400px;overflow:hidden;width:90vw}.preview-modal__header[data-v-a9a4d444]{align-items:center;background:var(--color-canvas-parchment);border-bottom:1px solid var(--color-divider-soft,#f0f0f0);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.preview-modal__header-left[data-v-a9a4d444]{align-items:center;display:flex;gap:16px}.preview-modal__title[data-v-a9a4d444]{color:var(--color-ink);font-size:14px;font-weight:600;letter-spacing:-.12px}.preview-modal__sizes[data-v-a9a4d444]{display:flex;gap:2px}.preview-modal__size-btn[data-v-a9a4d444]{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)}.preview-modal__size-btn[data-v-a9a4d444]:hover{border-color:var(--color-ink-muted-48);color:var(--color-ink)}.preview-modal__size-btn--active[data-v-a9a4d444]{background:#0066cc0f;border-color:var(--color-primary);color:var(--color-primary)}.preview-modal__close[data-v-a9a4d444]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-ink-muted-48);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.preview-modal__close[data-v-a9a4d444]:hover{background:#0000000f;color:var(--color-ink)}.preview-modal__body[data-v-a9a4d444]{background:var(--color-hairline);flex:1;overflow:hidden}.preview-modal__device[data-v-a9a4d444]{background:#fff;height:100%;margin:0 auto;transition:max-width var(--transition-normal)}.preview-modal__device--desktop[data-v-a9a4d444]{max-width:100%}.preview-modal__device--tablet[data-v-a9a4d444]{max-width:768px}.preview-modal__device--phone[data-v-a9a4d444]{max-width:390px}.preview-modal__frame[data-v-a9a4d444]{border:none;height:100%;width:100%}.preview-modal-enter-active[data-v-a9a4d444]{transition:all .25s ease}.preview-modal-leave-active[data-v-a9a4d444]{transition:all .15s ease}.preview-modal-enter-from[data-v-a9a4d444],.preview-modal-leave-to[data-v-a9a4d444]{opacity:0}.preview-modal-enter-from .preview-modal__card[data-v-a9a4d444],.preview-modal-leave-to .preview-modal__card[data-v-a9a4d444]{transform:scale(.95)}