.logo-preview-container[data-v-1b35f422]{width:100%;height:150px}[dir] .logo-preview-container[data-v-1b35f422]{background-color:var(--gray-100,#f5f5f5)}.logo-preview-container img[data-v-1b35f422]{max-width:100%;max-height:100%;object-fit:contain}.badge-minimal img[data-v-1b35f422]{width:100%;height:auto}.input-drag-and-drop-file[data-v-1b35f422]{height:150px!important}.theme-config[data-v-1b35f422]{display:grid;grid-template-columns:400px 1fr;gap:2rem;min-height:100vh}[dir] .theme-config[data-v-1b35f422]{padding:2rem}[dir] .config-panel[data-v-1b35f422],[dir] .preview-panel[data-v-1b35f422]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.panel-title[data-v-1b35f422]{font-size:1.25rem;font-weight:600}[dir] .panel-title[data-v-1b35f422]{margin:0 0 .5rem}.panel-desc[data-v-1b35f422]{color:#666;font-size:.9rem}[dir] .panel-desc[data-v-1b35f422]{margin:0 0 1.5rem}.form-section[data-v-1b35f422]{display:flex;flex-direction:column;gap:1.5rem}[dir] .form-section[data-v-1b35f422]{margin-bottom:1.5rem}.form-label[data-v-1b35f422]{display:flex;flex-direction:column;gap:.5rem}.label-text[data-v-1b35f422]{font-size:.85rem;font-weight:500;color:#333}.label-text small[data-v-1b35f422]{color:#999;font-weight:400}.placeholder-text[data-v-1b35f422]{font-size:.85rem;font-weight:500}.color-input[data-v-1b35f422]{width:100%;height:50px}[dir] .color-input[data-v-1b35f422]{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer}.text-input[data-v-1b35f422]{width:100%;height:46px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}[dir] .text-input[data-v-1b35f422]{border:2px solid #e0e0e0;border-radius:8px;padding:.5rem .75rem}.text-input[data-v-1b35f422]:focus{outline:none}[dir] .text-input[data-v-1b35f422]:focus{border-color:var(--brand-primary,#7367f0);box-shadow:0 0 0 3px rgba(115,103,240,.1)}.color-value[data-v-1b35f422]{font-family:monospace;font-size:.75rem;color:#666}.toggle-auto[data-v-1b35f422]{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.gradient-config[data-v-1b35f422],.header-config[data-v-1b35f422]{display:flex;flex-direction:column;gap:1rem}[dir] .gradient-config[data-v-1b35f422]{padding:1rem;background:#f9f9f9;border-radius:8px}.gradient-mode-tabs[data-v-1b35f422]{display:flex;gap:.5rem}[dir] .gradient-mode-tabs[data-v-1b35f422]{margin-bottom:.5rem}.mode-tab[data-v-1b35f422]{flex:1;font-size:.85rem;font-weight:500;transition:all .2s}[dir] .mode-tab[data-v-1b35f422]{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer}[dir] .mode-tab[data-v-1b35f422]:hover{border-color:var(--brand-primary,#7367f0);background:#f5f5f5}.mode-tab.active[data-v-1b35f422]{color:#fff}[dir] .mode-tab.active[data-v-1b35f422]{border-color:var(--brand-primary,#7367f0);background:var(--brand-primary,#7367f0)}.gradient-inputs[data-v-1b35f422]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gradient-color-group[data-v-1b35f422]{display:flex;flex-direction:column;gap:.5rem}.gradient-label[data-v-1b35f422]{font-size:.75rem;font-weight:500;color:#666}.color-input-small[data-v-1b35f422]{width:100%;height:40px}[dir] .color-input-small[data-v-1b35f422]{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}.gradient-direction[data-v-1b35f422]{display:flex;flex-direction:column;gap:.5rem}.gradient-select[data-v-1b35f422]{width:100%;font-size:.85rem}[dir] .gradient-select[data-v-1b35f422]{padding:.6rem;border:2px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer}.gradient-select[data-v-1b35f422]:focus{outline:none}[dir] .gradient-select[data-v-1b35f422]:focus{border-color:var(--brand-primary,#7367f0)}.gradient-custom-input[data-v-1b35f422]{display:flex;flex-direction:column;gap:.5rem}.gradient-textarea[data-v-1b35f422]{width:100%;font-family:Courier New,monospace;font-size:.8rem;resize:vertical;transition:border-color .2s}[dir] .gradient-textarea[data-v-1b35f422]{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px}.gradient-textarea[data-v-1b35f422]:focus{outline:none}[dir] .gradient-textarea[data-v-1b35f422]:focus{border-color:var(--brand-primary,#7367f0);box-shadow:0 0 0 3px rgba(115,103,240,.1)}.gradient-textarea[data-v-1b35f422]::placeholder{color:#999;font-style:italic}.hint-text[data-v-1b35f422]{font-size:.7rem;color:#666;line-height:1.4}.hint-text a[data-v-1b35f422]{color:var(--brand-primary,#7367f0);text-decoration:none;font-weight:500}.hint-text a[data-v-1b35f422]:hover{text-decoration:underline}.gradient-preview[data-v-1b35f422]{width:100%;height:60px}[dir] .gradient-preview[data-v-1b35f422]{border-radius:6px;border:2px solid #e0e0e0;box-shadow:inset 0 1px 4px rgba(0,0,0,.1)}.actions[data-v-1b35f422]{display:flex;flex-wrap:wrap;gap:.75rem}[dir] .actions[data-v-1b35f422]{margin-top:1.5rem}.btn[data-v-1b35f422]{font-size:.85rem;font-weight:500;transition:all .2s}[dir] .btn[data-v-1b35f422]{padding:.6rem 1.2rem;border-radius:6px;border:none;cursor:pointer}.btn-primary[data-v-1b35f422]{color:var(--btn-primary-text,#fff)}[dir] .btn-primary[data-v-1b35f422]{background:var(--btn-primary-bg,#7367f0)}[dir] .btn-primary[data-v-1b35f422]:hover{background:var(--btn-primary-bg-hover,#5f54d6);box-shadow:var(--btn-primary-shadow-hover,0 4px 12px rgba(115,103,240,.3))}.btn-secondary[data-v-1b35f422]{color:#333}[dir] .btn-secondary[data-v-1b35f422]{background:#f5f5f5}[dir] .btn-secondary[data-v-1b35f422]:hover{background:#e9e9e9}.btn-sm[data-v-1b35f422]{font-size:.75rem}[dir] .btn-sm[data-v-1b35f422]{padding:.4rem .8rem}[dir] .export-section[data-v-1b35f422]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.export-section h4[data-v-1b35f422]{font-size:.9rem}[dir] .export-section h4[data-v-1b35f422]{margin:0 0 .75rem}.export-section textarea[data-v-1b35f422]{width:100%;font-family:monospace;font-size:.75rem;resize:vertical}[dir] .export-section textarea[data-v-1b35f422]{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.5rem}.preview-panel[data-v-1b35f422]{overflow-y:auto;max-height:90vh}[dir] .preview-section[data-v-1b35f422]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}[dir] .preview-section[data-v-1b35f422]:last-child{border-bottom:none}.preview-section h4[data-v-1b35f422]{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}[dir] .preview-section h4[data-v-1b35f422]{margin:0 0 1rem}.preview-btn[data-v-1b35f422]{font-size:.85rem;font-weight:500;transition:all .2s}[dir] .preview-btn[data-v-1b35f422]{padding:.6rem 1.5rem;border-radius:6px;border:none;cursor:pointer}[dir=ltr] .preview-btn[data-v-1b35f422]{margin-right:.75rem}[dir=rtl] .preview-btn[data-v-1b35f422]{margin-left:.75rem}.preview-btn--primary[data-v-1b35f422]{color:var(--btn-primary-text)}[dir] .preview-btn--primary[data-v-1b35f422]{background:var(--btn-primary-bg)}[dir] .preview-btn--primary[data-v-1b35f422]:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.preview-btn--outline[data-v-1b35f422]{color:var(--btn-primary-bg)}[dir] .preview-btn--outline[data-v-1b35f422]{background:transparent;border:2px solid var(--btn-primary-bg)}[dir] .preview-btn--outline[data-v-1b35f422]:hover{background:var(--primary-subtle-bg)}.preview-badge[data-v-1b35f422]{display:inline-block;font-size:.75rem;font-weight:500;color:var(--badge-primary-text)}[dir] .preview-badge[data-v-1b35f422]{padding:.35rem .75rem;border-radius:12px;background:var(--badge-primary-bg)}[dir=ltr] .preview-badge[data-v-1b35f422]{margin-right:.5rem}[dir=rtl] .preview-badge[data-v-1b35f422]{margin-left:.5rem}.preview-badge--light[data-v-1b35f422]{color:var(--badge-primary-light-text)}[dir] .preview-badge--light[data-v-1b35f422]{background:var(--badge-primary-light-bg)}.preview-input[data-v-1b35f422]{width:100%;font-size:.85rem;transition:all .2s}[dir] .preview-input[data-v-1b35f422]{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px}.preview-input[data-v-1b35f422]:focus{outline:none}[dir] .preview-input[data-v-1b35f422]:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);background:var(--input-bg-focus)}.preview-card[data-v-1b35f422]{overflow:hidden;transition:all .2s}[dir] .preview-card[data-v-1b35f422]{border:2px solid var(--card-accent-border);border-radius:8px;background:var(--card-accent-bg)}[dir] .preview-card[data-v-1b35f422]:hover{box-shadow:var(--card-hover-shadow)}.preview-card__header[data-v-1b35f422]{color:var(--brand-primary-text);font-weight:500}[dir] .preview-card__header[data-v-1b35f422]{padding:.75rem 1rem;background:var(--brand-primary)}[dir] .preview-card__body[data-v-1b35f422]{padding:1rem}.preview-header[data-v-1b35f422]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:var(--header-text)}[dir] .preview-header[data-v-1b35f422]{padding:1rem 1.5rem;background:var(--header-bg);border-radius:8px;box-shadow:var(--header-shadow)}.header-logo-container[data-v-1b35f422]{display:flex;align-items:center;height:40px}.header-logo[data-v-1b35f422]{max-height:40px;max-width:120px}.header-logo-placeholder[data-v-1b35f422]{font-weight:600;font-size:1.1rem}[dir] .header-logo-placeholder[data-v-1b35f422]{padding:.5rem .75rem;border-radius:4px}.preview-header__active[data-v-1b35f422]{font-weight:500}[dir] .preview-header__active[data-v-1b35f422]{background:var(--header-bg-hover)}.header-mode-group[data-v-1b35f422]{display:flex;flex-direction:column;gap:.25rem}[dir] .header-mode-group[data-v-1b35f422]{margin-bottom:.5rem}@media(max-width:1024px){.theme-config[data-v-1b35f422]{grid-template-columns:1fr}}