.ts-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 24px 0 48px; }
@media (max-width: 768px) { .ts-layout { grid-template-columns: 1fr; } }

.now-ts-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.now-ts { font-size: 16px; font-family: monospace; color: #165DFF; font-weight: 600; flex: 1; }
.now-ts-label { font-size: 12px; color: #86909c; }
.btn-copy-ts { background: none; border: none; cursor: pointer; font-size: 14px; padding: 2px; }
.btn-copy-ts:hover { opacity: 0.7; }

.ts-input-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ts-input { flex: 1; padding: 8px 10px !important; font-size: 14px; font-family: monospace; }
.rule-check { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #4e5969; cursor: pointer; white-space: nowrap; }
.rule-check input[type="radio"] { width: 14px; height: 14px; accent-color: #165DFF; }

.date-input-row { margin-bottom: 10px; }
.date-input { width: 100%; padding: 8px 10px !important; font-size: 14px; }

.ts-result { margin-top: 10px; padding: 10px; background: #f7f8fa; border-radius: 8px; }
.ts-result-row { display: flex; justify-content: space-between; padding: 4px 0; font-size: 13px; }
.ts-result-label { color: #86909c; }
.ts-result-value { color: #1d2129; font-weight: 500; font-family: monospace; }

.quick-ts-list { display: flex; flex-direction: column; gap: 4px; }
.quick-ts-item { display: flex; justify-content: space-between; padding: 6px 10px; background: #f7f8fa; border-radius: 6px; font-size: 12px; }
.quick-ts-name { color: #4e5969; }
.quick-ts-val { color: #165DFF; font-family: monospace; cursor: pointer; }
.quick-ts-val:hover { text-decoration: underline; }