/* Account appearance, with optional wallpaper and user CSS. */
.field label output{float:right;color:var(--tone);font-size:12px;font-variant-numeric:tabular-nums}.appearance-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;margin-bottom:40px;align-items:start}.appearance-preview{position:sticky;top:0;min-width:0}.preview-card{display:grid;place-items:center;gap:20px;text-align:center;min-height:420px;padding:36px 24px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(var(--panel),var(--surface-alpha))}.preview-symbol{height:90px}.preview-symbol .botanical{width:90px;height:100px}.preview-card h2{font-size:20px;font-weight:200;line-height:1.8}.preview-card p{font-size:11px;margin:0;line-height:2}.preview-input{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #d4d4cf;font-size:11px;color:var(--muted);max-width:100%}.preview-pills{display:flex;gap:10px;justify-content:center}.site-brand-editor{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:36px}.site-logo-editor{padding-right:28px;border-right:1px solid var(--line)}.logo-preview{display:grid;place-items:center;width:96px;height:96px;border:1px dashed #bccac0;border-radius:20px;background:rgba(var(--accent-rgb),.08);margin-bottom:28px}.logo-preview img{width:70px;height:70px;object-fit:contain;border-radius:12px}.site-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line)}#site-save-status{font-size:11px;color:var(--muted)}.custom-css-form{margin-bottom:0}.css-editor{min-height:230px}.css-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.appearance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.appearance-recovery{font-size:11px;color:var(--muted);margin:22px 0 0;overflow-wrap:anywhere}.appearance-recovery code{font-size:11px}.css-status{font-size:11px;color:var(--tone)}@media(max-width:1279px){.appearance-layout{grid-template-columns:minmax(0,1fr)}.appearance-preview{position:static}.preview-card{min-height:360px}.site-brand-editor{grid-template-columns:minmax(0,1fr)}.site-logo-editor{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:767px){.site-settings-footer{align-items:flex-start;flex-direction:column}.site-settings-footer .btn{width:100%}.appearance-detail-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){}