.button-editor.svelte-sn7wg6{border:1px solid var(--border-color);padding:0;margin-bottom:1rem;border-radius:4px}.accordion.svelte-sn7wg6{background-color:#f1f1f1;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;transition:0.4s;margin-top:0;display:flex;justify-content:space-between;align-items:center}.accordion.svelte-sn7wg6::after{content:'\02795';font-size:13px}.accordion.active.svelte-sn7wg6::after{content:"\2796"}.panel.svelte-sn7wg6{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.panel.open.svelte-sn7wg6{padding:18px;max-height:500px}.form-group.svelte-sn7wg6{margin-bottom:1rem}label.svelte-sn7wg6{display:block;margin-bottom:0.5rem;font-weight:bold}input.svelte-sn7wg6{width:100%;padding:0.5rem;border:1px solid var(--border-color);border-radius:4px}.button-container.svelte-sn7wg6{display:flex;gap:0.5rem}button.svelte-sn7wg6{background-color:var(--primary-color);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer}button.delete.svelte-sn7wg6{background-color:#ff3b30}.color-preview.svelte-sn7wg6{display:inline-block;width:20px;height:20px;border-radius:50%;margin-left:10px;vertical-align:middle}
.form-group.svelte-12jmspq{margin-bottom:1rem}label.svelte-12jmspq{display:block;margin-bottom:0.5rem;font-weight:bold}input.svelte-12jmspq{width:100%;padding:0.5rem;border:1px solid var(--border-color);border-radius:4px}
.preview-panel.svelte-1skss2v{flex:1;padding:0;overflow-y:auto;background-color:white;position:relative}.preview-header.svelte-1skss2v{background-color:var(--dark-bg);color:white;padding:1rem}.preview-section.svelte-1skss2v{padding:1rem;text-align:center}.section-title.svelte-1skss2v{font-size:1.5rem;margin-bottom:1rem;position:relative}.section-title.svelte-1skss2v::after{content:'';display:block;width:120px;height:4px;background-color:var(--primary-color);margin:0.5rem auto}.button-grid.svelte-1skss2v{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin:1rem 0}.app-button.svelte-1skss2v{display:flex;flex-direction:column;align-items:center;padding:1rem;text-decoration:none;color:var(--text-color)}.button-icon.svelte-1skss2v{font-size:2rem;margin-bottom:0.5rem}.button-text.svelte-1skss2v{font-size:0.9rem}.bottom-nav.svelte-1skss2v{display:grid;grid-template-columns:repeat(5, 1fr);position:absolute;bottom:0;width:100%;height:auto;background-color:white;border-top:1px solid var(--border-color);padding:0.5rem 0}.nav-item.svelte-1skss2v{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color);font-size:0.8rem;width:100%}.nav-icon.svelte-1skss2v{font-size:1.5rem;margin-bottom:0.25rem}.spacer.svelte-1skss2v{height:70px}
.loader.svelte-wdqee4{width:65px;aspect-ratio:1;position:relative}.loader.svelte-wdqee4:before,.loader.svelte-wdqee4:after{content:"";position:absolute;border-radius:50px;box-shadow:0 0 0 3px inset #fff;animation:svelte-wdqee4-l5 2.5s infinite}.loader.svelte-wdqee4:after{animation-delay:-1.25s;border-radius:0}@keyframes svelte-wdqee4-l5{0%{inset:0    35px 35px 0   }12.5%{inset:0    35px 0    0   }25%{inset:35px 35px 0    0   }37.5%{inset:35px 0    0    0   }50%{inset:35px 0    0    35px}62.5%{inset:0    0    0    35px}75%{inset:0    0    35px 35px}87.5%{inset:0    0    35px 0   }100%{inset:0    35px 35px 0   }}
.btn.svelte-12pg3yy.svelte-12pg3yy{background-color:var(--primary-color);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;margin:1.5rem 0.5rem}.container.svelte-12pg3yy.svelte-12pg3yy{height:auto;width:100%;display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.content-container.svelte-12pg3yy.svelte-12pg3yy{width:48.5%;height:auto;padding:20px}.preview-container.svelte-12pg3yy.svelte-12pg3yy{display:flex;gap:7px;flex-wrap:wrap}.nav-item.svelte-12pg3yy.svelte-12pg3yy{margin-bottom:1.5;padding:10px;display:flex;flex-direction:column;align-items:center;text-decoration:none;font-size:0.8rem}.nav-icon.svelte-12pg3yy.svelte-12pg3yy{font-size:1.5rem;margin-bottom:0.25rem}.overlay.svelte-12pg3yy.svelte-12pg3yy{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.dialog.svelte-12pg3yy.svelte-12pg3yy{background:white;border-radius:8px;padding:1.5rem;width:100%;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);overflow-y:auto;max-height:90vh}.dialog-header.svelte-12pg3yy.svelte-12pg3yy{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialog-header.svelte-12pg3yy h2.svelte-12pg3yy{margin:0;font-size:1.25rem}.close-button.svelte-12pg3yy.svelte-12pg3yy{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;width:40px;height:40px}.close-button.svelte-12pg3yy.svelte-12pg3yy:hover{border-radius:50%;background-color:rgba(0, 0, 0, 0.2);transition:.05s}@media(max-width: 480px){.dialog.svelte-12pg3yy.svelte-12pg3yy{padding:1rem}.dialog-header.svelte-12pg3yy h2.svelte-12pg3yy{font-size:1rem}}@media(max-width: 780px){.content-container.svelte-12pg3yy.svelte-12pg3yy{width:100%}}
:root{--primary-color:#0066ff;--dark-bg:#2d3e4a;--light-bg:#f5f5f5;--text-color:#333;--border-color:#ddd}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial, sans-serif;scrollbar-color:#222 #000;scrollbar-width:thin}body{background-color:var(--light-bg);color:var(--text-color)}.loading-container.svelte-1xvie8p{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dark-bg)}.container.svelte-1xvie8p{display:flex;flex-direction:column;min-height:100vh}header.svelte-1xvie8p{background-color:var(--dark-bg);color:white;padding:1rem}.dashboard.svelte-1xvie8p{display:flex;flex:1;flex-direction:row}.editor-panel.svelte-1xvie8p{flex:1;padding:1rem;border-right:1px solid var(--border-color);overflow-y:auto;background-color:white}.section.svelte-1xvie8p{margin-bottom:2rem}h2.svelte-1xvie8p{margin-bottom:1rem;color:var(--dark-bg)}.form-group.svelte-1xvie8p{margin-bottom:1rem}label.svelte-1xvie8p{display:block;margin-bottom:0.5rem;font-weight:bold}select.svelte-1xvie8p{width:100%;padding:0.5rem;border:1px solid var(--border-color);border-radius:4px}button.svelte-1xvie8p{background-color:var(--primary-color);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:0.5rem;margin-top:0.5rem}button.svelte-1xvie8p:hover{opacity:0.9}.export-btn.svelte-1xvie8p{margin-top:1rem}.disabled-btn.svelte-1xvie8p{background-color:gray;color:#222}@media(max-width: 768px){.dashboard.svelte-1xvie8p{flex-direction:column}}