.appearance-page{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.appearance-layout{grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:start}.appearance-layout,.appearance-stack{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.appearance-stack{min-width:0}.appearance-preview-panel{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + var(--page-pin, 0px) + var(--space-4));display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:1023px){.appearance-layout{grid-template-columns:minmax(0,1fr)}.appearance-preview-panel{position:static}}.appearance-intro{margin:0 0 var(--space-4);color:var(--color-fg-muted);font-size:var(--text-sm)}.appearance-small{color:var(--color-fg-muted);font-size:var(--text-xs)}.appearance-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.appearance-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-fg-muted);font-size:var(--text-xs);white-space:nowrap}.appearance-status__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success)}.appearance-status--draft .appearance-status__dot{background:var(--color-warning)}.appearance-color{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px dashed var(--color-border)}.appearance-color:first-of-type{padding-top:0}.appearance-color:last-child{border-bottom:0;padding-bottom:0}.appearance-color__head{display:grid;grid-gap:.125rem;gap:.125rem}.appearance-color__label,.appearance-image__label{font-weight:var(--font-semibold);font-size:var(--text-sm)}.appearance-color__hint{color:var(--color-fg-muted);font-size:var(--text-xs)}.appearance-color__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.appearance-color__dark{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:2.25rem}.appearance-color__dark-label{font-size:var(--text-xs);color:var(--color-fg-muted)}.appearance-hex{display:grid;grid-gap:.25rem;gap:.25rem}.appearance-hex__label{font-size:var(--text-xs);color:var(--color-fg-muted)}.appearance-hex__inputs{display:flex;align-items:center;gap:var(--space-2)}.appearance-hex__inputs .input{width:8.5rem;font-family:var(--font-mono)}.appearance-hex__picker{width:2.25rem;height:2.25rem;padding:.125rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.appearance-hex__error{color:var(--color-danger);font-size:var(--text-xs)}.appearance-swatch{display:inline-block;width:1.25rem;height:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:0 0 auto}.appearance-swatch--sm{width:.875rem;height:.875rem;margin-right:var(--space-1);vertical-align:-.125rem}.appearance-checks{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.appearance-check{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.appearance-check--refused{background:var(--color-danger-muted,color-mix(in srgb,var(--color-danger) 10%,transparent));color:var(--color-fg);border-left:3px solid var(--color-danger)}.appearance-check--warning{background:var(--color-warning-muted,color-mix(in srgb,var(--color-warning) 12%,transparent));color:var(--color-fg);border-left:3px solid var(--color-warning)}.appearance-image{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0}.appearance-image__frame{display:grid;place-items:center;flex:0 0 auto;width:9rem;height:3.5rem;padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.appearance-image__frame--dark{background:#1b1b1a}.appearance-image__frame--square{width:3.5rem}.appearance-image__frame--round{border-radius:var(--radius-full);padding:0}.appearance-image__frame img{max-width:100%;max-height:100%;object-fit:contain}.appearance-image__frame--round img{width:100%;height:100%;object-fit:cover}.appearance-image__frame .appearance-small{color:#6b6b66}.appearance-image__frame--dark .appearance-small{color:#b5b5ae}.appearance-image__text{display:grid;grid-gap:.125rem;gap:.125rem;min-width:0}.appearance-image__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.appearance-history{display:grid;margin:0;padding:0;list-style:none}.appearance-history__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.appearance-history__row:last-child{border-bottom:0}.appearance-history__what{display:grid;grid-gap:.125rem;gap:.125rem;font-size:var(--text-sm)}.appearance-history__live{padding:.2rem var(--space-2);border-radius:var(--radius-full);background:var(--color-success-muted,color-mix(in srgb,var(--color-success) 14%,transparent));color:var(--color-fg);font-size:var(--text-xs);font-weight:var(--font-semibold)}.appearance-preview-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.appearance-preview-panel__title{font-weight:var(--font-semibold);font-size:var(--text-sm)}.appearance-preview{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-sm)}.appearance-preview__bar{display:flex;align-items:center;gap:var(--space-4);height:2.75rem;padding:0 var(--space-4);background:var(--brand-nav-bg,var(--color-surface));color:var(--color-nav-fg,var(--color-fg));border-bottom:1px solid var(--color-border)}.appearance-preview__brand{display:flex;align-items:center;min-width:0;max-width:8rem;height:1.5rem}.appearance-preview__brand img{max-height:100%;max-width:100%;object-fit:contain}.appearance-preview__nav{display:flex;gap:var(--space-1);color:var(--color-nav-fg,var(--color-fg-muted));font-size:var(--text-xs)}.appearance-preview__nav>span{padding:.25rem var(--space-2);border-radius:var(--radius-md)}.appearance-preview__nav-active{background:var(--color-nav-active-bg);color:var(--color-nav-active-fg);box-shadow:inset 0 -2px 0 var(--color-nav-active-rule)}.appearance-preview[data-nav-highlight=underline] .appearance-preview__nav-active{background:transparent}.appearance-preview[data-nav-highlight=outlined] .appearance-preview__nav-active{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-nav-active-rule)}.appearance-preview--rail{display:grid;grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto 1fr}.appearance-preview--rail .appearance-preview__bar{grid-row:1/-1;flex-direction:column;align-items:stretch;height:auto;padding:var(--space-3) var(--space-2);border-bottom:0;border-right:1px solid var(--color-border);background:var(--color-nav-bg,var(--color-surface))}.appearance-preview--rail .appearance-preview__nav{flex-direction:column}.appearance-preview__band{height:1.75rem;background-color:var(--color-brand-band);background-image:var(--brand-band-pattern,none);background-size:cover;background-position:50%}.appearance-preview__body{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.appearance-preview__filters{display:flex;gap:var(--space-2)}.appearance-preview__filter{padding:.2rem var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-xs)}.appearance-preview__filter--on{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.appearance-preview[data-selected] .appearance-preview__filter--on{border-color:var(--color-selected)}.appearance-preview[data-corners=round] :is(.appearance-preview__button,.appearance-preview__filter,.appearance-preview__nav>span){border-radius:var(--radius-full)}.appearance-preview[data-card-outline=none] :is(.appearance-preview__card,.appearance-preview__bubble){border-color:transparent;box-shadow:none}.appearance-preview__card{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.appearance-preview__card h3{margin:0;font-size:var(--text-md)}.appearance-preview__card p{margin:0;color:var(--color-fg-muted)}.appearance-preview__card a{color:var(--color-accent)}.appearance-preview__buttons{display:flex;gap:var(--space-2)}.appearance-preview__button{padding:.3rem var(--space-3);border-radius:var(--radius-lg);background:var(--color-btn);color:var(--color-btn-fg);font-size:var(--text-xs);font-weight:var(--font-semibold)}.appearance-preview__button--secondary{background:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border)}.appearance-preview__chat{display:flex;align-items:flex-start;gap:var(--space-2)}.appearance-preview__avatar{flex:0 0 auto;width:1.75rem;height:1.75rem;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface)}.appearance-preview__avatar img{width:100%;height:100%;object-fit:cover}.appearance-preview__bubble{border-radius:var(--radius-md);background:var(--color-surface-raised)}.appearance-preview__bubble,.appearance-preview__composer{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}.appearance-preview__composer{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-fg-subtle,var(--color-fg-muted));font-size:var(--text-xs)}.appearance-choice{display:grid;grid-gap:.25rem;gap:.25rem;justify-items:start;padding:var(--space-4) 0;border-bottom:1px dashed var(--color-border)}.appearance-choice .segmented{margin-top:var(--space-2)}