:root{--bg: #e8ece6;--bg2: #eff2ec;--panel: #f7f9f5;--panel-deep: #0f201d;--paper: #fcfdfb;--ink: #14302b;--ink-dim: #4e645e;--ink-faint: #8aa09a;--line: rgba(20, 48, 43, .16);--line-2: rgba(20, 48, 43, .08);--teal: #0c6b5e;--teal-hi: #0e8475;--teal-dim: rgba(12, 107, 94, .1);--ok: #18794e;--err: #c4442e;--warn: #b97d10;--sans: "Manrope", sans-serif;--mono: "JetBrains Mono", monospace;--radius: 10px;--tile: min(17vw, calc(100vh - 440px) )}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(90% 60% at 50% 0%,rgba(12,107,94,.06),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--ink);font-family:var(--sans);font-size:15px;overflow-x:hidden;overflow-y:auto}.app{min-height:100%;height:100%;display:flex;flex-direction:column;padding:16px 30px 14px;gap:13px}.masthead{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.masthead h1{font-size:23px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.masthead h1 em{font-style:normal;color:var(--teal)}.masthead .sep{color:var(--ink-faint)}.masthead .sub{font-size:14.5px;font-weight:600;color:var(--ink-dim);white-space:nowrap}.intro{text-align:center;max-width:900px;margin:40px auto 8px}.intro h2{font-size:19px;font-weight:800;color:var(--teal);letter-spacing:-.01em;margin-bottom:5px}.intro p{font-size:14.5px;font-weight:600;line-height:1.5;color:var(--ink-dim)}.badge{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:var(--teal);color:#eef7f3}.badge.live{background:#1d6f48}.masthead .spacer{flex:1}button{font-family:var(--sans);font-size:14.5px;font-weight:700;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 16px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s;white-space:nowrap}button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--teal);border-color:var(--teal);color:#f2faf7}button.primary:hover:not(:disabled){background:var(--teal-hi);border-color:var(--teal-hi);color:#f2faf7}input[type=file]{display:none}.pipeline{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #14302b0d,0 8px 28px -18px #14302b40;display:flex;flex-direction:column;flex:0 0 auto}.flow{flex:0 0 86px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 8px}.flow .what{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dim);background:var(--teal-dim);border:1px solid var(--line-2);border-radius:999px;padding:2px 8px;white-space:nowrap}.flow .track{position:relative;width:100%;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 11px)}.flow .track:after{content:"";position:absolute;right:-1px;top:-3px;border-left:8px solid var(--ink-dim);border-top:4px solid transparent;border-bottom:4px solid transparent}.flow .pulse{position:absolute;top:-1.5px;left:0;width:12px;height:5px;background:var(--teal);border-radius:3px;opacity:0}.flow.active .track{background:repeating-linear-gradient(90deg,rgba(12,107,94,.55) 0 6px,transparent 6px 11px)}.flow.active .track:after{border-left-color:var(--teal)}.flow.active .pulse{animation:pulse-flow 1s linear infinite;opacity:1}.flow.done .track:after{border-left-color:var(--teal)}.flow.done .what{color:var(--teal);border-color:#0c6b5e4d}@keyframes pulse-flow{0%{transform:translate(-10px);opacity:0}20%{opacity:1}to{transform:translate(72px);opacity:0}}.phead{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line)}.pno{font-family:var(--mono);font-size:12px;font-weight:600;color:#f2faf7;background:var(--teal);border-radius:6px;padding:3px 7px}.ptitle{min-width:0}.ptitle b{display:block;font-size:15.5px;font-weight:800;letter-spacing:.01em}.ptitle small{display:block;font-size:12.5px;font-weight:600;color:var(--ink-dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phead .spacer{flex:1}.led{width:9px;height:9px;flex:0 0 9px;aspect-ratio:1 / 1;border-radius:50%;background:var(--ink-faint);box-shadow:0 0 0 3px #8aa09a29}.led.ready{background:var(--ok);box-shadow:0 0 0 3px #18794e2e}.led.error{background:var(--err);box-shadow:0 0 0 3px #c4442e2e}.led.running{background:var(--warn);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.pbody{display:flex}.subview{width:var(--tile);flex:0 0 var(--tile);display:flex;flex-direction:column;min-width:0}.subview+.subview{border-left:1px solid var(--line)}.sublabel{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);padding:6px 11px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:8px}.sublabel .spacer{flex:1}.viewport{width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel-deep)}.viewport.paper{background:var(--paper)}.viewport video{width:100%;height:100%;object-fit:cover;display:block}.viewport>div{position:absolute;top:0;right:0;bottom:0;left:0}.expand{border:0;padding:2px 6px;font-size:12px;color:var(--ink-dim);background:transparent;border-radius:4px}.expand:hover{color:var(--teal);background:var(--teal-dim)}.idle{font-family:var(--mono);font-size:10.5px;color:#fff6;text-align:center;line-height:2;padding:0 16px}.idle .mark{display:block;font-size:24px;opacity:.6}.scan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#0f201db3;z-index:3}.scan:before{content:"";position:absolute;left:0;right:0;height:70px;background:linear-gradient(180deg,transparent,rgba(14,132,117,.2) 50%,rgba(14,132,117,.55) 51%,transparent 53%);animation:sweep 2.2s cubic-bezier(.4,0,.6,1) infinite}@keyframes sweep{0%{top:-25%}to{top:105%}}.scan span{font-size:12.5px;font-weight:700;color:#d9efe9}.scan small{font-family:var(--mono);font-size:10px;color:#d9efe999}.errmsg{font-family:var(--mono);font-size:11px;color:#ff9d8a;text-align:center;padding:0 16px;line-height:1.9}.pfoot{border-top:1px solid var(--line);padding:8px 13px;display:flex;align-items:center;gap:13px;min-height:48px}.meters{display:flex;gap:14px;min-width:0;overflow:hidden}.meter{white-space:nowrap}.meter b{display:block;font-family:var(--mono);font-weight:600;font-size:14.5px;color:var(--ink)}.meter small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.pfoot .hint{font-size:13px;font-weight:600;color:var(--ink-faint)}.pfoot .spacer{flex:1}.focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14302b73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadein .2s}.focus .frame{width:min(86vmin,1000px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px -24px #14302b80;display:flex;flex-direction:column;animation:rise .3s cubic-bezier(.2,.7,.2,1)}.focus .frame .viewport{aspect-ratio:1 / 1;border-radius:0 0 var(--radius) var(--radius)}.focus .bar{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink-dim)}.focus .bar .spacer{flex:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fillin{to{fill-opacity:1}}.fpwrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px}.fpwrap svg{width:100%;height:100%;display:block}.fp-sheet{fill:var(--paper);stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.fp-grid line{stroke:#0c6b5e12;stroke-width:1;vector-effect:non-scaling-stroke}.fp-poly{fill:#0c6b5e12;stroke:var(--teal);stroke-width:.55;stroke-linejoin:round}.fp-corner{fill:var(--teal-hi)}.fp-title{font-family:var(--sans);font-weight:800;fill:var(--ink);letter-spacing:.04em}.fp-sub{font-family:var(--mono);fill:var(--ink-dim)}.fp-area{font-family:var(--sans);font-weight:800;fill:var(--ink)}.fp-areaunit{font-family:var(--mono);fill:var(--ink-dim);font-weight:400}.fp-edge{font-family:var(--mono);fill:var(--teal);font-weight:500}.fp-dim{font-family:var(--mono);fill:var(--ink-dim)}.fp-dimline{stroke:var(--ink-dim);stroke-width:.3}.colophon{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;color:var(--ink-dim)}.colophon a{color:var(--teal);text-decoration:none;font-weight:800}.colophon a:hover{text-decoration:underline}.colophon .sig{font-size:15.5px;font-weight:800;color:var(--ink)}.colophon .disclaimer{font-size:13.5px;font-weight:600;color:var(--ink-dim);max-width:760px}@media (max-width: 1150px){:root{--tile: 280px}body{overflow:auto}.pipeline{overflow-x:auto;justify-content:flex-start}}