.tim-page-header{max-width:1000px;margin:0 auto;padding:24px 16px 8px;text-align:center}.tim-layout{max-width:1000px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:24px}.tim-top-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.tim-presets{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tim-chip{padding:8px 14px;min-height:44px;border:1px solid var(--swp-border);border-radius:var(--r-pill);background:var(--swp-surface);font-size:13px;font-weight:600;color:var(--swp-ink-muted);cursor:pointer;transition:background .15s;display:flex;align-items:center}.tim-chip--active,.tim-chip[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.tim-speed-row{display:flex;align-items:center;gap:6px}.tim-speed-label{font-size:12px;color:var(--swp-ink-muted)}.tim-speed-btn{padding:6px 12px;min-height:44px;border:1px solid var(--swp-border);border-radius:var(--r-pill);font-size:13px;font-family:var(--font-mono);background:var(--swp-surface);cursor:pointer}.tim-speed-btn--active,.tim-speed-btn[aria-pressed=true]{background:var(--swp-surface-alt);font-weight:700;border-color:var(--swp-ink-muted)}.tim-run-btn{padding:10px 28px;min-height:44px;border-radius:var(--r-pill);font-weight:700;font-size:14px;background:var(--color-primary);color:var(--color-primary-content);border:none;cursor:pointer;white-space:nowrap}.tim-run-btn:disabled{opacity:.5;cursor:not-allowed}.tim-code-display{background:var(--swp-surface-code);border:1px solid var(--swp-border);border-radius:var(--r-lg);padding:16px 20px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;margin:0;max-height:180px;overflow-y:auto}.tim-main-area{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:start}.tim-timeline-wrap{border:1px solid var(--swp-border);border-radius:var(--r-lg);overflow:hidden;min-height:200px}.tim-time-axis{display:flex;height:24px;background:var(--swp-surface-alt);border-bottom:1px solid var(--swp-border);position:relative;padding-left:160px}.tim-time-tick{position:absolute;font-size:10px;font-family:var(--font-mono);color:var(--swp-ink-muted);transform:translate(-50%);top:4px}.tim-track-list{list-style:none;padding:0;margin:0}.tim-track{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--swp-border);cursor:pointer}.tim-track:last-child{border-bottom:none}.tim-track:hover{background:var(--swp-surface-alt)}.tim-track-label{width:160px;flex-shrink:0;padding:0 12px;font-size:12px;color:var(--swp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tim-track-bar-area{flex:1;position:relative;height:100%}.tim-bar{position:absolute;top:50%;transform:translateY(-50%);height:20px;border-radius:4px;min-width:8px;cursor:pointer;transition:opacity .15s}.tim-bar--pending{background:#e2e8f0}.tim-bar--running{background:#5eead4;animation:tim-pulse 1s infinite}.tim-bar--completed{background:#14b8a6}.tim-bar--error{background:#f87171}.tim-bar--selected{outline:2px solid var(--swp-ink);outline-offset:1px}@keyframes tim-pulse{0%,to{opacity:1}50%{opacity:.6}}.tim-detail-panel{border:1px solid var(--swp-border);border-radius:var(--r-lg);padding:16px;background:var(--swp-surface);min-height:200px;display:flex;flex-direction:column;gap:12px}.tim-detail-empty{font-size:13px;color:var(--swp-ink-muted);text-align:center;margin-top:40px}.tim-detail-title{font-size:14px;font-weight:700;color:var(--swp-ink);word-break:break-all}.tim-detail-timing{font-family:var(--font-mono);font-size:12px;color:var(--swp-ink-muted)}.tim-detail-body{font-size:13px;color:var(--swp-ink);line-height:1.6;font-family:var(--font-mono);background:var(--swp-surface-code);border-radius:var(--r-md);padding:10px 12px;white-space:pre-wrap}.tim-legend{display:flex;flex-wrap:wrap;gap:12px}.tim-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--swp-ink-muted)}.tim-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.tim-empty-state{display:flex;align-items:center;justify-content:center;min-height:160px;font-size:13px;color:var(--swp-ink-muted)}.tim-section-title{font-size:16px;font-weight:700;color:var(--swp-ink);margin:0 0 12px}.tim-how-to,.tim-related-section{max-width:1000px;margin:48px auto 0;padding:0 16px}.tim-steps{padding-left:1.4em}.tim-steps li{margin-bottom:8px;line-height:1.6}.tim-related-list{list-style:none;padding:0}.tim-related-list li{margin-bottom:6px}.tim-related-tools{display:flex;flex-direction:column;gap:6px}.tim-related-link{color:var(--color-primary);text-decoration:none}.tim-related-link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.tim-bar--running{animation:none}.tim-chip{transition:none}}@media(max-width:639px){.tim-main-area{grid-template-columns:1fr}.tim-timeline-wrap{order:1}.tim-detail-panel{order:2}.tim-track-label{width:100px;font-size:10px;padding:0 6px}.tim-time-axis{padding-left:100px}.tim-top-row{flex-direction:column;gap:12px}.tim-run-btn{width:100%;justify-content:center;display:flex}.tim-code-display{font-size:11px;max-height:120px}}