.preview-container[data-astro-cid-mrlonxcu]{display:flex;flex-direction:column;height:100vh;background:var(--color-light)}.preview-toolbar[data-astro-cid-mrlonxcu]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:0 var(--spacing-md);height:60px;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.toolbar-left[data-astro-cid-mrlonxcu],.toolbar-right[data-astro-cid-mrlonxcu]{display:flex;align-items:center;gap:var(--spacing-sm)}.back-btn[data-astro-cid-mrlonxcu]{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);background:var(--color-light);border-radius:var(--radius-md);transition:all .2s}.back-btn[data-astro-cid-mrlonxcu]:hover{color:var(--color-primary);background:#6c5ce71a}.template-name[data-astro-cid-mrlonxcu]{font-weight:600;color:var(--color-dark);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-switcher[data-astro-cid-mrlonxcu]{display:flex;align-items:center;gap:4px;padding:4px;background:var(--color-light);border-radius:var(--radius-lg)}.device-btn[data-astro-cid-mrlonxcu]{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius-md);transition:all .2s}.device-btn[data-astro-cid-mrlonxcu]:hover{color:var(--color-primary)}.device-btn[data-astro-cid-mrlonxcu].active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.action-btn[data-astro-cid-mrlonxcu]{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--font-size-sm);font-weight:500;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.contact-btn[data-astro-cid-mrlonxcu]{color:var(--color-text);background:var(--color-light)}.contact-btn[data-astro-cid-mrlonxcu]:hover{color:var(--color-primary);background:#6c5ce71a}.purchase-btn[data-astro-cid-mrlonxcu]{color:var(--color-white);background:var(--color-primary)}.purchase-btn[data-astro-cid-mrlonxcu]:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preview-frame-wrapper[data-astro-cid-mrlonxcu]{flex:1;display:flex;justify-content:flex-start;overflow:hidden;background:var(--color-light)}.preview-frame-wrapper[data-astro-cid-mrlonxcu].centered{justify-content:center;padding:var(--spacing-md)}.preview-frame[data-astro-cid-mrlonxcu]{width:100%;height:100%;border:none;background:var(--color-white);transition:width .3s ease}.preview-frame-wrapper[data-astro-cid-mrlonxcu].centered .preview-frame[data-astro-cid-mrlonxcu]{box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);height:calc(100% - var(--spacing-md) * 2)}.external-btn[data-astro-cid-mrlonxcu]{color:var(--color-text);background:var(--color-light)}.external-btn[data-astro-cid-mrlonxcu]:hover{color:var(--color-primary);background:#6c5ce71a}.redirect-notice[data-astro-cid-mrlonxcu]{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white)}.redirect-content[data-astro-cid-mrlonxcu]{text-align:center;padding:var(--spacing-xl)}.redirect-content[data-astro-cid-mrlonxcu] h2[data-astro-cid-mrlonxcu]{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.redirect-content[data-astro-cid-mrlonxcu] p[data-astro-cid-mrlonxcu]{opacity:.9;margin-bottom:var(--spacing-xs)}.redirect-content[data-astro-cid-mrlonxcu] .countdown[data-astro-cid-mrlonxcu]{font-size:1.1rem;margin-top:var(--spacing-md);font-weight:600}.redirect-content[data-astro-cid-mrlonxcu] .countdown[data-astro-cid-mrlonxcu] span[data-astro-cid-mrlonxcu]{display:inline-block;min-width:1.5em;padding:4px 8px;background:#fff3;border-radius:var(--radius-sm)}.spinner[data-astro-cid-mrlonxcu]{width:40px;height:40px;margin:0 auto var(--spacing-md);border:3px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.preview-toolbar[data-astro-cid-mrlonxcu]{flex-wrap:wrap;height:auto;padding:var(--spacing-sm);gap:var(--spacing-sm)}.device-switcher[data-astro-cid-mrlonxcu]{order:3;width:100%;justify-content:center}.device-btn[data-astro-cid-mrlonxcu] span[data-astro-cid-mrlonxcu],.action-btn[data-astro-cid-mrlonxcu] span[data-astro-cid-mrlonxcu],.template-name[data-astro-cid-mrlonxcu]{display:none}}.wx-qrcode-modal[data-astro-cid-mrlonxcu]{position:fixed;inset:0;z-index:1000;display:none}.wx-qrcode-modal[data-astro-cid-mrlonxcu].active{display:block}.wx-qrcode-modal__backdrop[data-astro-cid-mrlonxcu]{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.wx-qrcode-modal__content[data-astro-cid-mrlonxcu]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:0 20px 60px #0000004d;max-width:320px;width:90%}.wx-qrcode-modal__content[data-astro-cid-mrlonxcu] h3[data-astro-cid-mrlonxcu]{margin-bottom:var(--spacing-md);color:var(--color-dark)}.wx-qrcode-modal__content[data-astro-cid-mrlonxcu] img[data-astro-cid-mrlonxcu]{width:200px;height:200px;object-fit:contain;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.wx-qrcode-modal__content[data-astro-cid-mrlonxcu] p[data-astro-cid-mrlonxcu]{color:var(--color-text);font-size:var(--font-size-sm)}.wx-qrcode-modal__close[data-astro-cid-mrlonxcu]{position:absolute;top:12px;right:12px;padding:4px;background:none;border:none;cursor:pointer;color:var(--color-text);transition:color .2s}.wx-qrcode-modal__close[data-astro-cid-mrlonxcu]:hover{color:var(--color-primary)}