.live-shortcode-preview{--live-preview-card-bg: #ffffff;--live-preview-card-border: #f1f5f9;--live-preview-card-radius: 24px;--live-preview-card-padding-desktop: 40px;--live-preview-card-padding-mobile: 24px;--live-preview-accent: #0284c7;--live-preview-heading: #0f172a;--live-preview-muted: #64748b;--live-preview-switcher-bg: #f1f5f9;--live-preview-active-bg: #ffffff;--live-preview-active-text: #0284c7;--live-preview-inactive-text: #64748b;--live-preview-desktop-width: 1280px;--live-preview-tablet-width: 768px;--live-preview-mobile-width: 390px;--live-preview-screen-min-height: 520px;--live-preview-screen-bg: #ffffff;--frame-black: #0a0a0a;box-sizing:border-box}.live-shortcode-preview *,.live-shortcode-preview *::before,.live-shortcode-preview *::after{box-sizing:inherit}.live-shortcode-preview__card{background:var(--live-preview-card-bg);border:1px solid var(--live-preview-card-border);border-radius:var(--live-preview-card-radius);padding:var(--live-preview-card-padding-desktop)}.live-shortcode-preview__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.live-shortcode-preview__heading{min-width:0}.live-shortcode-preview__eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--live-preview-accent);line-height:1.2}.live-shortcode-preview__title{margin:4px 0 0;font-size:22px;font-weight:800;letter-spacing:-0.02em;color:var(--live-preview-heading);line-height:1.25}.live-shortcode-preview__devices{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--live-preview-switcher-bg);border-radius:12px;padding:4px}.live-shortcode-preview__device{display:inline-flex;align-items:center;gap:6px;border:0;background:rgba(0,0,0,0);color:var(--live-preview-inactive-text);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .2s ease;appearance:none;font-family:inherit;line-height:1.2}.live-shortcode-preview__device:hover:not(.is-active){color:var(--live-preview-heading)}.live-shortcode-preview__device:focus-visible{outline:2px solid var(--live-preview-accent);outline-offset:2px}.live-shortcode-preview__device.is-active{background:var(--live-preview-active-bg);color:var(--live-preview-active-text);box-shadow:0 1px 3px rgba(15,23,42,.12)}.live-shortcode-preview__device svg{display:block;flex:0 0 auto}.live-shortcode-preview__stage{margin-inline:auto;width:100%;transition:max-width .3s ease}.live-shortcode-preview__stage[data-device=desktop]{max-width:var(--live-preview-desktop-width)}.live-shortcode-preview__stage[data-device=tablet]{max-width:var(--live-preview-tablet-width)}.live-shortcode-preview__stage[data-device=mobile]{max-width:var(--live-preview-mobile-width)}.live-shortcode-preview__frame{width:100%;display:flex;flex-direction:column;align-items:center}.live-shortcode-preview__monitor{width:100%;display:flex;flex-direction:column;align-items:stretch}.live-shortcode-preview__imac-body,.live-shortcode-preview__imac-bezel{display:contents}.live-shortcode-preview__screen{position:relative;overflow:hidden;border-radius:16px;background:var(--live-preview-screen-bg);min-height:var(--live-preview-screen-min-height);transition:border-radius .3s ease,border-width .3s ease,box-shadow .3s ease}.live-shortcode-preview__screen:has(.live-shortcode-preview__shortcode-output--iframe){min-height:0;height:auto}.live-shortcode-preview__screen-content{position:relative;z-index:1;width:100%;height:100%;min-height:inherit;overflow:auto;background:var(--live-preview-screen-bg);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.live-shortcode-preview__screen-content:has(.live-shortcode-preview__shortcode-output--iframe){min-height:0;height:auto;overflow:hidden}.live-shortcode-preview__shortcode-output,.live-shortcode-preview__code-preview{width:100%;flex:1 1 auto;min-height:inherit;display:block}.live-shortcode-preview__code-preview{display:grid;place-items:center;background:#f8fafc}.live-shortcode-preview__code-preview code{display:inline-block;max-width:100%;padding:12px 16px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.live-shortcode-preview__shortcode-output--iframe{display:block;padding:0;min-height:0;height:auto;overflow:hidden;flex:0 0 auto}.live-shortcode-preview__iframe-scale{width:100%;overflow:hidden;position:relative}.live-shortcode-preview__iframe-viewport{transform-origin:top left}.live-shortcode-preview__iframe{display:block;width:100%;height:var(--live-preview-screen-min-height);min-height:var(--live-preview-screen-min-height);border:0;background:var(--live-preview-screen-bg)}.live-shortcode-preview__fallback-image{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.live-shortcode-preview__placeholder{min-height:inherit;display:grid;place-items:center;padding:32px;color:var(--live-preview-muted);background:#f8fafc;text-align:center;font-size:14px;line-height:1.5}.live-shortcode-preview__dynamic-island{display:none;position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:28px;background:#000;border-radius:999px;z-index:4;box-shadow:0 2px 8px rgba(0,0,0,.35)}.live-shortcode-preview__home-indicator{display:none;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgba(15,23,42,.28);border-radius:999px;z-index:4}.live-shortcode-preview__chin{display:none}.live-shortcode-preview__stand{display:none}.live-shortcode-preview__stand-svg{display:block;width:clamp(178px,18vw,246px);height:auto;margin:-2px auto 0;filter:drop-shadow(0 9px 9px rgba(15, 23, 42, 0.18))}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__frame{filter:drop-shadow(0 30px 50px rgba(15, 23, 42, 0.18))}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__imac-body{display:block;padding:12px 12px 0;background:linear-gradient(178deg, #f2f5f8 0%, #dee4ea 7%, #c6cfd8 48%, #aeb8c3 82%, #9aa5b1 100%);border-radius:18px 18px 16px 16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 -1px 0 rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.5)}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__imac-bezel{display:block;position:relative;padding:10px;background:var(--frame-black);border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04),inset 0 0 26px rgba(0,0,0,.6)}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__screen{border:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__chin{display:flex;align-items:center;justify-content:center;height:clamp(58px,5vw,74px);background:rgba(0,0,0,0);position:relative;z-index:2;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 7px 9px -3px rgba(15,23,42,.22)}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__chin svg{width:22px;height:26px;fill:#97a2ae;filter:drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6)) drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.12))}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__stand{display:flex;flex-direction:column;align-items:center;position:relative}.live-shortcode-preview__stage[data-device=tablet] .live-shortcode-preview__screen{border:12px solid var(--frame-black);border-radius:22px;box-shadow:0 20px 48px rgba(15,23,42,.14)}.live-shortcode-preview__stage[data-device=mobile] .live-shortcode-preview__screen{border:10px solid var(--frame-black);border-radius:44px;box-shadow:0 24px 56px rgba(15,23,42,.18)}.live-shortcode-preview__stage[data-device=mobile] .live-shortcode-preview__dynamic-island,.live-shortcode-preview__stage[data-device=mobile] .live-shortcode-preview__home-indicator{display:block}.live-shortcode-preview--no-frame .live-shortcode-preview__frame{filter:none !important}.live-shortcode-preview--no-frame .live-shortcode-preview__imac-body,.live-shortcode-preview--no-frame .live-shortcode-preview__imac-bezel{display:contents !important;padding:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important}.live-shortcode-preview--no-frame .live-shortcode-preview__screen{border:0 !important;border-radius:16px !important;box-shadow:none !important}.live-shortcode-preview--no-frame .live-shortcode-preview__chin,.live-shortcode-preview--no-frame .live-shortcode-preview__stand,.live-shortcode-preview--no-frame .live-shortcode-preview__dynamic-island,.live-shortcode-preview--no-frame .live-shortcode-preview__home-indicator{display:none !important}@media(max-width: 768px){.live-shortcode-preview__card{padding:var(--live-preview-card-padding-mobile)}.live-shortcode-preview__header{align-items:flex-start;flex-direction:column}.live-shortcode-preview__devices{width:100%;overflow-x:auto}.live-shortcode-preview__stage,.live-shortcode-preview__stage[data-device=desktop],.live-shortcode-preview__stage[data-device=tablet],.live-shortcode-preview__stage[data-device=mobile]{max-width:100%}.live-shortcode-preview__stage[data-device=desktop] .live-shortcode-preview__chin{height:48px}}