.canvas-preview[data-v-e3001c08]{display:flex;flex-direction:column;height:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.canvas-preview:is(.dark *[data-v-e3001c08]){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-900)/var(--tw-bg-opacity,1))}.canvas-preview__header[data-v-e3001c08]{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;padding:.5rem 1rem;--tw-border-opacity:1;border-color:rgb(var(--color-gray-200)/var(--tw-border-opacity,1))}.canvas-preview__header:is(.dark *[data-v-e3001c08]){--tw-border-opacity:1;border-color:rgb(var(--color-gray-800)/var(--tw-border-opacity,1))}.canvas-preview__header[data-v-e3001c08]{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-50)/var(--tw-bg-opacity,1))}.canvas-preview__header:is(.dark *[data-v-e3001c08]){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-900)/var(--tw-bg-opacity,1))}.canvas-preview__header .device-selector[data-v-e3001c08]{align-items:center;display:flex;gap:.5rem}.canvas-preview__header .preview-actions[data-v-e3001c08]{align-items:center;display:flex;gap:.25rem}.canvas-preview__content[data-v-e3001c08]{flex:1 1 0%;min-height:0;overflow:auto}.markdown-preview[data-v-e3001c08]{padding:2rem}.markdown-preview[data-v-e3001c08] *{max-width:none}.markdown-preview[data-v-e3001c08] pre{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1))}.markdown-preview[data-v-e3001c08] pre:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-800)/var(--tw-bg-opacity,1))}.markdown-preview[data-v-e3001c08] code{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1))}.markdown-preview[data-v-e3001c08] code:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-800)/var(--tw-bg-opacity,1))}.markdown-preview[data-v-e3001c08] code{--tw-text-opacity:1;color:rgb(var(--color-gray-900)/var(--tw-text-opacity,1))}.markdown-preview[data-v-e3001c08] code:is(.dark *){--tw-text-opacity:1;color:rgb(var(--color-gray-100)/var(--tw-text-opacity,1))}.markdown-preview[data-v-e3001c08] code{border-radius:.25rem;padding:.125rem .25rem}.markdown-preview[data-v-e3001c08] blockquote{border-left-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.code-preview[data-v-e3001c08]{padding:1rem}.code-preview .code-block[data-v-e3001c08]{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-50)/var(--tw-bg-opacity,1))}.code-preview .code-block:is(.dark *[data-v-e3001c08]){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-900)/var(--tw-bg-opacity,1))}.code-preview .code-block[data-v-e3001c08]{border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:1rem;--tw-text-opacity:1;color:rgb(var(--color-gray-900)/var(--tw-text-opacity,1))}.code-preview .code-block:is(.dark *[data-v-e3001c08]){--tw-text-opacity:1;color:rgb(var(--color-gray-100)/var(--tw-text-opacity,1))}.code-preview .code-block[data-v-e3001c08]{overflow-x:auto}.web-preview[data-v-e3001c08]{align-items:flex-start;display:flex;justify-content:center;padding:1rem;--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1))}.web-preview:is(.dark *[data-v-e3001c08]){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-900)/var(--tw-bg-opacity,1))}.web-preview[data-v-e3001c08]{height:100%}.web-preview .device-frame[data-v-e3001c08]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-left:auto;margin-right:auto;overflow:hidden;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.web-preview .device-frame[style*="375px"][data-v-e3001c08]{border-radius:1.5rem;border-width:8px;--tw-border-opacity:1;border-color:rgb(var(--color-gray-800)/var(--tw-border-opacity,1))}.web-preview .device-frame[style*="768px"][data-v-e3001c08]{border-radius:1rem;border-width:8px;--tw-border-opacity:1;border-color:rgb(var(--color-gray-800)/var(--tw-border-opacity,1))}.web-preview .preview-iframe[data-v-e3001c08]{border-width:0;height:100%;width:100%}.empty-preview[data-v-e3001c08]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;--tw-text-opacity:1;color:rgb(var(--color-gray-400)/var(--tw-text-opacity,1))}.empty-preview:is(.dark *[data-v-e3001c08]){--tw-text-opacity:1;color:rgb(var(--color-gray-600)/var(--tw-text-opacity,1))}.empty-preview .empty-icon[data-v-e3001c08]{height:3rem;margin-bottom:.5rem;width:3rem}@media (max-width:640px){.markdown-preview[data-v-e3001c08]{padding:1rem}.web-preview .device-frame[data-v-e3001c08]{max-width:100%}}@media (max-width:1279px){.canvas-preview[data-v-e3001c08]{display:flex;flex-direction:column;height:100%}.canvas-preview__header[data-v-e3001c08]{padding:.375rem .75rem}.canvas-preview__header .mobile-preview-label[data-v-e3001c08]{align-items:center;display:flex}.canvas-preview__content[data-v-e3001c08]{flex:1 1 0%;overflow:auto;-webkit-overflow-scrolling:touch}.markdown-preview[data-v-e3001c08]{min-height:100%;padding:1rem}.code-preview[data-v-e3001c08]{min-height:100%;padding:.75rem}.web-preview[data-v-e3001c08]{height:100%;padding:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.web-preview:is(.dark *[data-v-e3001c08]){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-900)/var(--tw-bg-opacity,1))}.web-preview .device-frame[data-v-e3001c08]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));height:100%!important;width:100%!important}.web-preview .device-frame[data-v-e3001c08],.web-preview .device-frame[style*="375px"][data-v-e3001c08],.web-preview .device-frame[style*="768px"][data-v-e3001c08]{border-radius:0;border-width:0}.web-preview .preview-iframe[data-v-e3001c08]{height:100%;width:100%}.empty-preview[data-v-e3001c08]{min-height:100%}}