main.piu-main{max-width:none;padding:0}.piu-note{color:var(--muted);padding:24px 16px}.piu-dash{flex-direction:column;height:calc(100dvh - 45px);min-height:560px;display:flex}.piu-bar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 0;display:flex}.piu-tabs{gap:4px;display:flex;overflow-x:auto}.piu-tabs button,.piu-actions button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:14px}.piu-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:var(--hover);font-weight:600}.piu-actions{gap:6px;display:flex}.piu-actions .primary{background:var(--brand);border-color:var(--brand);color:var(--card);font-weight:600}.piu-studio{flex:1;width:100%;min-width:0;min-height:0;overflow:hidden}.piu-foot{color:var(--muted);margin:0;padding:6px 16px 10px;font-size:12px}@media (max-width:720px){.piu-dash{height:auto}.piu-studio{flex:none;height:1400px}}.piu-timeline{flex-direction:column;gap:2px;height:100%;display:flex;overflow:auto}.piu-trow{all:unset;box-sizing:border-box;cursor:pointer;border-radius:8px;grid-template-columns:minmax(90px,1fr) minmax(200px,2.4fr) auto;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:grid}.piu-trow:hover,.piu-trow:focus-visible{background:var(--hover)}.piu-trow.dim{opacity:.4}.piu-tname{text-overflow:ellipsis;flex-direction:column;min-width:0;font-weight:600;display:flex;overflow:hidden}.piu-tname b{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.piu-track{align-items:center;min-width:0;display:flex}.piu-step{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.piu-step i{border:2px solid var(--line);background:var(--card);border-radius:50%;width:11px;height:11px}.piu-step.done i{border-color:var(--accent);background:var(--accent)}.piu-step.ok i{border-color:var(--ok);background:var(--ok)}.piu-step.ok{color:var(--ok);font-weight:600}.piu-step.wait i{border-color:var(--wait);background:var(--wait)}.piu-step.wait{color:var(--wait);font-weight:600}.piu-step.bad i{border-color:var(--bad);background:var(--bad)}.piu-step.bad{color:var(--bad);font-weight:600}.piu-line{background:var(--line);flex:1;min-width:16px;height:2px;margin:0 4px 14px}.piu-line.done{background:var(--accent)}.piu-line.ok{background:var(--ok)}.piu-line.wait{background:var(--wait)}.piu-line.bad{background:var(--bad)}.piu-badge{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.piu-badge.ok{color:var(--ok);border-color:var(--ok)}@media (max-width:520px){.piu-trow{grid-template-columns:1fr auto}.piu-track{grid-area:2/1/auto/-1}}.piu-quadrant{width:100%;height:100%;font:11px var(--font);display:block}.piu-quadrant .frame{fill:none;stroke:var(--line)}.piu-quadrant .hot{fill:var(--bad);opacity:.08}.piu-quadrant line{stroke:var(--line);stroke-dasharray:3 3}.piu-quadrant .corner{fill:var(--bad);font-weight:600}.piu-quadrant .axis{fill:var(--muted)}.piu-quadrant .bubble{cursor:pointer}.piu-quadrant .bubble circle{fill:var(--accent);fill-opacity:.55;stroke:var(--brand)}.piu-quadrant .bubble:hover circle{fill-opacity:.85}.piu-quadrant .bubble text{fill:var(--text)}.piu-quadrant .bubble.dim{opacity:.25}.piu-meter{flex-direction:column;gap:4px;height:100%;display:flex;overflow:hidden}.piu-meter-n{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.1}.piu-meter-n span{color:var(--muted);font-weight:500}.piu-meter-l{color:var(--muted);font-size:13px}.piu-bar{background:var(--line);border-radius:4px;flex:none;height:8px;overflow:hidden}.piu-bar>div{background:var(--ok);height:100%}.piu-chips{flex-wrap:wrap;gap:4px;min-height:0;display:flex;overflow:auto}.piu-chips span{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:0 5px;font-size:11px}.piu-chips span.ok{color:var(--ok);border-color:var(--ok)}.piu-card{flex-direction:column;gap:10px;font-size:13px;display:flex}.piu-card p{margin:4px 0}.piu-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}