.mcp-plan__content{display:grid;align-content:start;gap:22px}.mcp-plan__swap{display:inline-grid}.mcp-plan__swap>*{grid-area:1 / 1}.mcp-plan__budget{display:grid;gap:8px}.mcp-plan__budget-line{display:flex;justify-content:space-between;gap:10px;font-weight:500}.mcp-plan__total{color:var(--demo-muted)}.mcp-plan__meter{display:flex;height:10px;overflow:hidden;border-radius:999px;background:#ecebe6}.mcp-plan__meter i{display:block;height:100%}.mcp-plan__meter .mcp-plan__used{width:var(--plan-used)}.mcp-plan__meter .mcp-plan__planned{width:var(--plan-planned)}[data-plan=live] .mcp-plan__meter .mcp-plan__used{width:var(--plan-used-live)}[data-plan=live] .mcp-plan__meter .mcp-plan__planned{width:0}.mcp-plan__used{background:#1d6b30}.mcp-plan__planned{background:#86c995}.mcp-plan__left{background:#ecebe6;box-shadow:inset 0 0 0 1px #d8d5cc}.mcp-plan__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;color:var(--demo-muted);font-size:.72rem}.mcp-plan__legend li{display:flex;align-items:center;gap:6px}.mcp-plan__legend i{width:8px;height:8px;border-radius:2px}.mcp-plan__legend b{color:var(--demo-ink);font-weight:600}.mcp-plan__flow{container:mcp-plan-flow / inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.mcp-plan__step{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;color:var(--demo-muted);font-size:.75rem;line-height:1.35;text-align:center}.mcp-plan__step+.mcp-plan__step:before,.mcp-plan__step+.mcp-plan__step:after{position:absolute;top:11px;right:50%;left:-50%;height:2px;content:"";background:var(--demo-line)}.mcp-plan__step+.mcp-plan__step:after{background:var(--demo-green);transform:scaleX(0);transform-origin:left}.mcp-plan__step--done+.mcp-plan__step:after{transform:scaleX(1)}.mcp-plan__label{max-width:100%}.mcp-plan__dot{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ecebe6;color:var(--demo-muted);font-size:.7rem;font-weight:700}.mcp-plan__dot>*{grid-area:1 / 1}.mcp-plan__check{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.mcp-plan__step--done,.mcp-plan__step--now{color:var(--demo-ink)}.mcp-plan__step--now{font-weight:600}.mcp-plan__step--now .mcp-plan__dot{background:#fff;box-shadow:inset 0 0 0 2px var(--demo-green);color:var(--demo-green)}.mcp-plan__step--done .mcp-plan__dot{background:var(--demo-green);color:#fff}.mcp-plan__step--done .mcp-plan__number{opacity:0}.mcp-plan__step--done .mcp-plan__check{stroke-dashoffset:0}.mcp-plan__deals{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none}.mcp-plan__deal{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--demo-line);border-radius:12px;background:#fff}[data-plan=live] .mcp-plan__deal{border-color:#c4e2cb;background:#f7fbf8}.mcp-plan__deal-name{display:flex;align-items:center;gap:8px}.mcp-plan__deal-name strong{font-size:.85rem;font-weight:600}.mcp-plan__deal-type{color:var(--demo-muted);font-size:.75rem}.mcp-plan__price{display:flex;align-items:baseline;gap:8px;margin-top:4px;color:var(--demo-muted)}.mcp-plan__price s{font-size:.85rem}.mcp-plan__price b{color:var(--demo-ink);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.mcp-plan__ok{color:var(--demo-green);font-weight:600}.mcp-plan__busy{display:inline-flex;align-items:center;gap:7px;color:var(--demo-muted);font-weight:600}.mcp-plan__spinner{width:12px;height:12px;flex:0 0 12px;border:1.5px solid #227a3433;border-top-color:var(--demo-green);border-radius:50%}.mcp-plan__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.mcp-plan__actions:focus{outline:none}.mcp-plan__actions .mcp-plan__swap{align-items:center;min-height:34px}[data-plan-ready] .mcp-plan__action{min-width:min(100%,18.5em)}[data-mcp-plan]:not([data-plan-ready]) .mcp-plan__action{display:none}.mcp-plan__actions .mcp-plan__note{flex:1 1 12em;text-wrap:pretty}.mcp-plan__live{display:inline-flex;align-items:center;gap:14px}.mcp-plan__note{color:var(--demo-muted);font-size:.75rem}@container mcp-plan-flow (max-width: 280px){.mcp-plan__step{font-size:.68rem}}@media(prefers-reduced-motion:no-preference){.mcp-plan__meter i{transition:width .7s cubic-bezier(.25,.8,.25,1)}:is([data-plan=writing],[data-plan=written]) .mcp-plan__meter .mcp-plan__planned{animation:mcp-plan-working .7s ease-in-out infinite alternate}.mcp-plan__step:after{transition:transform .45s ease-in-out .1s}.mcp-plan__dot{transition:background-color .25s ease,box-shadow .25s ease,color .25s ease}.mcp-plan__step--now .mcp-plan__dot{transition-delay:.45s}.mcp-plan__number{transition:opacity .15s ease}.mcp-plan__check{transition:stroke-dashoffset .35s ease-out .12s}.mcp-plan__deal{transition:border-color .4s ease,background-color .4s ease}.mcp-plan__spinner{animation:mcp-spin .8s linear infinite}[data-mcp-plan] [data-plan-when]{transition:opacity .25s ease,display .25s allow-discrete}[data-mcp-plan] [data-plan-when][hidden]{opacity:0}@starting-style{[data-mcp-plan] [data-plan-when]{opacity:0}}}@keyframes mcp-plan-working{to{opacity:.45}}