.template-back-link{width:fit-content;color:var(--accent-strong);font-size:13px;font-weight:650;text-decoration:none}.template-card{align-content:start;gap:10px;display:grid}.template-card .public-button{width:fit-content;margin-top:4px}.template-tool__controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-width:760px;display:grid}.template-preview{border-top:1px solid var(--border);gap:12px;min-width:0;padding-top:18px;display:grid}.template-preview__header h3{font-size:18px}.template-preview__header p{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.5}.template-preview__table{border-collapse:collapse;width:100%;font-size:12px}.template-preview__table th,.template-preview__table td{border:1px solid var(--border);text-align:center;min-width:26px;height:34px;padding:4px 2px}.template-preview__table thead th{background:color-mix(in srgb, var(--accent) 10%, var(--surface));font-weight:700}.template-preview__table thead th span,.template-preview__table thead th small{display:block}.template-preview__table thead th small{color:var(--text-secondary);font-size:9px;font-weight:500}.template-preview__table .template-preview__name{z-index:2;background:var(--surface);text-align:left;min-width:132px;max-width:132px;padding-inline:8px;font-weight:600;position:sticky;left:0}.template-preview__table thead .template-preview__name{z-index:3;background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.template-preview__table .template-preview__total{background:color-mix(in srgb, var(--text) 4%, var(--surface));min-width:46px;font-weight:700}.template-preview__table .is-dayoff,.template-preview__legend .is-dayoff{background:color-mix(in srgb, var(--text) 10%, var(--surface))}.template-preview__table .is-holiday,.template-preview__legend .is-holiday{background:color-mix(in srgb, #ef4444 20%, var(--surface))}.template-preview__table .is-shortened,.template-preview__legend .is-shortened{background:color-mix(in srgb, #f59e0b 22%, var(--surface))}.template-preview__legend{color:var(--text-secondary);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.template-preview__legend li{align-items:center;gap:6px;display:flex}.template-preview__legend i{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}@media (max-width:560px){.template-tool__controls{grid-template-columns:1fr}.template-preview__table .template-preview__name{min-width:104px;max-width:104px}.template-card .public-button{width:100%}}@media print{.template-preview{display:none}}
