.workspace.date-tool .workspace-body{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.workspace.date-tool .workspace-preview{display:block;text-align:left;position:static;top:auto}.date-tool .date-offsets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-tool .date-offsets .field{min-width:0;margin:0}.date-tool .range-value input[type=number]{width:100%;min-width:65px}.date-tool #date-today{margin-top:8px;min-height:44px}.date-tool .date-notice{padding:12px;border:1px solid var(--line);border-left:3px solid var(--category-accent);border-radius:9px;background:var(--category-soft);font-size:12px;margin:14px 0}.date-tool .date-notice p{margin:6px 0 0}.date-tool .date-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.date-tool .date-calendars>div{border:1px solid var(--line);border-radius:9px;padding:10px;min-width:0;background:var(--bg)}.date-tool .date-calendars table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.date-tool .date-calendars caption{text-align:left;font-weight:600;padding-bottom:10px;line-height:1.6}.date-tool .date-calendars th{font-size:9px;font-weight:600;color:var(--muted);padding:5px 0}.date-tool .date-calendars td{text-align:center;height:30px;padding:2px 0;font-variant-numeric:tabular-nums}.date-tool .date-selected{display:block;background:var(--category-accent);color:var(--bg);border-radius:5px;font-weight:700;line-height:25px}.date-tool .date-preview{margin:18px 0}.date-tool .date-preview h2{font-size:16px}.date-tool .date-preview>p{margin-top:12px}.date-tool .everyday-details dd{overflow-wrap:anywhere}.date-tool #conv-result{font:600 24px/1.5 Consolas,monospace;min-height:75px}.date-tool [hidden]{display:none!important}@media(max-width:1000px){.date-tool .date-calendars{grid-template-columns:1fr}.date-tool .date-calendars td{height:32px}.date-tool .date-calendars th{font-size:11px}}@media(max-width:800px){.workspace.date-tool .workspace-body{grid-template-columns:1fr}.date-tool .date-offsets{grid-template-columns:1fr 1fr}.date-tool .date-offsets .range-value{flex-wrap:wrap}.date-tool .date-offsets input[type=range]{width:100%}.date-tool .date-calendars{grid-template-columns:1fr 1fr}.date-tool .date-calendars th{font-size:9px}}@media(max-width:420px){.date-tool .date-calendars{grid-template-columns:1fr}.date-tool .date-calendars th{font-size:11px}}