/* The appearance workspace is independent from mobile theme choices. */
.appearance-page{--appearance-body:1.125rem;--appearance-control:1rem;--appearance-meta:.875rem}
.appearance-panel{max-width:1250px;margin-inline:auto;color:var(--ink);overflow-wrap:anywhere}
.appearance-heading{margin-bottom:26px}.appearance-heading h1{font-size:2rem;line-height:1.4;margin:8px 0 12px}
.appearance-panel .appearance-copy{font-size:var(--appearance-body);line-height:1.8;color:var(--muted)}
.appearance-panel .appearance-meta{font-size:var(--appearance-meta);line-height:1.7;color:var(--muted)}
.appearance-live-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-block:1px solid var(--line);margin-bottom:28px}
.appearance-panel #appearance-live{font-weight:650;color:var(--ink)}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:36px}
.appearance-editor{min-width:0}.appearance-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.appearance-choices legend{font-size:1.25rem;font-weight:700;margin-bottom:16px}
.appearance-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:16px;text-align:left;min-width:0;padding:16px;border:1px solid #a7aaa0;border-radius:12px;background:var(--paper);color:var(--ink);font-size:var(--appearance-control);transition:border-color .15s,box-shadow .15s,transform .15s}
.appearance-choice:hover:not(:disabled){border-color:var(--ink);transform:translateY(-2px)}
.appearance-choice[aria-pressed=true]{border:2px solid var(--ink);padding:15px;box-shadow:0 0 0 2px #25262212}
.appearance-swatches{display:flex;height:48px;overflow:hidden;border-radius:6px;border:1px solid #0000001f}.appearance-swatches>span{flex:1}
.appearance-choice-copy{display:flex;flex-direction:column;gap:7px}.appearance-choice-copy strong{font-size:1.125rem;line-height:1.5;padding-right:48px}
.appearance-choice-copy .appearance-meta{color:#56594f;line-height:1.7}
.appearance-choice-mark{position:absolute;right:16px;top:82px;font-size:var(--appearance-meta);line-height:1.7;font-weight:650;color:#56594f}
.appearance-form{padding-top:28px}.appearance-form label{font-size:var(--appearance-control);margin-top:20px;margin-bottom:9px}
.appearance-form textarea{font-size:var(--appearance-control);line-height:1.8;min-height:110px;background:var(--paper)}
.appearance-panel .button{font-size:var(--appearance-control);min-height:44px;white-space:normal;line-height:1.6}
.appearance-form #appearance-reason-help{margin-top:12px}.appearance-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.appearance-error,.appearance-status{font-size:var(--appearance-body);line-height:1.8;margin-top:18px;white-space:pre-wrap}
.appearance-error{color:#9b2f22}.appearance-status{color:#235c38}
.appearance-preview-column{min-width:0;position:sticky;top:30px}.appearance-preview-heading{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.appearance-preview-heading h2,.appearance-history-section h2{font-size:1.25rem;line-height:1.5}.appearance-preview-heading .button{align-self:flex-start}
#appearance-preview{display:block;width:100%;height:760px;background:#fff;border:1px solid #979a91;border-radius:18px;box-shadow:0 12px 36px #2526220c}
.appearance-history-section{border-top:1px solid var(--line);margin-top:38px;padding-top:26px}.appearance-history-section>p{margin-top:10px}
.appearance-history{list-style:none;padding:0;margin:20px 0 0}.appearance-history li{padding:18px 0;border-bottom:1px solid var(--line);min-width:0}.appearance-history strong{font-size:var(--appearance-control);line-height:1.7}.appearance-history .appearance-meta{margin-block:6px}.appearance-history .appearance-copy{white-space:pre-wrap}
/* Readability covers the surrounding navigation, status and footer on this page. */
.appearance-page .sidebar nav a,.appearance-page .brand,.appearance-page .sidebar-bottom strong,.appearance-page .topbar .button,.appearance-page .nav-toggle{font-size:1rem;min-height:44px}
.appearance-page .brand small,.appearance-page .nav-label,.appearance-page .sidebar-context,.appearance-page .sidebar-context small,.appearance-page .sidebar-bottom small,.appearance-page .breadcrumb,.appearance-page #last-sync,.appearance-page footer,.appearance-page .nav-count{font-size:.875rem}
.appearance-page .read-only-banner,.appearance-page .page-error,.appearance-page .toast{font-size:1.125rem;line-height:1.8}
.appearance-page .sidebar .brand{white-space:normal}.appearance-page .sidebar .brand small{letter-spacing:0}
@media(max-width:1150px){.appearance-layout{grid-template-columns:minmax(0,1fr)}.appearance-preview-column{position:static;max-width:390px;width:100%}.appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.appearance-heading h1{font-size:1.75rem}.appearance-live-strip{align-items:flex-start;flex-direction:column}.appearance-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-choice{padding:13px}.appearance-choice[aria-pressed=true]{padding:12px}.appearance-choice-copy strong{padding-right:0}.appearance-choice-mark{position:static;align-self:flex-start}.appearance-choice-copy .appearance-meta{line-height:1.7}.appearance-actions{flex-direction:column;align-items:stretch}.appearance-page .sidebar #navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-page .sidebar>.brand{font-size:1rem}.appearance-page .header-actions{flex-wrap:wrap}.appearance-page .sidebar .brand small{font-size:.875rem}#appearance-preview{height:720px}.appearance-layout{gap:32px}}
@media(max-width:359px){.appearance-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.appearance-choice{transition:none}.appearance-choice:hover:not(:disabled){transform:none}}