.assembly-section{margin:36px 4% 0;padding:30px;border:1px solid #e1edf5;border-radius:19px;background:#f6fafd}.assembly-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:24px}.assembly-heading h2{font-size:29px;margin:10px 0 0}.assembly-heading>p{font-size:13px;max-width:390px;line-height:1.8;color:#7d909e;margin:0}.assembly-eyebrow{font-size:9px;letter-spacing:2px;color:#6b9ab5}.assembly-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:stretch}.assembly-stage{position:relative;min-height:550px;background:#ecf4fa;border:1px solid #e3edf4;border-radius:14px;overflow:hidden}.assembly-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline:none;cursor:grab}.assembly-stage canvas:active{cursor:grabbing}.assembly-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;z-index:1;background:#f0f7fc;pointer-events:none}.assembly-fallback img{width:240px;max-height:380px;object-fit:contain;mix-blend-mode:multiply;justify-self:center}.assembly-fallback span{font-size:12px;color:#6a8799}.assembly-stage[data-ready=true] .assembly-fallback{display:none}.assembly-stage-bar{position:absolute;bottom:17px;left:18px;right:18px;display:flex;gap:10px;justify-content:space-between;pointer-events:none;color:#7790a0;font-size:10px;letter-spacing:.2px;line-height:1.5}.assembly-live-state{background:#ffffffd9;padding:4px 8px;border-radius:5px;color:#5187a2;white-space:nowrap}.assembly-controls{background:#fff;border:1px solid #e5edf3;border-radius:13px;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}.assembly-control-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#304f65;font-size:13px;font-weight:600}.assembly-control-heading output{font-size:24px;font-weight:500;color:#087ec2;font-variant-numeric:tabular-nums}.assembly-controls input[type=range]{width:100%;margin:23px 0 10px;padding:0;accent-color:#087fca;cursor:ew-resize;min-height:24px;background:transparent;border:0;box-shadow:none}.assembly-range-labels{display:flex;justify-content:space-between;color:#92a0aa;font-size:10px;gap:10px}.assembly-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.assembly-actions button,.assembly-presets button{font:inherit;border:1px solid #dbe7f0;border-radius:6px;padding:11px 8px;background:#f4f8fb;color:#557689;font-size:11px;line-height:1.5;cursor:pointer}.assembly-actions button:first-child{background:#087dca;border-color:#087dca;color:white}.assembly-actions button:disabled{opacity:.5;cursor:wait}.assembly-controls button:hover:not(:disabled){filter:brightness(.96)}.assembly-controls button:focus-visible,.assembly-controls input:focus-visible{outline:2px solid #55a7d8;outline-offset:4px}.assembly-divider{height:1px;background:#ebf0f4;margin:26px 0}.assembly-small-heading{font-size:11px;color:#8c9da8;margin-bottom:10px}.assembly-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.assembly-presets button{padding:9px 4px;font-size:10px;background:white}.assembly-presets button[aria-pressed=true]{border-color:#78b3d4;color:#087dca;background:#eff7fc}.assembly-selection{margin-top:25px;padding:13px 12px;background:#f4f8fb;border-radius:7px;display:grid;gap:8px}.assembly-selection>span{font-size:9px;color:#8da0ad;letter-spacing:.5px}.assembly-selection strong{font-size:11px;font-weight:500;line-height:1.7;color:#547488}.assembly-note{font-size:10px;line-height:1.85;color:#96a6b1;margin:19px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1050px) and (min-width:781px){.assembly-section{padding:24px}.assembly-heading h2{font-size:25px}.assembly-heading>p{max-width:310px;font-size:12px}.assembly-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.assembly-stage{min-height:525px}.assembly-controls{padding:20px 16px}}
@media(max-width:780px){.assembly-section{margin-top:24px;padding:23px 16px;border-radius:15px}.assembly-heading{display:block;margin-bottom:20px}.assembly-eyebrow{font-size:8px;letter-spacing:1px}.assembly-heading h2{font-size:24px;margin-top:10px}.assembly-heading>p{font-size:12px;line-height:1.75;margin-top:12px}.assembly-layout{grid-template-columns:1fr;gap:15px}.assembly-stage{min-height:390px}.assembly-stage-bar{font-size:8px;left:11px;right:11px;bottom:12px;gap:8px}.assembly-controls{padding:21px 17px}.assembly-divider{margin:20px 0}.assembly-selection{margin-top:18px}.assembly-note{margin-top:15px}.assembly-presets button{font-size:11px;padding:10px 5px}.assembly-fallback img{width:200px;max-height:300px}}