.zmode{gap:0;min-width:0;padding:12px 12px 0;display:grid}.zmode .pt{width:100%;display:block}.zmode .pt-track,.zmode .pt-active{width:100%;display:flex}.zmode .pt-pill{flex:1 1 0;justify-content:center;gap:7px;min-width:0;height:40px;padding:0 10px}.zmode .pt-pill svg{flex:none;width:18px;height:18px}.zmode .pt-l{justify-content:center;align-items:center;gap:7px;min-width:0;display:inline-flex}.zmode-note{color:var(--fg-2);margin:8px 4px 0;font-size:13.5px;line-height:1.4}.zmode-note:empty{display:none}.zmode.zmode-sheet{padding:0 0 14px}.zmode .pt-track{width:min-content;min-width:100%}.zmode-short,.zmode .pt-fit:not([data-fit=full]) .pt-pill svg{display:none}.zmode .pt-fit[data-fit=plain] .pt-pill{padding:0 8px}.zmode .pt-fit[data-fit=wrap] .pt-pill,.zmode .pt-fit[data-fit=short] .pt-pill{white-space:normal;text-align:center;height:auto;min-height:40px;padding:4px 6px;font-size:13px;line-height:1.15}.zmode .pt-fit[data-fit=short] .zmode-long{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zmode .pt-fit[data-fit=short] .zmode-short{display:inline}@media (max-width:720px){.zmode{padding:10px 10px 0}.zmode .pt-pill{gap:6px;height:auto;min-height:44px;padding:5px 10px;font-size:13.5px;line-height:1.15}.zmode .pt-l{gap:6px}.zmode .pt-fit[data-fit=plain] .pt-pill{padding:5px 7px}.zmode .pt-fit[data-fit=wrap] .pt-pill{min-height:44px;padding:5px 4px;font-size:12.5px}.zmode .pt-fit[data-fit=short] .pt-pill{min-height:44px;padding:5px 2px;font-size:12px}}.zmode-grouped .pt{width:auto;display:inline-block}.zmode-grouped .pt-track,.zmode-grouped .pt-active{width:auto;display:inline-flex}.zmode-grouped .pt-pill{flex:none;height:34px;padding:0 16px}.zmode-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:6px;margin-top:10px;display:grid}.zmode-cell{border-radius:var(--r-sm,10px);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--fg-2);font:550 13.5px/1.2 var(--font);text-align:left;cursor:pointer;touch-action:manipulation;align-items:center;gap:8px;padding:8px 10px;transition:color .16s,border-color .16s,background-color .16s;display:flex}.zmode-cell svg{flex:none;width:18px;height:18px}.zmode-cell span{overflow-wrap:anywhere;min-width:0}.zmode-cell[aria-pressed=true]{color:var(--fg);border-color:var(--accent-line);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-line)}.zmode-cell:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media (hover:hover) and (pointer:fine){.zmode-cell:hover{color:var(--fg);border-color:var(--line-strong)}}@media (max-width:720px){.zmode-grouped .pt-pill{white-space:nowrap;height:36px;min-height:0;padding:0 16px}.zmode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.zmode-cell{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:6px 4px;font-size:12.5px}.zmode-cell svg{width:17px;height:17px}}