.TemplatePreviewGrid-module__DOZnLq__preview{--preview-rows:6;aspect-ratio:16/9;border-block-end:1px solid var(--color-border-subtle);background:var(--color-surface-secondary);padding:.5rem;display:block;position:relative;overflow:hidden}.TemplatePreviewGrid-module__DOZnLq__preview[data-scale=detail]{aspect-ratio:16/8;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:.7rem}.TemplatePreviewGrid-module__DOZnLq__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--preview-rows), minmax(0, 1fr));gap:.2rem;block-size:100%;display:grid}.TemplatePreviewGrid-module__DOZnLq__preview[data-scale=detail] .TemplatePreviewGrid-module__DOZnLq__grid{gap:.3rem}.TemplatePreviewGrid-module__DOZnLq__block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);background:var(--color-surface-primary);align-items:flex-start;min-block-size:0;min-inline-size:0;padding:.2rem .3rem;display:flex;overflow:hidden}.TemplatePreviewGrid-module__DOZnLq__blockLabel{color:var(--color-text-muted);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:650;line-height:1.25;overflow:hidden}:is(html[data-theme=dark] .TemplatePreviewGrid-module__DOZnLq__blockLabel,html[data-theme=oled] .TemplatePreviewGrid-module__DOZnLq__blockLabel){color:var(--color-text-secondary)}.TemplatePreviewGrid-module__DOZnLq__preview[data-scale=detail] .TemplatePreviewGrid-module__DOZnLq__blockLabel{font-size:.6875rem}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=time]{border-color:color-mix(in srgb, var(--color-category-time) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-time) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=focus]{border-color:color-mix(in srgb, var(--color-category-clocks) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-clocks) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=work]{border-color:color-mix(in srgb, var(--color-category-work) 42%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-work) 14%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=plan]{border-color:color-mix(in srgb, var(--color-category-planning) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-planning) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=numbers]{border-color:color-mix(in srgb, var(--color-category-math) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-math) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=finance]{border-color:color-mix(in srgb, var(--color-category-finance) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-category-finance) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__block[data-tone=results]{border-color:color-mix(in srgb, var(--color-action-primary) 40%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-action-primary) 12%, var(--color-surface-primary))}.TemplatePreviewGrid-module__DOZnLq__preview[data-blank=true]{place-content:center;justify-items:center;gap:.4rem;display:grid}.TemplatePreviewGrid-module__DOZnLq__blankMark{border:1px dashed var(--color-border-default);border-radius:var(--radius-small);block-size:2.25rem;inline-size:2.25rem}.TemplatePreviewGrid-module__DOZnLq__blankLabel{color:var(--color-text-muted);font-size:.6875rem;font-weight:650}