--text-*/--accent/--success/--danger * zeby zmiana motywu byla jednym blokiem. */ .film-pipeline{--fp-surface: var(--bg-surface);--fp-inset: var(--bg-inset);--fp-ink: var(--text-default);--fp-ink-2: var(--text-muted);--fp-ink-3: var(--text-dim);--fp-rule: var(--border-subtle);--fp-rule-2: var(--border-default);--fp-accent: var(--accent);--fp-accent-soft: rgba(245, 185, 71, .18);--fp-ok: var(--success);--fp-warn: var(--warn);--fp-err: var(--danger);--fp-neutral-bg: var(--bg-raised);--fp-neutral-border: var(--border-default);--fp-radius: var(--radius-sm);--fp-font-display: var(--font-display);--fp-font-mono: var(--font-mono);--fp-font-sans: var(--font-sans);color:var(--fp-ink);font-family:var(--fp-font-sans)}.film-pipeline .fp-head{background:var(--fp-surface);border:1px solid var(--fp-rule);border-radius:var(--fp-radius);padding:18px 24px;margin-bottom:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.film-pipeline .head-current{flex:1;min-width:200px}.film-pipeline .head-current-label{font-family:var(--fp-font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fp-ink-3)}.film-pipeline .head-current-title{font-family:var(--fp-font-display);font-size:18px;font-weight:600;margin-top:2px;display:flex;align-items:center;gap:10px}.film-pipeline .head-current-title .dot{width:8px;height:8px;border-radius:50%;background:var(--fp-accent);animation:fp-pulse 1.6s ease-in-out infinite}.film-pipeline .head-current-sub{font-size:12.5px;color:var(--fp-ink-3);margin-top:2px;font-style:italic}.film-pipeline .head-stats{display:flex;gap:28px}.film-pipeline .stat{text-align:right}.film-pipeline .stat-label{font-family:var(--fp-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fp-ink-3)}.film-pipeline .stat-value{font-family:var(--fp-font-mono);font-size:18px;font-weight:500;color:var(--fp-ink);margin-top:2px;font-variant-numeric:tabular-nums}.film-pipeline .stat-sub{font-size:11px;color:var(--fp-ink-3)}.film-pipeline .pipeline{background:var(--fp-surface);border:1px solid var(--fp-rule);border-radius:var(--fp-radius);padding:28px 24px 18px;position:relative}.film-pipeline .pipeline-track{position:relative;height:60px;margin-bottom:8px}.film-pipeline .track-line{position:absolute;top:20px;left:16px;right:16px;height:2px;background:var(--fp-rule-2);border-radius:1px;z-index:0}.film-pipeline .track-line-done{position:absolute;top:20px;left:16px;height:2px;background:linear-gradient(to right,var(--fp-ok),var(--fp-accent));border-radius:1px;z-index:1;transition:width .32s cubic-bezier(.2,0,0,1)}.film-pipeline .stages{display:grid;position:relative;z-index:2}.film-pipeline .stage{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;padding:0;cursor:pointer;transition:transform .12s;color:inherit;font:inherit}.film-pipeline .stage:hover{transform:translateY(-2px)}.film-pipeline .stage:focus-visible{outline:2px solid var(--fp-accent);outline-offset:4px;border-radius:4px}.film-pipeline .stage-dot{width:18px;height:18px;border-radius:50%;background:var(--fp-surface);border:2px solid var(--fp-rule-2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;position:relative}.film-pipeline .stage--done .stage-dot{background:var(--fp-ok);border-color:var(--fp-ok);color:var(--text-inverse)}.film-pipeline .stage--done .stage-dot:after{content:"✓";color:var(--text-inverse);font-size:10px;line-height:1}.film-pipeline .stage--running .stage-dot{background:var(--fp-accent);border-color:var(--fp-accent);animation:fp-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 4px var(--fp-accent-soft)}.film-pipeline .stage--running .stage-dot:after{content:"";width:6px;height:6px;background:var(--text-inverse);border-radius:50%}.film-pipeline .stage--queued .stage-dot{background:var(--fp-surface);border-color:var(--fp-rule-2)}.film-pipeline .stage--failed .stage-dot{background:var(--fp-err);border-color:var(--fp-err)}.film-pipeline .stage--failed .stage-dot:after{content:"!";color:var(--text-inverse);font-size:11px;font-weight:700;line-height:1}.film-pipeline .stage--skipped .stage-dot{background:var(--fp-neutral-bg);border-color:var(--fp-neutral-border);border-style:dashed}.film-pipeline .stage--skipped .stage-dot:after{content:"-";color:var(--fp-ink-3);font-size:10px;line-height:1}.film-pipeline .stage-num{font-family:var(--fp-font-mono);font-size:9.5px;color:var(--fp-ink-3);letter-spacing:.04em}.film-pipeline .stage--done .stage-num,.film-pipeline .stage--running .stage-num{color:var(--fp-ink-2)}.film-pipeline .stage-label{font-family:var(--fp-font-sans);font-size:10.5px;color:var(--fp-ink-3);text-align:center;line-height:1.25;max-width:70px}.film-pipeline .stage--done .stage-label{color:var(--fp-ink-2);font-weight:500}.film-pipeline .stage--running .stage-label{color:var(--fp-accent);font-weight:600}.film-pipeline .stage--skipped .stage-label{text-decoration:line-through;color:var(--fp-ink-3)}.film-pipeline .stage-detail{margin-top:4px;font-family:var(--fp-font-mono);font-size:9.5px;color:var(--fp-ink-3);text-align:center;min-height:14px;font-variant-numeric:tabular-nums}.film-pipeline .stage-detail .cost{color:var(--fp-accent)}.film-pipeline .stage-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-raised);border:1px solid var(--fp-rule-2);border-radius:var(--fp-radius);padding:10px 12px;min-width:200px;max-width:280px;z-index:var(--z-dropdown);box-shadow:var(--shadow-raised);text-align:left;white-space:normal}.film-pipeline .stage-tooltip .tt-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:4px}.film-pipeline .stage-tooltip .tt-label{color:var(--fp-ink-3);font-family:var(--fp-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.film-pipeline .stage-tooltip .tt-value{color:var(--fp-ink);font-family:var(--fp-font-mono);font-variant-numeric:tabular-nums}.film-pipeline .stage-tooltip .tt-message{margin-top:6px;padding-top:6px;border-top:1px solid var(--fp-rule);font-size:12px;color:var(--fp-ink-2);line-height:1.4}.film-pipeline .stage-tooltip .tt-error{color:var(--fp-err)}.film-pipeline .streaming{margin-top:14px;padding:12px 16px;background:var(--fp-inset);border:1px solid var(--fp-rule);border-radius:var(--fp-radius)}.film-pipeline .streaming-main{display:flex;align-items:center;gap:8px;font-family:var(--fp-font-display);font-size:14px;color:var(--fp-ink)}.film-pipeline .streaming-main .dot{width:6px;height:6px;border-radius:50%;background:var(--fp-accent);animation:fp-pulse 1.6s ease-in-out infinite}.film-pipeline .streaming-sub{margin-top:4px;font-family:var(--fp-font-mono);font-size:11.5px;font-style:italic;color:var(--fp-ink-3)}.film-pipeline .streaming.is-failed .streaming-main{color:var(--fp-err)}.film-pipeline .legend{display:flex;gap:18px;margin-top:22px;padding-top:16px;border-top:1px solid var(--fp-rule);font-size:11.5px;color:var(--fp-ink-3);flex-wrap:wrap}.film-pipeline .legend-item{display:flex;align-items:center;gap:6px}.film-pipeline .legend-dot{width:10px;height:10px;border-radius:50%}.film-pipeline .legend-dot--done{background:var(--fp-ok)}.film-pipeline .legend-dot--running{background:var(--fp-accent);animation:fp-pulse 1.6s ease-in-out infinite}.film-pipeline .legend-dot--queued{background:var(--fp-surface);border:2px solid var(--fp-rule-2)}.film-pipeline .legend-dot--failed{background:var(--fp-err)}.film-pipeline .legend-dot--skipped{background:var(--fp-neutral-bg);border:2px dashed var(--fp-neutral-border)}@keyframes fp-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.film-pipeline .head-current-title .dot,.film-pipeline .stage--running .stage-dot,.film-pipeline .legend-dot--running,.film-pipeline .streaming-main .dot{animation:none}.film-pipeline .track-line-done{transition:none}}@media(max-width:920px){.film-pipeline .fp-head{padding:14px 16px;gap:16px}.film-pipeline .head-stats{gap:16px}.film-pipeline .pipeline{padding:22px 12px 14px}.film-pipeline .stage:not(.stage--running) .stage-label,.film-pipeline .stage:not(.stage--running) .stage-detail{display:none}.film-pipeline .stage-dot{width:14px;height:14px}.film-pipeline .legend{gap:12px}}