.dev-v{--main: 58px;--branch: 128px;--bw: clamp(32px, 8cqw, 50px);position:absolute;inset:0}.dev-v__main{position:absolute;left:4%;right:4%;bottom:var(--main);height:4px;background:var(--h13-ink)}.dev-v__label{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--h13-muted)}.dev-v__label--main{left:4%;bottom:calc(var(--main) - 24px)}.dev-v__node{position:absolute;bottom:calc(var(--branch) + 2px);z-index:3;width:16px;height:16px;margin:0 0 -8px -8px;border:3px solid var(--h13-deep);border-radius:50%;background:#fff}.dev-v__node--main{bottom:calc(var(--main) + 2px);border-color:var(--h13-ink)}.dev-v__node--merge{bottom:calc(var(--main) + 2px);width:22px;height:22px;margin:0 0 -11px -11px;border-color:var(--h13-ink);background:var(--h13-mint)}.dev-v__rise,.dev-v__drop{position:absolute;bottom:var(--main);width:4px;height:calc(var(--branch) - var(--main) + 2px);margin-left:-2px;background:var(--h13-deep);transform-origin:bottom}.dev-v__rise{left:20%}.dev-v__drop{left:82%;transform-origin:top}.dev-v__run{position:absolute;left:20%;width:62%;bottom:var(--branch);height:4px;margin-left:-2px;background:var(--h13-deep);transform-origin:left}.dev-v__scope{position:absolute;left:27%;width:38%;bottom:calc(var(--branch) - 22px);height:44px;border:1.5px dashed var(--h13-deep);opacity:0}.dev-v__scope span{position:absolute;right:6px;bottom:-20px;font-family:var(--font-mono);font-size:11px;color:var(--h13-deep)}.dev-v__bot{position:absolute;left:0;transform:translate(58cqw);bottom:calc(var(--branch) + 12px);z-index:4;width:var(--bw);height:calc(var(--bw) * 1.1667);margin-left:calc(var(--bw) / -2)}.dev-v__lock{position:absolute;left:82%;bottom:calc((var(--branch) + var(--main)) / 2 - 15px);z-index:4;display:grid;place-items:center;width:30px;height:30px;margin-left:-15px;border:2px solid var(--h13-ink);border-radius:50%;background:#fff;font-size:16px;color:var(--h13-ink);transition:background-color .3s,color .3s,border-color .3s}.dev-v__lock.is-waiting{background:var(--h13-ink);color:#fff}.dev-v__lock.is-open{border-color:var(--h13-deep);background:var(--h13-mint);color:var(--h13-ink)}.dev-v__plan{left:3%;top:54px;display:grid;gap:7px;width:clamp(170px,40cqw,220px);opacity:0}.dev-v__row{display:flex;gap:6px}.dev-v__row i{flex:1;height:6px;background:var(--h13-line)}.dev-v__row i+i{flex:.6}.dev-v__stamp{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border:1px solid var(--h13-deep);background:var(--h13-mint-wash);color:var(--h13-ink);opacity:0;transform:rotate(-3deg) scale(1.1);transition:opacity .25s,transform .45s var(--h13-out)}.dev-v__stamp.is-on{opacity:1;transform:rotate(-3deg)}.dev-v__checks{left:64%;bottom:calc(var(--branch) + 26px);display:grid;gap:6px;opacity:0}.dev-v__check{display:inline-flex;align-items:center;gap:7px}.dev-v__pr{right:3%;top:54px;display:grid;gap:6px;width:clamp(158px,36cqw,210px)}.dev-v__badge{left:50%;bottom:14px;transform:translate(-50%) translateY(6px) scale(.96)}.dev-v__badge.is-on{transform:translate(-50%)}@container (max-width: 460px){.dev-v__scope span{display:none}.dev-v{--branch: 120px}}.dev-m{margin-top:56px;border:1px solid rgba(242,247,244,.3);background:#fff;color:var(--h13-ink);box-shadow:0 40px 80px -50px #00000080}.dev-m__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;border-bottom:1px solid var(--h13-line)}.dev-m__id{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--h13-ink)}.dev-m__id iconify-icon{font-size:18px;color:var(--h13-deep)}.dev-m__body{display:grid}@media(min-width:1024px){.dev-m__body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.dev-m__pr{border-right:1px solid var(--h13-line)}}.dev-m__pr{display:grid;align-content:start;gap:20px;padding:24px}.dev-m__git{--main: 34px;--branch: 112px;position:relative;height:170px;background:radial-gradient(rgba(11,37,33,.08) 1px,transparent 1.3px) 0 0 / 22px 22px,#f6f8f6;border:1px solid var(--h13-line);overflow:hidden}.dev-m__main,.dev-m__run{position:absolute;height:4px}.dev-m__main{left:6%;right:6%;bottom:var(--main);background:var(--h13-ink)}.dev-m__run{left:24%;width:52%;bottom:var(--branch);background:var(--h13-deep)}.dev-m__rise,.dev-m__drop{position:absolute;bottom:var(--main);width:4px;height:calc(var(--branch) - var(--main) + 4px);margin-left:-2px;background:var(--h13-deep)}.dev-m__rise{left:24%}.dev-m__drop{left:76%;transform-origin:top}.dev-m__node{position:absolute;bottom:calc(var(--main) + 2px);width:16px;height:16px;margin:0 0 -8px -8px;border:3px solid var(--h13-ink);border-radius:50%;background:#fff}.dev-m__node--b{bottom:calc(var(--branch) + 2px);border-color:var(--h13-deep)}.dev-m__node--merge{left:76%;width:22px;height:22px;margin:0 0 -11px -11px;background:var(--h13-mint)}.dev-m__bot{position:absolute;left:56%;bottom:calc(var(--branch) + 12px);width:38px;height:44px;margin-left:-19px}.dev-m__you{position:absolute;left:76%;bottom:calc((var(--branch) + var(--main)) / 2 - 16px);z-index:2;display:grid;place-items:center;width:32px;height:32px;margin-left:-16px;border:2px solid var(--h13-ink);border-radius:50%;background:var(--h13-mint);font-size:17px;color:var(--h13-ink);transition:background-color .3s,color .3s}.dev-m.is-waiting .dev-m__you{background:var(--h13-ink);color:#fff}.dev-m__status{min-height:3em;margin:0;font-size:16px;line-height:1.5;color:var(--h13-ink)}.dev-m.is-blocked .dev-m__status{font-weight:600}.dev-m__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.dev-m__btn{min-height:48px;padding:0 18px;font-size:14px}.dev-m__btn:disabled{cursor:not-allowed;opacity:.45}.dev-m__again{border:0;background:none;padding:0;cursor:pointer}.dev-m__checks{margin:0;padding:8px 24px;list-style:none}.dev-m__check{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--h13-line);transition:background-color .3s}.dev-m__check:last-child{border-bottom:0}.dev-m__check.is-flag{background:var(--h13-mint-wash)}.dev-m__icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--h13-line-2);font-size:20px;color:var(--h13-deep)}.dev-m__copy h3{margin:0;font-family:var(--font-jakarta);font-size:18px;font-weight:700;color:var(--h13-ink)}.dev-m__copy p{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--h13-muted)}.dev-m__state{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--h13-muted)}.dev-m__check.is-pass .dev-m__state{color:var(--h13-deep)}@media(max-width:559px){.dev-m__check{grid-template-columns:40px minmax(0,1fr)}.dev-m__state{grid-column:2}.dev-m__pr,.dev-m__checks{padding-left:16px;padding-right:16px}}
