.dz-seg{--sg-h:34px;border-radius:var(--dz-radius-md);background:var(--dz-sunken);border:1px solid var(--dz-line);isolation:isolate;gap:2px;max-width:100%;padding:3px;display:inline-flex;position:relative}.dz-seg[data-size=sm]{--sg-h:28px;border-radius:calc(10px * var(--dz-radius-scale))}.dz-seg[data-size=lg]{--sg-h:40px;border-radius:var(--dz-radius-lg)}.dz-seg[data-block]{width:100%;display:flex}.dz-seg[data-block] .dz-seg__btn{flex:1 1 0}.dz-seg__btn{min-width:0}.dz-seg__btn>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dz-seg__ind{z-index:-1;border-radius:calc(-3px + var(--dz-radius-md));background:var(--dz-surface);box-shadow:0 4px 12px -6px var(--dz-shadow-color),inset 0 1px 0 var(--dz-highlight);position:absolute;top:3px;bottom:3px;left:0}.dz-seg__ind[data-ready]{transition:transform var(--dz-dur-slow) var(--dz-ease),width var(--dz-dur-slow) var(--dz-ease),opacity var(--dz-dur-fast)}.dz-seg__btn{height:var(--sg-h);border-radius:calc(-3px + var(--dz-radius-md));font-size:var(--dz-text-sm);color:var(--dz-ink-2);white-space:nowrap;transition:color var(--dz-dur);flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:550;display:inline-flex}.dz-seg[data-size=sm] .dz-seg__btn{font-size:var(--dz-text-xs);padding:0 10px}@media (hover:hover){.dz-seg__btn:hover:not(:disabled){color:var(--dz-ink)}}.dz-seg__btn[aria-checked=true]{color:var(--dz-ink);font-weight:600}.dz-seg__btn:focus-visible{outline:2px solid var(--dz-accent);outline-offset:-2px}.dz-seg__btn:disabled{opacity:.4;cursor:not-allowed}.dz-seg[data-disabled]{opacity:.55}@media (pointer:coarse){.dz-seg{--sg-h:38px}.dz-seg[data-size=sm]{--sg-h:32px}.dz-seg[data-size=lg]{--sg-h:44px}}.dz-color-bar{--cb-h:12px;--cb-thumb:20px;--cb-hit:max(24px, var(--cb-thumb));-webkit-user-select:none;user-select:none;touch-action:none;gap:6px;display:grid}.dz-color-bar__head{font-size:var(--dz-text-xs);color:var(--dz-muted);justify-content:space-between;gap:8px;display:flex}.dz-color-bar__value{color:var(--dz-ink-2);font-variant-numeric:tabular-nums}.dz-color-bar__track{height:var(--cb-h);margin:0 calc(var(--cb-thumb) / 2);cursor:pointer;position:relative}.dz-color-bar__track:before{content:"";inset:-8px calc(var(--cb-thumb) / -2);position:absolute}.dz-color-bar__fill,.dz-color-bar__track[data-checker]:after{inset:0 calc(var(--cb-thumb) / -2);border-radius:var(--dz-radius-full);position:absolute}.dz-color-bar__fill{box-shadow:inset 0 0 0 1px var(--dz-line)}.dz-color-bar__track[data-checker]:after{content:"";z-index:-1;background:conic-gradient(var(--dz-line-strong) 25%,transparent 0 50%,var(--dz-line-strong) 0 75%,transparent 0) 0 0/8px 8px,var(--dz-surface-solid)}.dz-color-bar__track[data-checker]{isolation:isolate}.dz-color-bar__thumb{z-index:1;width:var(--cb-hit);height:var(--cb-hit);margin:calc(var(--cb-hit) / -2) 0 0 calc(var(--cb-hit) / -2);cursor:grab;pointer-events:none;transition:transform var(--dz-dur) var(--dz-spring);outline:0;place-items:center;display:grid;position:absolute;top:50%}.dz-color-bar__thumb:before{content:"";width:var(--cb-thumb);height:var(--cb-thumb);pointer-events:auto;background:var(--cb-color);box-shadow:0 0 0 1px var(--dz-line-strong),0 2px 6px -1px var(--dz-shadow-color);transition:box-shadow var(--dz-dur-fast);border:3px solid #fff;border-radius:50%}.dz-color-bar__thumb:focus-visible:before{box-shadow:0 0 0 1px var(--dz-line-strong),var(--dz-ring)}.dz-color-bar[data-dragging] .dz-color-bar__thumb{cursor:grabbing;transform:scale(1.12)}.dz-color-bar[data-disabled]{opacity:.5}.dz-color-bar[data-disabled] .dz-color-bar__thumb,.dz-color-bar[data-disabled] .dz-color-bar__track{cursor:not-allowed}@media (pointer:coarse){.dz-color-bar{--cb-thumb:24px}}.dz-theme-picker{gap:16px;min-width:240px;display:grid;position:relative}.dz-theme-picker__row{gap:8px;display:grid}.dz-theme-picker__lab{font-size:var(--dz-text-xs);color:var(--dz-muted);font-weight:600}.dz-theme-picker__lab b{color:var(--dz-ink);margin-left:4px;font-weight:600}.dz-theme-picker__themes{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.dz-theme-picker__theme{border-radius:var(--dz-radius-md);font-size:var(--dz-text-xs);color:var(--dz-muted);text-align:center;transition:background var(--dz-dur-fast),color var(--dz-dur-fast);gap:6px;padding:4px;display:grid}@media (hover:hover){.dz-theme-picker__theme:hover{background:var(--dz-accent-soft);color:var(--dz-ink)}}.dz-theme-picker__theme[aria-checked=true]{color:var(--dz-ink);font-weight:600}.dz-theme-picker__preview{border-radius:var(--dz-radius-sm);border:1px solid var(--dz-line-strong);height:54px;transition:box-shadow var(--dz-dur) var(--dz-ease);place-items:center;display:grid;position:relative;overflow:hidden}.dz-theme-picker__theme[aria-checked=true] .dz-theme-picker__preview{box-shadow:0 0 0 2px var(--dz-accent)}.dz-theme-picker__mini{border-radius:var(--dz-radius-sm);background:var(--dz-panel);border:1px solid var(--dz-edge);width:72%;-webkit-backdrop-filter:var(--dz-backdrop);backdrop-filter:var(--dz-backdrop);box-shadow:inset 0 1px 0 var(--dz-highlight),var(--dz-shadow-sm);gap:4px;padding:6px 7px;display:grid}.dz-theme-picker__mini-line{background:var(--dz-line-strong);border-radius:2px;height:3px;display:block}.dz-theme-picker__mini-line[data-short]{width:60%}.dz-theme-picker__mini-btn{border-radius:var(--dz-radius-2xs);background:var(--dz-accent-solid);width:46%;height:8px;margin-top:1px;display:block}.dz-theme-picker__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dz-theme-picker__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.dz-theme-picker__sw{border-radius:var(--dz-radius-md);font-size:var(--dz-text-2xs);color:var(--dz-muted);transition:background var(--dz-dur-fast),color var(--dz-dur-fast);justify-items:center;gap:4px;padding:6px 0;display:grid;position:relative}@media (hover:hover){.dz-theme-picker__sw:hover{background:var(--dz-accent-soft);color:var(--dz-ink)}}.dz-theme-picker__dot{background:radial-gradient(circle at 30% 28%,hsl(0 0% 100%/calc(.45 * var(--dz-sheen))),transparent 55%),var(--dz-accent-solid);width:28px;height:28px;box-shadow:0 4px 10px -4px var(--dz-accent-glow);transition:transform var(--dz-dur) var(--dz-spring),box-shadow var(--dz-dur);border-radius:50%}.dz-theme-picker__sw[aria-checked=true]{color:var(--dz-ink);font-weight:600}.dz-theme-picker__sw[aria-checked=true] .dz-theme-picker__dot{box-shadow:0 0 0 2px var(--dz-bg),0 0 0 4px var(--dz-accent);transform:scale(1.06)}.dz-theme-picker__custom{border-top:1px solid var(--dz-line);gap:10px;margin-top:4px;padding-top:12px;display:grid}