.mtz-root{--mtz-work:#16a34a;--mtz-edge:#f59e0b;--mtz-off:#e5e7eb;--mtz-night:#6b7280;padding:16px}:global(html[data-theme="dark"]) .mtz-root{--mtz-off:#334155;--mtz-night:#94a3b8}.mtz-controls{grid-template-columns:1.15fr .8fr 1.3fr 1.25fr;align-items:end;gap:8px 12px;display:grid}.mtz-field{flex-direction:column;gap:3px;min-inline-size:0;display:flex}.mtz-field__label{color:var(--c-text-2);font-size:11.5px;font-weight:600;line-height:1.2}.mtz-field input,.mtz-field select{font:inherit;min-block-size:30px;inline-size:100%;min-inline-size:0;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:3px 6px;font-size:12.5px}.mtz-field input:focus-visible,.mtz-field select:focus-visible{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 2px #1a56db26}.mtz-hours{align-items:center;gap:4px;min-inline-size:0;display:flex}.mtz-hours select{flex:1 1 0;inline-size:auto;min-inline-size:0}.mtz-hours__sep{color:var(--c-text-3)}.mtz-best__head{justify-content:space-between;align-items:center;gap:8px;margin-block-start:12px;display:flex}.mtz-best__title{color:var(--c-text);margin:0;font-size:14.5px;font-weight:600}.mtz-reset.btn{min-block-size:26px;padding:3px 10px;font-size:12px;font-weight:500}.mtz-chips{flex-wrap:wrap;gap:6px;margin-block-start:6px;display:flex}.mtz-chip{font:inherit;color:var(--c-text-2);background:var(--c-bg);border:1px solid var(--c-border);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.mtz-chip:hover{border-color:var(--c-primary);color:var(--c-primary)}.mtz-chip[aria-pressed=true]{color:var(--c-primary-strong);border-color:var(--c-primary);background:var(--c-primary-soft)}.mtz-chip__count{color:var(--c-text-3);font-size:11px;font-weight:500}.mtz-chip[aria-pressed=true] .mtz-chip__count{color:var(--c-primary-strong)}.mtz-summary{color:var(--c-text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-block-start:8px;font-size:13px;display:flex}.mtz-summary__sep{color:var(--c-text-3)}#mtz-start{font:inherit;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);min-block-size:30px;padding:2px 4px;font-size:13px;font-weight:600}#mtz-end{color:var(--c-text);font-weight:600}#mtz-quality{color:var(--c-text-2)}.mtz-copy.btn{min-block-size:30px;margin-inline-start:auto;padding:3px 10px;font-size:12px}.mtz-copy.btn:disabled{opacity:.5;cursor:not-allowed}.mtz-note{color:var(--c-warn);background:var(--c-warn-soft);border:1px solid var(--c-warn-border);border-radius:var(--radius);margin:6px 0 0;padding:4px 8px;font-size:12px}.mtz-legend{color:var(--c-text-2);flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.mtz-legend li{align-items:center;gap:4px;display:inline-flex}.mtz-swatch{background:var(--mtz-off);border-radius:2px;block-size:10px;inline-size:10px}.mtz-swatch--work{background:var(--mtz-work)}.mtz-swatch--edge{background:var(--mtz-edge)}.mtz-swatch--off{background:var(--mtz-off)}.mtz-swatch--night{background:var(--mtz-night)}.mtz-grid{margin-block-start:8px}.mtz-grid__head{gap:1px;margin-block-end:3px;display:grid}.mtz-grid__head--desktop{grid-template-columns:150px minmax(0,1fr);gap:6px}.mtz-grid__hours{direction:ltr;grid-template-columns:repeat(24,minmax(0,1fr));gap:1px;display:grid}.mtz-grid__head--mobile{direction:ltr;grid-template-columns:repeat(24,minmax(0,1fr));display:none}.mtz-grid__hour{color:var(--c-text-3);text-align:center;font-variant-numeric:tabular-nums;font-size:9.5px;line-height:1.2}.mtz-row{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:6px;min-block-size:24px;display:grid}.mtz-row__label{align-items:center;gap:4px;min-inline-size:0;display:flex}.mtz-you{color:var(--c-primary-strong);background:var(--c-primary-soft);border-radius:999px;flex:none;padding:1px 5px;font-size:9.5px;font-weight:600}.mtz-zone{min-inline-size:0;font:inherit;color:var(--c-text-2);background:0 0;border:1px solid #0000;border-radius:4px;flex:auto;padding:1px 2px;font-size:11px}.mtz-zone:hover,.mtz-zone:focus-visible{border-color:var(--c-border);background:var(--c-bg);outline:none}.mtz-row__time{color:var(--c-text-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:10.5px}.mtz-row__shift{margin-inline-start:2px;font-size:9px}.mtz-remove{block-size:18px;inline-size:18px;color:var(--c-text-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;font-size:14px;line-height:1;display:inline-grid}.mtz-remove:hover{color:var(--c-danger);background:var(--c-danger-soft)}.mtz-strip{direction:ltr;grid-template-columns:repeat(24,minmax(0,1fr));gap:1px;display:grid}.mtz-cell{background:var(--mtz-off);border-radius:2px;block-size:18px}.mtz-cell.is-work{background:var(--mtz-work)}.mtz-cell.is-edge{background:var(--mtz-edge)}.mtz-cell.is-off{background:var(--mtz-off)}.mtz-cell.is-night{background:var(--mtz-night)}.mtz-cell.is-past{opacity:.3}.mtz-cell.is-selected{outline:2px solid var(--c-text);outline-offset:-1px}.mtz-cell.is-missing{background:repeating-linear-gradient(135deg, var(--c-border) 0 3px, transparent 3px 6px)}@media (width<=640px){.mtz-root{padding:10px}.mtz-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.mtz-field input,.mtz-field select{min-block-size:28px;font-size:12px}.mtz-best__head{margin-block-start:8px}.mtz-best__title{font-size:13.5px}.mtz-chips{gap:4px}.mtz-chip{min-block-size:28px;padding:3px 8px;font-size:12px}.mtz-summary{gap:2px 5px;margin-block-start:6px;font-size:12px}#mtz-start{min-block-size:24px;font-size:12px}.mtz-copy.btn{min-block-size:24px;padding:2px 8px;font-size:11.5px}.mtz-note{margin-block-start:5px;padding:3px 6px;font-size:11px}.mtz-legend{gap:2px 8px;margin-block-start:5px;font-size:11px}.mtz-grid{margin-block-start:5px}.mtz-grid__head--desktop{display:none}.mtz-grid__head--mobile{grid-template-columns:repeat(24,minmax(0,1fr));gap:1px;margin-block-end:2px;display:grid}.mtz-row{grid-template-columns:minmax(0,1fr);gap:2px;padding-block:1px}.mtz-row__label{gap:5px}.mtz-zone{padding:0 2px;font-size:11.5px}.mtz-row__time{font-size:10.5px}.mtz-strip{gap:1px}.mtz-cell{border-radius:1px;block-size:12px}.mtz-remove{block-size:24px;inline-size:24px;margin-block:-3px;font-size:16px}}