.appearance{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.appearance--inline{position:relative;right:auto;bottom:auto;z-index:50;flex-direction:column-reverse;gap:0}.appearance--inline .appearance__panel{position:absolute;top:calc(100% + .375rem);right:0}.appearance--inline .appearance__trigger{width:2.375rem;height:2.375rem;background:transparent;box-shadow:none}.appearance--inline .appearance__trigger:hover,.appearance--inline .appearance__trigger.is-open{background:var(--ez-surface-soft);transform:none}.appearance__trigger{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;color:var(--ez-ink-2);background:var(--ez-surface);box-shadow:inset 0 0 0 1px var(--ez-line-2),var(--ez-shadow-pop);transition:transform .2s,color .2s,box-shadow .2s}.appearance__trigger:hover,.appearance__trigger.is-open{color:var(--ez-accent);transform:translateY(-1px)}.appearance__panel{width:17rem;padding:1rem;border-radius:1.375rem;background:var(--ez-surface);box-shadow:inset 0 0 0 1px var(--ez-line),var(--ez-shadow-pop);display:grid;gap:1rem}.appearance__label{margin:0 0 .5rem;font-size:.75rem;font-weight:500;color:var(--ez-ink-3)}.appearance__note{margin:-.25rem 0 0;font-size:.6875rem;color:var(--ez-warn)}.appearance__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.appearance__swatch{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;border-radius:.875rem;color:var(--ez-ink-2);background:var(--ez-surface-soft);box-shadow:inset 0 0 0 1px transparent;transition:background .2s,box-shadow .2s,color .2s}.appearance__swatch:hover{background:var(--ez-surface-strong)}.appearance__swatch.is-active{color:var(--ez-ink);box-shadow:inset 0 0 0 1.5px var(--swatch);background:var(--ez-surface)}.appearance__swatch-dot{width:1.25rem;height:1.25rem;border-radius:999px;background:var(--swatch);box-shadow:0 4px 10px -4px var(--swatch)}.appearance__swatch-name{font-size:.6875rem;font-weight:500}.appearance-pop-enter-active,.appearance-pop-leave-active{transition:opacity .18s ease,transform .18s ease}.appearance-pop-enter-from,.appearance-pop-leave-to{opacity:0;transform:translateY(6px) scale(.98)}.top-progress{position:fixed;inset:0 0 auto 0;z-index:1000;height:2px;pointer-events:none;opacity:0;transition:opacity .2s ease}.top-progress.is-on{opacity:1}.top-progress.is-done{transition-delay:.12s}.top-progress__bar{display:block;height:100%;background:var(--ez-accent, #4f46e5);box-shadow:0 0 6px var(--ez-accent, #4f46e5);transform-origin:left center;transition:transform .2s ease}@media (prefers-reduced-motion: reduce){.top-progress__bar{transition:none}}