.settings-wrapper[data-v-45347a1e]{display:flex;gap:24px}.settings-preview[data-v-45347a1e]{width:420px;flex-shrink:0}.preview-card[data-v-45347a1e]{padding:20px;border:1px solid #ebeef5;border-radius:12px;background:#fafcff}.preview-window[data-v-45347a1e]{height:460px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.08);display:flex}.preview-sidebar[data-v-45347a1e]{width:96px;padding:14px 10px;transition:all .2s ease}.preview-sidebar.compact[data-v-45347a1e]{width:64px}.preview-sidebar.theme-dark[data-v-45347a1e]{background:#1f2d3d}.preview-sidebar.theme-light[data-v-45347a1e]{background:#fff;border-right:1px solid #ebeef5}.preview-logo[data-v-45347a1e]{width:34px;height:34px;border-radius:8px;margin-bottom:18px;background:var(--theme-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.preview-menu[data-v-45347a1e]{display:flex;flex-direction:column;gap:10px}.preview-menu-item[data-v-45347a1e]{display:block;height:12px;border-radius:6px;background:rgba(148,163,184,.3)}.preview-menu-item.active[data-v-45347a1e]{background:var(--theme-color)}.preview-main[data-v-45347a1e]{flex:1;display:flex;flex-direction:column}.preview-header[data-v-45347a1e]{height:52px}.preview-header.theme-light[data-v-45347a1e]{background:#fff;border-bottom:1px solid #ebeef5}.preview-header.theme-dark[data-v-45347a1e]{background:#1f2d3d}.preview-tags[data-v-45347a1e]{height:36px;padding:8px 10px;border-bottom:1px solid #ebeef5;display:flex;gap:8px}.preview-tag[data-v-45347a1e]{width:48px;height:20px;border-radius:10px;background:#e5e7eb}.preview-tag.active[data-v-45347a1e]{background:var(--theme-color)}.preview-content[data-v-45347a1e]{flex:1;background:linear-gradient(180deg,#f8fafc,#eef2f7)}.settings-panel[data-v-45347a1e]{flex:1}.setting-group[data-v-45347a1e]{margin-bottom:18px;padding:20px 22px;border:1px solid #ebeef5;border-radius:12px;background:#fff}.group-title[data-v-45347a1e]{margin-bottom:18px;font-size:16px;font-weight:600;color:#303133}.setting-row[data-v-45347a1e]{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 0}.setting-label[data-v-45347a1e]{color:#606266}.theme-color-list[data-v-45347a1e]{display:flex;gap:12px}.theme-color-item[data-v-45347a1e]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.12)}.theme-color-item.active[data-v-45347a1e]{transform:scale(1.08)}.setting-actions[data-v-45347a1e]{margin-bottom:16px;display:flex;gap:12px}