.easy-file-replace-settings-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--background-modifier-border); } .easy-file-replace-settings-logo { width: 45px; height: 45px; object-fit: contain; } .easy-file-replace-settings-title-box { display: flex; flex-direction: column; } .easy-file-replace-settings-title { font-size: 1.8em; font-weight: var(--font-bold); line-height: 1; font-family: 'Consolas', monospace; } .easy-file-replace-settings-version { font-size: 0.9em; color: var(--text-muted); } .easy-file-replace-settings-wrapper { display: flex; gap: 20px; min-height: 100%; } .easy-file-replace-settings-sidebar { display: flex; flex-direction: column; gap: 8px; width: 200px; flex-shrink: 0; height: max-content; background-color: var(--background-secondary); padding: 12px; border-radius: var(--radius-m); border: 1px solid var(--background-modifier-border); } .easy-file-replace-settings-tab-btn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 14px; text-align: left; justify-content: flex-start; border-radius: var(--radius-m); border: none; cursor: pointer; box-shadow: none; background-color: transparent; color: var(--text-normal); } .easy-file-replace-settings-tab-btn.is-active { background-color: var(--interactive-accent); color: var(--text-on-accent); } .easy-file-replace-settings-footer { margin-top: auto; padding-top: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; color: var(--text-muted); font-size: 0.85em; text-align: center; } .easy-file-replace-settings-author-btn { padding: 4px 12px; height: auto; background-color: transparent; border: 1px solid var(--background-modifier-border); cursor: pointer; } .easy-file-replace-settings-content { flex: 1; display: flex; flex-direction: column; } .easy-file-replace-help-guide { margin-bottom: 10px; border: 1px solid var(--background-modifier-border); border-radius: var(--radius-m); padding: 12px; background-color: var(--background-secondary); } .easy-file-replace-help-guide-summary { cursor: pointer; font-weight: var(--font-semibold); } .easy-file-replace-help-guide-content { margin-top: 12px; color: var(--text-muted); } .easy-file-replace-help-header { margin-top: 15px; } .easy-file-replace-help-icon { margin-right: 8px; color: var(--text-accent); } .easy-file-replace-setting-name { display: flex; align-items: center; } .easy-file-replace-settings-spacer { height: 20px; } .easy-file-replace-settings-pernax-logo { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; margin-bottom: -2px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } body input.easy-file-replace-hidden-input { display: none; }