.zn-segmented{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg,12px);box-shadow:var(--shadow-sm);gap:2px;padding:3px;display:inline-flex}.zn-segmented__btn{border-radius:var(--r-md,8px);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.zn-segmented__btn:hover{color:var(--text-secondary)}.zn-segmented__btn.is-active{background:var(--indigo-600);color:var(--text-on-accent);box-shadow:0 1px 2px #0003}.zn-segmented--full{width:100%;max-width:22rem}.zn-segmented--full .zn-segmented__btn{flex:1;min-width:5.5rem}.zn-seg-option{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.zn-seg-option__code{letter-spacing:.08em;color:var(--text-muted);opacity:.85;font-size:.625rem;font-weight:700}.zn-segmented__btn.is-active .zn-seg-option__code{color:color-mix(in srgb, var(--text-on-accent) 85%, transparent)}.zn-appearance-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.zn-appearance-row__left{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.zn-appearance-row__icon{border-radius:var(--r-md,8px);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.zn-appearance-row__title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.zn-appearance-row__desc{color:var(--text-muted);max-width:42ch;margin:.25rem 0 0;font-size:.75rem;line-height:1.45}.zn-appearance-stack{flex-direction:column;gap:1.25rem;display:flex}.zn-appearance-compact{align-items:center;gap:.35rem;display:flex}.zn-appearance-compact__btn{border-radius:var(--r-md,8px);min-height:2rem;color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.3rem;padding:0 .45rem;font-family:inherit;font-size:.6875rem;font-weight:700;display:inline-flex}.zn-appearance-compact__btn:hover{background:var(--bg-elevated);color:var(--text-secondary)}.zn-appearance-compact__code{font-family:var(--font-mono,ui-monospace, monospace)}.zn-locale-menu{position:relative}.zn-locale-menu__list{z-index:30;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg,12px);min-width:10.5rem;box-shadow:var(--shadow-md);margin:0;padding:.35rem;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0}.zn-locale-menu--down .zn-locale-menu__list{top:calc(100% + 6px);bottom:auto}.zn-locale-menu--end .zn-locale-menu__list{left:auto;right:0}.zn-locale-menu__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-placeholder);margin:0;padding:.35rem .55rem .2rem;font-size:.625rem;font-weight:600}.zn-locale-menu__option{border-radius:var(--r-md,8px);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.45rem .55rem;font-family:inherit;font-size:.8125rem;display:flex}.zn-locale-menu__option:hover,.zn-locale-menu__option.is-active{background:var(--bg-elevated);color:var(--text-primary)}.zn-locale-menu__option-code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--text-muted);min-width:1.5rem;font-size:.625rem;font-weight:700}@media (max-width:520px){.zn-appearance-row{flex-direction:column;align-items:stretch}.zn-segmented--full{max-width:none}}