.playground-wrapper[data-v-be7704b6]{border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.playground-wrapper[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mobile-tabs[data-v-be7704b6]{border-bottom-width:1px;display:flex;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.mobile-tabs[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}@media(min-width:1024px){.mobile-tabs[data-v-be7704b6]{display:none}}.mobile-tabs button[data-v-be7704b6]{align-items:center;border-bottom-width:2px;border-color:transparent;display:flex;flex:1 1 0%;gap:.375rem;justify-content:center;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));font-size:10px;font-weight:800;letter-spacing:.1em;padding-bottom:.625rem;padding-top:.625rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mobile-tabs button[data-v-be7704b6]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mobile-tabs button.active[data-v-be7704b6]{--tw-border-opacity:1;border-bottom-color:rgb(255 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.mobile-hidden[data-v-be7704b6]{display:none!important}@media(min-width:1024px){.mobile-hidden[data-v-be7704b6]{display:flex!important}}.template-bar[data-v-be7704b6]{border-bottom-width:1px;overflow-x:auto;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.template-bar[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.template-bar-inner[data-v-be7704b6]{display:flex;gap:.75rem;min-width:-moz-max-content;min-width:max-content;padding:.625rem 1rem}.template-btn[data-v-be7704b6]{border-width:2px;--tw-border-opacity:1;background-color:transparent;border-color:rgb(209 213 219/var(--tw-border-opacity,1));font-size:9px;font-weight:800;letter-spacing:.1em;padding:.375rem .75rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.template-btn[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.template-btn[data-v-be7704b6]:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.template-btn[data-v-be7704b6]:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.template-btn.active[data-v-be7704b6]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.template-btn.active[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.template-btn.active[data-v-be7704b6]{box-shadow:3px 3px red}.main-content[data-v-be7704b6]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:1024px){.main-content[data-v-be7704b6]{grid-template-columns:360px 1fr}}.main-content[data-v-be7704b6]{height:calc(100vh - 320px);max-height:550px;min-height:400px}@media(min-width:1024px){.main-content[data-v-be7704b6]{height:600px}}.editor-column[data-v-be7704b6]{display:flex;flex-direction:column;max-height:inherit;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.editor-column[data-v-be7704b6]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}@media(min-width:1024px){.editor-column[data-v-be7704b6]{border-right-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.editor-column[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}}.mode-bar[data-v-be7704b6]{border-bottom-width:1px;display:none;flex-shrink:0;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.mode-bar[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}@media(min-width:1024px){.mode-bar[data-v-be7704b6]{display:flex}}.mode-bar button[data-v-be7704b6]{align-items:center;border-bottom-width:2px;border-color:transparent;display:flex;flex:1 1 0%;gap:.25rem;justify-content:center;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));font-size:9px;font-weight:800;letter-spacing:.1em;padding-bottom:.5rem;padding-top:.5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mode-bar button[data-v-be7704b6]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mode-bar button[data-v-be7704b6]:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.mode-bar button[data-v-be7704b6]:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mode-bar button.active[data-v-be7704b6]{--tw-border-opacity:1;border-bottom-color:rgb(255 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.editor-scroll[data-v-be7704b6]{flex:1 1 0%;min-height:0;overflow-y:auto}.editor-scroll[data-v-be7704b6]::-webkit-scrollbar{width:4px}.editor-scroll[data-v-be7704b6]::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.editor-scroll[data-v-be7704b6]:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.editor-scroll[data-v-be7704b6]::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.editor-scroll[data-v-be7704b6]:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-content[data-v-be7704b6]{gap:1rem;padding:1rem}.form-content[data-v-be7704b6],.json-content[data-v-be7704b6]{display:flex;flex-direction:column}.json-content[data-v-be7704b6]{height:100%;padding:.75rem}.json-header[data-v-be7704b6]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.json-error[data-v-be7704b6]{font-size:9px;font-weight:800;--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.json-editor[data-v-be7704b6]{border-width:1px;flex:1 1 0%;resize:none;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1));font-family:monospace,monospace;font-size:10px;padding:.625rem;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.json-editor[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.json-editor[data-v-be7704b6]:focus{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1))}.editor-footer[data-v-be7704b6]{border-top-width:1px;flex-shrink:0;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.75rem}.editor-footer[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.preview-column[data-v-be7704b6]{display:flex;flex-direction:column;max-height:inherit;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.preview-column[data-v-be7704b6]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.preview-header[data-v-be7704b6]{align-items:center;border-bottom-width:1px;display:flex;flex-shrink:0;justify-content:space-between;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));font-size:9px;font-weight:800;letter-spacing:.1em;padding:.56rem .75rem;text-transform:uppercase}.preview-header[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.live-indicator[data-v-be7704b6]{align-items:center;display:flex;gap:.25rem;--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.dot[data-v-be7704b6]{border-radius:9999px;height:.375rem;width:.375rem;--tw-bg-opacity:1;animation:pulse 1s infinite;background-color:rgb(255 0 0/var(--tw-bg-opacity,1))}.preview-area[data-v-be7704b6]{align-items:flex-start;display:flex;flex:1 1 0%;justify-content:center;overflow:auto;padding:.75rem;position:relative}@media(min-width:640px){.preview-area[data-v-be7704b6]{padding:1rem}}@media(min-width:1024px){.preview-area[data-v-be7704b6]{padding:1.25rem}}.preview-area[data-v-be7704b6]{background-image:radial-gradient(#ddd 1px,transparent 0);background-size:16px 16px}.dark .preview-area[data-v-be7704b6]{background-image:radial-gradient(#334155 1px,transparent 0)}.certificate-frame[data-v-be7704b6]{border-width:1px;overflow:hidden;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.certificate-frame[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.certificate-frame[data-v-be7704b6]{aspect-ratio:1100/800;box-shadow:8px 8px #0000000f;max-width:440px}@media(min-width:640px){.certificate-frame[data-v-be7704b6]{box-shadow:12px 12px #0000000f;max-width:520px}}@media(min-width:1024px){.certificate-frame[data-v-be7704b6]{box-shadow:16px 16px #0000000f;max-width:600px}}.dark .certificate-frame[data-v-be7704b6]{box-shadow:16px 16px #ffffff08}.certificate-frame iframe[data-v-be7704b6]{border-style:none;height:800px;pointer-events:none;transform:scale(.4);transform-origin:top left;width:1100px}@media(min-width:640px){.certificate-frame iframe[data-v-be7704b6]{transform:scale(.47)}}@media(min-width:1024px){.certificate-frame iframe[data-v-be7704b6]{transform:scale(.545)}}.field-label[data-v-be7704b6]{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.field-label[data-v-be7704b6]:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.field-input[data-v-be7704b6]{border-width:1px;height:1.75rem;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));font-size:11px;padding-left:.5rem;padding-right:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field-input[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.field-input[data-v-be7704b6]:focus{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px}.logo-preview[data-v-be7704b6]{align-items:center;aspect-ratio:16/9;border-width:2px;display:flex;justify-content:center;position:relative;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.75rem}.logo-preview[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.logo-preview img[data-v-be7704b6]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.remove-logo[data-v-be7704b6]{position:absolute;right:.25rem;top:.25rem;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));padding:.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-preview:hover .remove-logo[data-v-be7704b6]{opacity:1}.remove-logo[data-v-be7704b6]:hover{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity,1))}.logo-upload[data-v-be7704b6]{align-items:center;border-style:dashed;border-width:2px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:1.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-upload[data-v-be7704b6]:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.logo-upload[data-v-be7704b6]:hover{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1))}.logo-upload span[data-v-be7704b6]{font-size:9px;font-weight:800;margin-top:.375rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.logo-upload input[data-v-be7704b6]{display:none}.shiki-code-block{display:flex;flex-direction:column}.shiki-code-block pre{background-color:#1e1e1e!important;flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}