.appearance-page{max-width:680px;padding:var(--space-md);margin:0 auto}.appearance-header{margin-bottom:var(--space-lg)}.appearance-header h1{font-size:var(--font-size-xl);margin:0 0 var(--space-xs)}.appearance-subtitle{color:var(--color-text-secondary);margin:0}.appearance-saving{margin-top:var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#92400e;background:#fef3c7;padding:4px 12px;display:inline-block}.appearance-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-card)}.appearance-options{gap:var(--space-sm);flex-direction:column;display:flex}.appearance-option{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary,var(--color-bg));cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.appearance-option:hover{background:var(--color-bg-hover)}.appearance-option--active{background:var(--color-primary-50,#f0faf4);border-color:var(--color-primary)}.appearance-option:disabled{opacity:.7;cursor:default}.appearance-option__head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.appearance-option__label{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.appearance-option--active .appearance-option__label{color:var(--color-primary-dark)}.appearance-option__check{font-size:var(--font-size-sm);color:var(--color-primary);white-space:nowrap;font-weight:600}.appearance-option__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.appearance-option__preview{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px dashed var(--color-border-light);width:100%;color:var(--color-text);margin-top:4px;line-height:1.5;display:block}.appearance-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-sm) 0 0}.appearance-loading{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}