.tf-intro .subtitle{max-width:72ch}.tf-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.25fr);gap:24px;align-items:start}
.tf-workspace>.tool-card{margin:0;border-radius:16px;box-shadow:none}.tf-workspace h2{font-size:1.15rem;margin:0 0 20px}
.tf-fields{display:grid;gap:16px;border:0;padding:0;margin:0;min-width:0}.tf-fields .help-text,.tf-fields .actions{margin:0}.tf-fields .field>span{font-weight:600;font-size:.85rem}
#time-formats input,#time-formats select,#time-formats textarea{width:100%;caret-color:var(--accent)}#tf-input{font-size:1.3rem;font-variant-numeric:tabular-nums}
#time-formats [aria-invalid=true]{border-color:var(--danger)}.tf-privacy{margin:20px 0 0}.tf-examples{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:16px}.tf-examples>span{font-size:.8rem;color:var(--muted);margin-right:4px}.tf-examples .button{min-height:40px;padding:8px 10px}
.tf-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:24px 0}.tf-values>div:first-child{grid-column:1/-1}.tf-values dt{font-size:.8rem;color:var(--muted);margin-bottom:6px}.tf-values dd{font-size:1.45rem;font-weight:600;margin:0;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tf-values>div:first-child dd{font-size:2.5rem;letter-spacing:-.025em}
.tf-values dt,#tf-state{overflow-wrap:anywhere}.tf-scroll-hint{display:none}
.tf-note{padding-top:18px;border-top:1px solid var(--border);font-size:.85rem;line-height:1.7}.tf-exports{gap:8px;margin:22px 0 0}.tf-exports .button{font-size:.8rem}
.tf-clock{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--border);margin:24px 0 0}.tf-clock h2{font-size:1rem;margin:0 0 8px}.tf-clock .help-text{margin:0}.tf-clock>div{flex:1 1 280px}.tf-now{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;margin:0}.tf-clock .button{flex:0 0 auto}
.tf-chart,.tf-batch{margin:48px 0 0;padding-top:30px;border-top:1px solid var(--border)}.tf-clock+.tf-chart{border-top:0;padding-top:0}.tf-chart h2,.tf-batch h2{font-size:1.4rem;margin:0 0 12px}.tf-section-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.tf-section-heading .help-text{margin:0}.tf-chart-control{min-width:180px}.tf-print-help{margin:12px 0 0}
.tf-table-wrap{max-width:100%;overflow-x:auto;scrollbar-color:var(--control-border) var(--surface);margin-top:24px}.tf-table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem;font-variant-numeric:tabular-nums}.tf-table caption{text-align:left;color:var(--muted);font-size:.8rem;margin-bottom:14px;line-height:1.6}.tf-table th,.tf-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.tf-table th{font-size:.8rem;font-weight:600}.tf-table th:first-child,.tf-table td:first-child{padding-left:0}.tf-chart .tf-table td{white-space:nowrap}.tf-table .tf-boundary{background:var(--surface-soft)}.tf-table .tf-row-error td:last-child{color:var(--danger);font-weight:600}
.tf-batch-intro{max-width:70ch;font-size:.9rem;line-height:1.7;margin:0 0 24px}.tf-batch-unit-field{max-width:360px}#tf-batch-input{font-variant-numeric:tabular-nums;min-height:150px;resize:vertical}.tf-batch-table{min-width:760px}.tf-batch-table td{max-width:220px;overflow-wrap:anywhere}.tf-batch-table td:nth-child(2){min-width:100px}.tf-batch-table td:last-child{min-width:180px;font-size:.8rem}.tf-guide{max-width:74ch}.tf-related a{padding:8px 0}.tf-related .actions{gap:8px 24px}
#time-formats ::selection{background:var(--accent);color:var(--accent-text)}
@media(max-width:850px){.tf-workspace{grid-template-columns:minmax(0,1fr)}.tf-scroll-hint{display:block}}
@media(max-width:480px){.tf-workspace>.tool-card{padding:22px 18px}.tf-values>div:first-child dd{font-size:2.1rem}.tf-values dd{font-size:1.25rem}.tf-section-heading{display:block}.tf-chart-control{margin-top:20px;max-width:100%}.tf-exports .button{flex:1 1 auto}.tf-chart .tf-table{min-width:470px}.tf-clock{gap:16px}.tf-now{font-size:1.2rem}}
@media(forced-colors:active){.tf-table .tf-boundary{background:Canvas;color:CanvasText}.tf-table .tf-boundary td{border-top:2px solid CanvasText}}
@media print{
 @page{margin:12mm}.tf-scroll-hint{display:none!important}
 .studio-breadcrumb,.tf-intro .subtitle,.tf-guide,.tf-related,.tf-exports,.tf-print-help,.tf-chart-control,#tf-batch-form,#analytics-consent,.tf-clock,.tf-setup{display:none!important}
 .tf-workspace{display:block}.tf-workspace>.tool-card{border:0;padding:0;margin:0}.tf-intro h1{font-size:22pt}.tf-chart,.tf-batch{margin:0;padding:0;border:0}.tf-table-wrap{overflow:visible;margin-top:16px}.tf-table,.tf-batch-table{min-width:0;width:100%;font-size:9pt}.tf-table th{font-size:9pt}.tf-table th,.tf-table td{padding:5px 7px}.tf-batch-table td:nth-child(2),.tf-batch-table td:last-child{min-width:0}.tf-table tr{break-inside:avoid}.tf-table thead{display:table-header-group}.tf-chart .tf-table td{white-space:normal}.tf-table .tf-boundary{background:transparent;font-weight:600}.tf-values{margin:12px 0;gap:12px}.tf-values dd{font-size:15pt}.tf-values>div:first-child dd{font-size:24pt}.tf-values,.tf-note{break-inside:avoid}
 #time-formats[data-print=chart]>.tf-workspace,#time-formats[data-print=chart]>.tf-batch,#time-formats[data-print=single]>.tf-chart,#time-formats[data-print=single]>.tf-batch,#time-formats[data-print=batch]>.tf-workspace,#time-formats[data-print=batch]>.tf-chart{display:none!important}
}