.playground-wrapper[data-v-051c3ae7]{background:#f5f5f5;border:1px solid #ccc}.dark .playground-wrapper[data-v-051c3ae7]{background:#0f172a;border-color:#334155}.mobile-tabs[data-v-051c3ae7]{border-bottom:1px solid #ccc;display:flex}.dark .mobile-tabs[data-v-051c3ae7]{border-bottom-color:#334155}.mobile-tabs button[data-v-051c3ae7]{align-items:center;background:#f9f9f9;border-bottom:2px solid transparent;color:#888;display:flex;flex:1;font-size:10px;font-weight:800;gap:6px;justify-content:center;letter-spacing:.1em;padding:10px;text-transform:uppercase;transition:all .15s}.dark .mobile-tabs button[data-v-051c3ae7]{background:#1e293b;color:#94a3b8}.mobile-tabs button.active[data-v-051c3ae7]{background:#fff;border-bottom-color:red;color:#000}.dark .mobile-tabs button.active[data-v-051c3ae7]{background:#fff;color:#000}@media(min-width:1024px){.mobile-tabs[data-v-051c3ae7]{display:none}}.mobile-hidden[data-v-051c3ae7]{display:none!important}@media(min-width:1024px){.mobile-hidden[data-v-051c3ae7]{display:flex!important}}.template-bar[data-v-051c3ae7]{background:#fff;border-bottom:1px solid #ccc;overflow-x:auto}.dark .template-bar[data-v-051c3ae7]{background:#1e293b;border-bottom-color:#334155}.template-bar-inner[data-v-051c3ae7]{display:flex;gap:12px;min-width:-moz-max-content;min-width:max-content;padding:10px 16px}.template-btn[data-v-051c3ae7]{border:2px solid #ddd;color:#888;font-size:9px;font-weight:800;letter-spacing:.1em;padding:6px 12px;text-transform:uppercase;transition:all .15s}.template-btn[data-v-051c3ae7]:hover{border-color:#000;color:#000}.dark .template-btn[data-v-051c3ae7]{background:#0f172a;border-color:#334155;color:#64748b}.dark .template-btn[data-v-051c3ae7]:hover{border-color:#fff;color:#fff}.template-btn.active[data-v-051c3ae7]{background:#000;border-color:#000;box-shadow:3px 3px red;color:#fff}.dark .template-btn.active[data-v-051c3ae7]{background:#fff;border-color:#fff;box-shadow:3px 3px red;color:#000}.main-content[data-v-051c3ae7]{display:grid;grid-template-columns:1fr;height:calc(100vh - 320px);max-height:600px;min-height:400px}@media(min-width:1024px){.main-content[data-v-051c3ae7]{grid-template-columns:400px 1fr;height:700px}}.editor-column[data-v-051c3ae7]{background:#fff;border-right:none;display:flex;flex-direction:column;max-height:inherit;overflow:hidden}@media(min-width:1024px){.editor-column[data-v-051c3ae7]{border-right:1px solid #ccc}}.dark .editor-column[data-v-051c3ae7]{background:#0f172a;border-right-color:#334155}.mode-bar[data-v-051c3ae7]{border-bottom:1px solid #ccc;display:none;flex-shrink:0}@media(min-width:1024px){.mode-bar[data-v-051c3ae7]{display:flex}}.dark .mode-bar[data-v-051c3ae7]{border-bottom-color:#334155}.mode-bar button[data-v-051c3ae7]{align-items:center;background:#f9f9f9;border-bottom:2px solid transparent;color:#888;display:flex;flex:1;font-size:9px;font-weight:800;gap:4px;justify-content:center;letter-spacing:.1em;padding:7px;text-transform:uppercase;transition:all .15s}.dark .mode-bar button[data-v-051c3ae7]{background:#1e293b;color:#94a3b8}.mode-bar button[data-v-051c3ae7]:hover{color:#000}.dark .mode-bar button[data-v-051c3ae7]:hover{color:#fff}.mode-bar button.active[data-v-051c3ae7]{border-bottom-color:red}.dark .mode-bar button.active[data-v-051c3ae7],.mode-bar button.active[data-v-051c3ae7]{background:#fff;color:#000}.editor-scroll[data-v-051c3ae7]{flex:1;min-height:0;overflow-y:auto}.form-content[data-v-051c3ae7]{gap:16px;padding:16px}.form-content[data-v-051c3ae7],.json-content[data-v-051c3ae7]{display:flex;flex-direction:column}.json-content[data-v-051c3ae7]{height:100%;padding:12px}.json-header[data-v-051c3ae7]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.json-error[data-v-051c3ae7]{color:red;font-size:9px;font-weight:800}.dark .json-editor[data-v-051c3ae7]{background:#000;border-color:#334155}.json-editor[data-v-051c3ae7]{background:#1a1a1a;border:1px solid #ddd;color:#0f0;flex:1;font-family:JetBrains Mono,monospace;font-size:10px;outline:none;padding:10px;resize:none;width:100%}.json-editor[data-v-051c3ae7]:focus{border-color:red}.editor-footer[data-v-051c3ae7]{background:#f9f9f9;border-top:1px solid #ccc;flex-shrink:0;padding:12px}.dark .editor-footer[data-v-051c3ae7]{background:#1e293b;border-top-color:#334155}.generate-btn[data-v-051c3ae7]{align-items:center;background:red;color:#fff;display:flex;font-size:10px;font-weight:900;gap:6px;height:40px;justify-content:center;letter-spacing:.15em;text-transform:uppercase;transition:all .15s;width:100%}.generate-btn[data-v-051c3ae7]:hover{background:#e00}.generate-btn.loading[data-v-051c3ae7]{background:#666;cursor:not-allowed}.export-row[data-v-051c3ae7]{display:flex;gap:8px;margin-top:8px}.export-btn[data-v-051c3ae7]{align-items:center;background:#fff;border:1px solid #000;display:flex;flex:1;font-size:9px;font-weight:800;gap:4px;justify-content:center;padding:6px;text-transform:uppercase;transition:all .15s}.export-btn[data-v-051c3ae7]:hover{background:#000;color:#fff}.dark .export-btn[data-v-051c3ae7]{background:#1e293b;border-color:#fff;color:#fff}.dark .export-btn[data-v-051c3ae7]:hover{background:#fff;color:#000}.preview-column[data-v-051c3ae7]{background:#f5f5f5;display:flex;flex-direction:column;max-height:inherit}.dark .preview-column[data-v-051c3ae7]{background:#0f172a}.preview-header[data-v-051c3ae7]{align-items:center;background:#eee;border-bottom:1px solid #ccc;display:flex;flex-shrink:0;font-size:9px;font-weight:800;justify-content:space-between;letter-spacing:.1em;padding:8px 12px;text-transform:uppercase}.dark .preview-header[data-v-051c3ae7]{background:#1e293b;border-bottom-color:#334155;color:#fff}.live-indicator[data-v-051c3ae7]{align-items:center;color:red;display:flex;gap:4px}.dot[data-v-051c3ae7]{animation:pulse-051c3ae7 1s infinite;background:red;border-radius:50%;height:6px;width:6px}@keyframes pulse-051c3ae7{0%,to{opacity:1}50%{opacity:.4}}.preview-area[data-v-051c3ae7]{align-items:flex-start;background-image:radial-gradient(#ddd 1px,transparent 0);background-size:16px 16px;display:flex;flex:1;justify-content:center;overflow:auto;padding:12px;position:relative}@media(min-width:640px){.preview-area[data-v-051c3ae7]{padding:16px}}@media(min-width:1024px){.preview-area[data-v-051c3ae7]{padding:20px}}.dark .preview-area[data-v-051c3ae7]{background-image:radial-gradient(#334155 1px,transparent 0)}.invoice-frame[data-v-051c3ae7]{aspect-ratio:800/1100;background:#fff;border:1px solid #ddd;box-shadow:8px 8px #0000000f;max-width:320px;overflow:hidden;width:100%}@media(min-width:640px){.invoice-frame[data-v-051c3ae7]{box-shadow:12px 12px #0000000f;max-width:380px}}@media(min-width:1024px){.invoice-frame[data-v-051c3ae7]{box-shadow:16px 16px #0000000f;max-width:440px}}.dark .invoice-frame[data-v-051c3ae7]{border-color:#334155;box-shadow:16px 16px #ffffff08}.invoice-frame iframe[data-v-051c3ae7]{border:none;height:1100px;pointer-events:none;transform:scale(.4);transform-origin:top left;width:800px}@media(min-width:640px){.invoice-frame iframe[data-v-051c3ae7]{transform:scale(.475)}}@media(min-width:1024px){.invoice-frame iframe[data-v-051c3ae7]{transform:scale(.55)}}.field-label[data-v-051c3ae7]{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.dark .field-label[data-v-051c3ae7]{color:#94a3b8}.field-input[data-v-051c3ae7]{border:1px solid #ddd;font-size:11px;height:28px;padding:0 8px;transition:border-color .15s;width:100%}.dark .field-input[data-v-051c3ae7]{background:#1e293b;border-color:#334155;color:#fff}.field-input[data-v-051c3ae7]:focus{border-color:red;outline:none}.inline-field[data-v-051c3ae7]{border:1px solid #ddd;display:flex;height:28px;min-width:0;overflow:hidden}.dark .inline-field[data-v-051c3ae7]{border-color:#334155}.inline-field span[data-v-051c3ae7]{align-items:center;background:#f9f9f9;border-right:1px solid #ddd;display:flex;font-size:8px;font-weight:800;padding:0 6px}.dark .inline-field span[data-v-051c3ae7]{background:#334155;border-right-color:#475569;color:#cbd5e1}.inline-field input[data-v-051c3ae7]{border:none;flex:1;font-family:monospace;font-size:11px;height:100%;min-width:0;outline:none;padding:0 8px}.dark .inline-field input[data-v-051c3ae7]{background:#1e293b;color:#fff}.inline-field[data-v-051c3ae7]:focus-within{border-color:red}.logo-preview[data-v-051c3ae7]{align-items:center;aspect-ratio:16/9;background:#f9f9f9;border:2px solid #000;display:flex;justify-content:center;padding:12px;position:relative}.dark .logo-preview[data-v-051c3ae7]{background:#1e293b;border-color:#fff}.logo-preview img[data-v-051c3ae7]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.remove-logo[data-v-051c3ae7]{background:#000;color:#fff;opacity:0;padding:4px;position:absolute;right:4px;top:4px;transition:opacity .15s}.logo-preview:hover .remove-logo[data-v-051c3ae7]{opacity:1}.remove-logo[data-v-051c3ae7]:hover{background:red}.logo-upload[data-v-051c3ae7]{align-items:center;border:2px dashed #ddd;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px;transition:border-color .15s}.dark .logo-upload[data-v-051c3ae7]{border-color:#334155}.logo-upload[data-v-051c3ae7]:hover{border-color:red}.logo-upload span[data-v-051c3ae7]{color:#888;font-size:9px;font-weight:800;margin-top:6px;text-transform:uppercase}.logo-upload input[data-v-051c3ae7]{display:none}.add-item-btn[data-v-051c3ae7]{color:red;font-size:9px;font-weight:800;text-transform:uppercase}.add-item-btn[data-v-051c3ae7]:hover{text-decoration:underline}.item-row[data-v-051c3ae7]{border:1px solid #ddd;padding:10px;position:relative}.dark .item-row[data-v-051c3ae7]{border-color:#334155}.remove-item[data-v-051c3ae7]{align-items:center;background:#fff;border:1px solid #ddd;display:flex;height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .15s;width:16px}.dark .remove-item[data-v-051c3ae7]{background:#0f172a;border-color:#334155}.remove-item[data-v-051c3ae7]:hover{background:red;border-color:red;color:#fff}.editor-scroll[data-v-051c3ae7]::-webkit-scrollbar{width:4px}.editor-scroll[data-v-051c3ae7]::-webkit-scrollbar-track{background:#f5f5f5}.editor-scroll[data-v-051c3ae7]::-webkit-scrollbar-thumb{background:#000}.dark .editor-scroll[data-v-051c3ae7]::-webkit-scrollbar-track{background:#1e293b}.dark .editor-scroll[data-v-051c3ae7]::-webkit-scrollbar-thumb{background:#475569}.loading-overlay[data-v-051c3ae7]{align-items:center;background:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:20}.dark .loading-overlay[data-v-051c3ae7]{background:#0f172a}.scanner-line[data-v-051c3ae7]{animation:scan-051c3ae7 1.5s linear infinite;background:red;box-shadow:0 0 10px #f00c,0 0 20px #f006;height:1px;left:0;position:absolute;top:0;width:100%;z-index:21}@keyframes scan-051c3ae7{0%{top:-5%}to{top:105%}}.brutalist-spinner[data-v-051c3ae7]{animation:spin-brutal-051c3ae7 .8s steps(8) infinite;border-right:4px solid #000;border-top:4px solid #000;border-color:red red #000 #000;border-style:solid;border-width:4px;height:32px;width:32px}.dark .brutalist-spinner[data-v-051c3ae7]{border-color:red red #fff #fff}@keyframes spin-brutal-051c3ae7{to{transform:rotate(1turn)}}.progress-bar-anim[data-v-051c3ae7]{animation:progress-move-051c3ae7 1s ease-in-out infinite;width:40%}@keyframes progress-move-051c3ae7{0%{transform:translate(-100%)}to{transform:translate(250%)}}.fade-enter-active[data-v-051c3ae7],.fade-leave-active[data-v-051c3ae7]{transition:opacity .3s ease}.fade-enter-from[data-v-051c3ae7],.fade-leave-to[data-v-051c3ae7]{opacity:0}.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}button[data-v-c55cd7d8],div[data-v-c55cd7d8]{border-radius:0!important}