.visualizationPlanner{color:#e9f0e9;background:radial-gradient(circle at 82% 18%,#e07c3921,#0000 30%),linear-gradient(145deg,#0b1814 0%,#10241c 54%,#09130f 100%);border-top:1px solid #aacdb629;border-bottom:1px solid #aacdb629;padding:clamp(72px,9vw,132px) clamp(20px,5vw,80px);position:relative;overflow:hidden}.visualizationPlanner:before{content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#a6cab112 1px,#0000 1px),linear-gradient(90deg,#a6cab112 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.visualizationPlanner>*{z-index:1;position:relative}.visualizationPlanner__header{grid-template-columns:minmax(0,.9fr) minmax(280px,.72fr);align-items:end;gap:clamp(28px,7vw,110px);max-width:1240px;margin:0 auto;display:grid}.visualizationPlanner__kicker,.visualizationPlanner__label{color:#e38345;letter-spacing:.16em;margin:0 0 16px;font:700 12px/1.3 IBM Plex Mono,Cascadia Mono,monospace}.visualizationPlanner h2{letter-spacing:-.035em;max-width:760px;margin:0;font:520 clamp(34px,4.6vw,70px)/.98 Noto Serif SC,Source Han Serif SC,Georgia,serif}.visualizationPlanner__header>p{color:#b8c8bd;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.75}.visualizationPlanner__truth{color:#c8d5cc;background:#e4874914;border:1px solid #e487494d;align-items:center;gap:14px;max-width:1240px;margin:42px auto 0;padding:13px 16px;font-size:14px;display:flex}.visualizationPlanner__truth strong{color:#f0a36e;letter-spacing:.1em;white-space:nowrap;font:700 12px/1.4 IBM Plex Mono,monospace}.visualizationPlanner__pipeline{background:#040d097a;border:1px solid #adccb633;grid-template-columns:repeat(5,1fr);max-width:1240px;margin:24px auto 0;display:grid}.visualizationPlanner__stage{border-right:1px solid #adccb626;min-width:0;padding:22px 18px}.visualizationPlanner__stage:last-child{border-right:0}.visualizationPlanner__stage span{color:#dd8246;margin-bottom:14px;font:700 11px/1 IBM Plex Mono,monospace;display:block}.visualizationPlanner__stage strong{color:#e8eee9;font-size:15px;display:block}.visualizationPlanner__stage small{color:#80978a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font:12px/1.4 IBM Plex Mono,monospace;display:block;overflow:hidden}.visualizationPlanner__workspace{grid-template-columns:minmax(300px,.76fr) minmax(380px,1.24fr);gap:18px;max-width:1240px;margin:18px auto 0;display:grid}.visualizationPlanner__controls,.visualizationPlanner__decision{background:#0d1e17e6;border:1px solid #adccb633;padding:clamp(22px,3vw,38px);box-shadow:0 28px 80px #0000002e}.visualizationPlanner fieldset{border:0;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 24px;padding:0;display:grid}.visualizationPlanner legend{color:#9fb2a5;grid-column:1/-1;margin-bottom:10px;font-size:14px;font-weight:650}.visualizationPlanner button{color:#afbeb4;cursor:pointer;background:#0a1712;border:1px solid #adccb630;border-radius:2px;min-height:44px;padding:10px 13px;font:650 14px/1.25 inherit;transition:border-color .16s,background .16s,color .16s,transform .16s}.visualizationPlanner button:hover{color:#eef3ef;border-color:#e48749a6;transform:translateY(-1px)}.visualizationPlanner button:focus-visible{outline-offset:2px;outline:2px solid #f0a36e}.visualizationPlanner button.isActive{color:#fff4ec;background:#da702f2e;border-color:#d87538}.visualizationPlanner__toggles{border-top:1px solid #adccb626;gap:9px;padding-top:20px;display:grid}.visualizationPlanner__toggles label{color:#c5d1c9;cursor:pointer;align-items:center;gap:11px;min-height:34px;font-size:14px;display:flex}.visualizationPlanner__toggles input{accent-color:#d87538;width:17px;height:17px}.visualizationPlanner__decision{background:linear-gradient(135deg,#132d22f5,#091510f5)}.visualizationPlanner__engine{align-items:center;gap:15px;display:flex}.visualizationPlanner__engine>span{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 7px #66c18414}.visualizationPlanner__engine>span.isOpen{background:#6ac887}.visualizationPlanner__engine>span.isOptional{background:#ef9a5f;box-shadow:0 0 0 7px #ef9a5f14}.visualizationPlanner__engine h3{color:#f1f5f2;letter-spacing:-.02em;margin:0;font:540 clamp(27px,3.2vw,48px)/1.05 Noto Serif SC,Source Han Serif SC,Georgia,serif}.visualizationPlanner__reason{color:#bac9bf;max-width:720px;min-height:50px;margin:22px 0 28px;font-size:16px;line-height:1.65}.visualizationPlanner__decision dl{border-top:1px solid #adccb62b;border-left:1px solid #adccb62b;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.visualizationPlanner__decision dl div{border-bottom:1px solid #adccb62b;border-right:1px solid #adccb62b;min-width:0;padding:15px}.visualizationPlanner__decision dt{color:#7f9587;font-size:12px}.visualizationPlanner__decision dd{overflow-wrap:anywhere;color:#e2eae4;margin:7px 0 0;font:650 13px/1.35 IBM Plex Mono,monospace}.visualizationPlanner__boundary{border-top:1px solid #adccb62e;border-bottom:1px solid #adccb62e;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:18px auto 0;display:grid}.visualizationPlanner__boundary div{border-right:1px solid #adccb629;padding:19px 17px}.visualizationPlanner__boundary div:last-child{border-right:0}.visualizationPlanner__boundary strong{color:#dce6df;font-size:14px;display:block}.visualizationPlanner__boundary span{color:#82988a;margin-top:7px;font-size:13px;line-height:1.5;display:block}.visualizationPlanner__boundary .isOptional{background:#e07c390f}@media (width<=900px){.visualizationPlanner__header,.visualizationPlanner__workspace{grid-template-columns:1fr}.visualizationPlanner__pipeline{grid-template-columns:repeat(2,1fr)}.visualizationPlanner__stage{border-bottom:1px solid #adccb626}.visualizationPlanner__boundary{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.visualizationPlanner{padding-inline:16px}.visualizationPlanner__truth{flex-direction:column;align-items:flex-start}.visualizationPlanner__pipeline,.visualizationPlanner__boundary{grid-template-columns:1fr}.visualizationPlanner__stage,.visualizationPlanner__boundary div{border-right:0}.visualizationPlanner__controls,.visualizationPlanner__decision{padding:20px 16px}.visualizationPlanner fieldset{grid-template-columns:1fr 1fr}.visualizationPlanner__decision dl{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.visualizationPlanner button{transition:none}}
