.ex-build{max-width:1440px;margin:40px auto;padding:40px;border-radius:28px;background:radial-gradient(ellipse at 45% 30%,#304359,#101c2c 75%);color:#fff}.ex-build h2{font-size:clamp(28px,3.2vw,50px);font-weight:800;line-height:1.12;margin:10px 0 16px}.ex-build h2 span{color:#ffd028}.ex-build .ex-heading>p{color:#bdcbdc}.ex-build .ex-heading>p:first-child{font-size:12px;letter-spacing:2px}.ex-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:center}.ex-stage{position:relative;min-width:0;aspect-ratio:1.35}.ex-canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.ex-canvas canvas{width:100%;height:100%;display:block}.ex-reference{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.ex-build.ex-ready .ex-reference{display:none}.ex-build.ex-photo .ex-reference{display:block}.ex-photo .ex-canvas,.ex-photo .ex-hint{visibility:hidden}.ex-hint{position:absolute;bottom:8px;left:15px;font-size:12px;color:#bdcbdc;pointer-events:none}.ex-controls{display:grid;gap:12px}.ex-controls button{min-height:44px;border-radius:12px;border:1px solid #7990a7;background:transparent;color:#fff;padding:12px;cursor:pointer}.ex-controls .ex-toggle{background:#ffcf20;color:#101c2c;border:0;font-weight:700}.ex-controls input{width:100%;accent-color:#ffcf20;min-height:36px}.ex-controls label{font-size:13px}.ex-build ol{padding:0;list-style:none;counter-reset:layer}.ex-build li{counter-increment:layer;position:relative;padding:10px 0 10px 32px;border-bottom:1px solid #ffffff19}.ex-build li:before{content:counter(layer,decimal-leading-zero);position:absolute;left:0;color:#ffcf20;font-size:12px;top:14px}.ex-build li b,.ex-build li span{display:block}.ex-build li span{font-size:12px;color:#bdcbdc;margin-top:4px;line-height:1.5}.ex-note{font-size:12px;color:#9fb1c7;margin-top:20px}.ex-build button:focus-visible,.ex-build input:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:750px){.ex-build{padding:24px 16px;margin:24px 10px}.ex-layout{grid-template-columns:1fr}.ex-stage{aspect-ratio:1}.ex-build ol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ex-build li{min-width:0}}@media(prefers-reduced-motion:reduce){.ex-build *{scroll-behavior:auto}}

.ex-callouts{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ex-callouts path{stroke:#ffcf20;stroke-width:1.2;stroke-dasharray:4 3;fill:none}.ex-callouts circle{fill:#ffcf20;stroke:#fff;stroke-width:1}.ex-callouts rect{fill:#122237;fill-opacity:.93;stroke:#ffffff28}.ex-callouts text{fill:#fff;font-family:Arial,sans-serif;font-weight:600}.ex-photo .ex-callouts{display:none}
.ex-static .ex-stage{aspect-ratio:auto}.ex-static .ex-reference{position:static;display:block;width:100%;height:auto;object-fit:contain}