.ctr-rules{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:stretch}.ctr-env{display:grid;gap:14px;align-content:start;padding:20px;border-radius:24px;border:1px solid var(--line);background:#fff}.ctr-env-h{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.ctr-reset{font:500 12px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.ctr-presets{display:flex;flex-wrap:wrap;gap:6px}.ctr-preset{height:30px;padding:0 12px;font-size:11.5px}.ctr-vars{display:grid;gap:6px}.ctr-vars label{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center;gap:10px}.ctr-vars span{font:500 11px/1.2 var(--mono);color:var(--label);overflow-wrap:anywhere}.ctr-vars label.is-set span{color:var(--blue)}.ctr-vars input{width:100%;min-width:0;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--bg-2);font:400 12.5px/1 var(--mono);color:var(--ink);transition:border-color .3s var(--ease),background .3s var(--ease)}.ctr-vars input:focus{outline:2px solid var(--blue-bright);outline-offset:1px;background:#fff}.ctr-vars label.is-set input{border-color:var(--blue-2);background:#fff}.ctr-run{font-size:11.5px}.ctr-buckets{display:grid;grid-template-rows:auto 1fr;border-radius:24px;border:1px solid var(--line);background:var(--bg-3);overflow:hidden}.ctr-buckets-h{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.ctr-buckets-h span:last-child{text-transform:none;letter-spacing:0;color:var(--muted)}.ctr-bucket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.ctr-bucket{display:grid;grid-template-rows:auto 1fr;gap:8px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--c)}.ctr-bucket.b-both{--c:var(--ok)}.ctr-bucket.b-metrics{--c:var(--blue-2)}.ctr-bucket.b-logs{--c:var(--ice)}.ctr-bucket.b-none{--c:var(--muted);background:var(--bg-2)}.ctr-bucket h4{display:flex;justify-content:space-between;align-items:baseline;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.ctr-bucket h4 b{font:600 22px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}.ctr-bucket ul{display:grid;gap:6px;align-content:start}.ctr-bucket li{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--bg-3);animation:ps-in .45s var(--ease) both}.ctr-bucket li b{font:500 12.5px/1.2 var(--mono);color:var(--ink)}.ctr-bucket li small{font:400 10.5px/1.2 var(--mono);color:var(--label)}.ctr-bucket.b-none li b{color:var(--muted);text-decoration:line-through}.ctr-bucket li.is-empty{background:transparent;border:1px dashed var(--line);font:400 11px/1 var(--mono);color:var(--muted);animation:none}.ctr-place{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}.ctr-host-wrap{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:20px;border-radius:24px;background:var(--navy-raised);border:1px solid var(--line-dark)}.ctr-host-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ice)}.ctr-host-bar .ps-tab{text-transform:none;letter-spacing:.02em}.ctr-host-bar .ps-tab[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--navy)}.ctr-host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(96px,auto);gap:10px;padding:16px;border-radius:18px;border:1px dashed rgba(157,182,255,.35)}.ctr-box{display:grid;gap:4px;align-content:start;padding:14px;border-radius:14px;background:var(--navy-deep);border:1px solid var(--line-dark);transition:border-color .4s var(--ease),background .4s var(--ease),opacity .4s var(--ease)}.ctr-box b{font:500 13.5px/1.2 var(--mono);color:#fff}.ctr-box small{font:400 11px/1.3 var(--mono);color:var(--on-dark-2)}.ctr-box.is-seen{border-color:rgba(61,213,152,.45)}.ctr-box.is-seen small{color:#9BF0C9}.ctr-box:not(.is-seen):not(.is-target){opacity:.55}.ctr-box.is-target{border-style:dashed;border-color:var(--ice)}.ctr-box.is-target.is-over{background:rgba(55,90,255,.25);border-color:#fff}.ctr-box.has-agent{border-style:solid;border-color:var(--blue-bright)}.ctr-slot{display:grid;place-items:center;padding:14px;border-radius:14px;border:1px dashed var(--line-dark);font:400 11px/1.3 var(--mono);color:var(--on-dark-2);text-align:center}.ctr-slot.has-agent{grid-column:1/-1;border-style:solid;border-color:var(--blue-bright);background:rgba(55,90,255,.12)}.ctr-host .ctr-slot:not(.has-agent){grid-column:1/-1}.ctr-agent{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:6px;height:40px;padding:0 16px;border-radius:12px;background:var(--blue);color:#fff;font:500 13px/1 var(--mono);cursor:grab;touch-action:none;user-select:none;box-shadow:0 10px 24px -12px rgba(2,11,46,.8);transition:box-shadow .3s var(--ease)}.ctr-slot .ctr-agent{justify-self:center;margin:0}.ctr-agent span{opacity:.7}.ctr-agent.is-drag{cursor:grabbing;box-shadow:0 24px 40px -16px rgba(2,11,46,.9);transition:none}.ctr-agent:focus-visible{outline:2px solid #fff;outline-offset:3px}.ctr-hint{font:400 11px/1.3 var(--mono);color:var(--on-dark-2)}.ctr-sees{display:grid;gap:14px;align-content:start;padding:22px;border-radius:24px;background:#fff;color:var(--body)}.is-dark .ctr-sees .kicker{color:var(--label)}.ctr-sees h3{font:600 clamp(20px,1.75vw,26px)/1.1 var(--display);letter-spacing:-.04em;color:var(--ink)}.ctr-sees dl{display:grid;border-top:1px solid var(--line)}.ctr-sees dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.45}.ctr-sees dt{font:500 11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--label)}.ctr-sees dd{margin:0;color:var(--ink)}.ctr-snip{display:grid;gap:6px}.ctr-snip span{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.ctr-snip pre{margin:0;padding:12px 14px;border-radius:12px;background:var(--navy-deep);font:400 11px/1.6 var(--mono);color:#DCE5FF;white-space:pre-wrap;word-break:break-all;animation:ps-in .45s var(--ease) both}.ctr-plats{display:flex;flex-wrap:wrap;gap:6px}.ctr-plats a{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--tint);font:500 12px/1 var(--sans);color:var(--navy);transition:background .3s var(--ease),color .3s var(--ease)}.ctr-plats a:hover{background:var(--navy);color:#fff}.is-dark .ctr-sees .kicker:before{background:var(--blue)}.ctr-bill{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-radius:24px;background:var(--navy-raised);border:1px solid var(--line-dark);overflow:hidden}.ctr-bill-main{display:grid;grid-template-rows:auto auto 1fr;gap:16px;padding:20px}.ctr-bill-chart{display:grid;grid-template-rows:auto 1fr;gap:8px;min-height:150px;padding:12px;border-radius:14px;background:var(--navy-deep);border:1px solid var(--line-dark)}.ctr-bill-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 11px/1.2 var(--mono);color:var(--on-dark-2)}.ctr-bill-leg span:last-child{margin-left:auto}.ctr-bill-leg i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px}.ctr-bill-leg i.c{background:var(--blue-2)}.ctr-bill-leg i.b{height:2px;background:#fff;vertical-align:3px}.ctr-bill-chart svg{width:100%;height:100%;min-height:110px}.ctr-bill-chart rect{fill:var(--blue-2);opacity:.85}.ctr-bill-chart path{fill:none;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.ctr-bill-ctl{display:flex;flex-wrap:wrap;gap:8px}.ctr-bill-ctl .ps-tab:disabled{opacity:.4;cursor:not-allowed}.ctr-bill-hosts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.ctr-bill-host{display:grid;gap:10px;align-content:start;padding:12px;border-radius:14px;background:var(--navy-deep);border:1px solid var(--line-dark);animation:ps-in .4s var(--ease) both}.ctr-bill-host-h{display:flex;justify-content:space-between;gap:8px;font:400 11px/1.2 var(--mono);color:var(--on-dark-2)}.ctr-bill-host-h b{font-weight:500;color:#fff}.ctr-dots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.ctr-dots i{aspect-ratio:1;border-radius:3px;background:var(--blue-2);animation:ps-in .35s var(--ease) both}.ctr-bill-side{display:grid;gap:16px;align-content:start;padding:22px;background:#fff;color:var(--body)}.ctr-bill-side dl{display:grid;border-top:1px solid var(--line)}.ctr-bill-side dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.ctr-bill-side dt{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.ctr-bill-side dd{margin:0;font:600 22px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}.ctr-bill-total{display:grid;gap:6px;padding:16px;border-radius:16px;background:var(--bg-3);border:1px solid var(--line)}.ctr-bill-total span{font:400 11.5px/1.45 var(--mono);color:var(--label)}.ctr-bill-total b{font:600 clamp(34px,3.2vw,48px)/1 var(--display);letter-spacing:-.05em;color:var(--ink)}.ctr-bill-total b small{margin-left:6px;font:500 13px/1 var(--mono);letter-spacing:0;color:var(--label)}.ctr-bill-side>p{font-size:13.5px;line-height:1.5}@media (max-width:1180px){.ctr-bill,.ctr-place,.ctr-rules{grid-template-columns:1fr}}@media (max-width:720px){.ctr-vars label{gap:4px}.ctr-bucket-grid,.ctr-host,.ctr-vars label{grid-template-columns:1fr}.ctr-host{grid-auto-rows:auto}.ctr-sees dl div{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.ctr-bill-host,.ctr-bucket li,.ctr-dots i,.ctr-snip pre{animation:none}.ctr-agent,.ctr-box{transition:none}}