.bend-signature{--bend-travel:0%;--bend-metal:.15;background:#0b1720;color:#edf5f9;border:1px solid #344a59;overflow:hidden}.bend-toolbar{min-height:64px;display:flex;align-items:center;gap:20px;padding:12px 26px;border-bottom:1px solid #2e4351}.bend-drawing-id{font-family:Consolas,monospace;font-size:.875rem;letter-spacing:.07em;color:#91a8b7}.bend-phase{font-size:.875rem;font-weight:700;letter-spacing:.09em;margin-left:auto}.bend-phase:before{content:'';display:inline-block;width:12px;height:3px;margin-right:12px;vertical-align:middle;background:#e23e36}.bend-toolbar button{background:transparent;color:#9fb4c2;border:1px solid #3c5160;min-height:40px;padding:7px 13px;font-size:.875rem}.bend-toolbar button:hover{color:white;border-color:#e23e36}.bend-toolbar button>span{display:inline-block;margin-right:6px;font-size:1.1rem}.bend-scene{position:relative;isolation:isolate;background-image:linear-gradient(#97bfd008 1px,transparent 1px),linear-gradient(90deg,#97bfd008 1px,transparent 1px);background-size:28px 28px}.bend-drawing{display:block;width:100%;height:auto;max-height:590px;overflow:visible}.bend-drawing path{fill:none;stroke-linecap:round;stroke-linejoin:round}.bend-target{stroke:#587181;stroke-width:1;stroke-dasharray:5 8;opacity:.65}.bend-shadow{stroke:#000;stroke-width:28;opacity:.3;transform:translate(0,5px)}.bend-outline{stroke:#405e70;stroke-width:24}.bend-metal{stroke:url(#bendSteel);stroke-width:21;opacity:var(--bend-metal)}.bend-centerline{stroke:#d9f2fc;stroke-width:1;stroke-dasharray:8 5 2 5;opacity:calc(1 - var(--bend-metal)*.82)}.bend-dimension{stroke:#789aaa;stroke-width:1}.bend-tip{stroke:#ff574d;stroke-width:1;fill:#0b1720}.bend-principle{position:absolute;z-index:1;left:28px;top:25px;display:grid;gap:3px;pointer-events:none}.bend-principle>span:first-child{font-size:.75rem;letter-spacing:.15em;color:#98afbe}.bend-principle>b{font-family:Consolas,monospace;font-weight:400;font-size:2.1rem;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1.4}.bend-principle small{font-size:.875rem;letter-spacing:0;color:#94aebf}.bend-invariant{font-size:.875rem;color:#8fa9ba}.bend-specs{position:absolute;right:28px;top:28px;display:flex;gap:32px;text-align:right}.bend-specs>div{display:grid;gap:6px}.bend-specs span{font-size:.75rem;letter-spacing:.09em;color:#8fa7b6}.bend-specs output,.bend-specs b{font-family:Consolas,monospace;font-weight:400;font-size:1.35rem;font-variant-numeric:tabular-nums}.bend-specs small{font-size:.75rem;color:#8fa7b6}.bend-target-label{position:absolute;bottom:25px;left:28px;color:#718d9e;font-size:.75rem;letter-spacing:.07em}.bend-ready{position:absolute;right:28px;bottom:23px;color:#dbeaf2;font-size:.875rem;letter-spacing:.08em;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.bend-ready>span{color:#fc594e;margin-right:7px}.bend-signature[data-complete=true] .bend-ready{opacity:1;transform:none}.bend-signature[data-complete=true] .bend-target,.bend-signature[data-complete=true] .bend-tip,.bend-signature[data-complete=true] .bend-target-label{opacity:0}.bend-signature[data-complete=true] .bend-outline{stroke:#91aaba}.bend-control{padding:26px 28px 20px;background:#111f2a;border-top:1px solid #344957}.bend-control-label,.bend-control-end{display:flex;align-items:center;justify-content:space-between;gap:20px}.bend-control-label label{font-size:.875rem;font-weight:650;letter-spacing:.09em}.bend-control-label>span{font-family:Consolas,monospace;font-size:.875rem;color:#829cac}.bend-control-label i{font-style:normal;margin:0 16px;color:#fa564e}.bend-rail{position:relative;margin:13px 0 7px;padding:0 20px;direction:ltr}.bend-rail input{position:relative;z-index:2;display:block;appearance:none;-webkit-appearance:none;width:100%;height:52px;margin:0;padding:0;border:0;border-radius:0;cursor:ew-resize;background:transparent;touch-action:pan-y}.bend-rail input::-webkit-slider-runnable-track{height:7px;border-radius:0;border:1px solid #465e6e;background:linear-gradient(90deg,#ed4a41 0 var(--bend-travel),#08131d var(--bend-travel) 100%);box-shadow:inset 0 2px 2px #0008}.bend-rail input::-moz-range-track{height:5px;border:1px solid #465e6e;background:#08131d}.bend-rail input::-moz-range-progress{height:5px;background:#ed4a41}.bend-rail input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin-top:-20px;border:1px solid #cfdae1;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 5px,#263f5055 5px 6px,transparent 6px 8px),linear-gradient(#e5ecf1,#6b8596 48%,#acbeca 51%,#658090);box-shadow:0 3px 10px #0009,0 0 0 5px #07121b;transition:box-shadow .15s}.bend-rail input::-moz-range-thumb{width:42px;height:42px;border:1px solid #cfdae1;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 5px,#263f5055 5px 6px,transparent 6px 8px),linear-gradient(#e5ecf1,#6b8596,#acbeca);box-shadow:0 3px 10px #0009,0 0 0 5px #07121b}.bend-rail input:focus-visible{outline:2px solid #d3e8f4;outline-offset:8px}.bend-scale{display:block;height:9px;margin:0 1px;background:repeating-linear-gradient(90deg,#728999 0 1px,transparent 1px 2%);opacity:.5}.bend-control-end{margin-top:13px;color:#8fa6b6;font-size:.8125rem}.bend-control-end>span:last-child{color:#ccdbe5}.bend-after{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px}.bend-after>p{color:var(--muted);font-size:.875rem;max-width:590px;line-height:1.8}.bend-after .button{flex-shrink:0}.bend-signature :focus-visible{outline-color:#d3e8f4}.bend-control,.bend-toolbar,.bend-scene{direction:ltr}[dir=rtl] .bend-control-label,[dir=rtl] .bend-control-end,[dir=rtl] .bend-after{direction:rtl}[dir=rtl] .bend-principle{text-align:left}[dir=rtl] .bend-phase{letter-spacing:0}
@media(max-width:900px){.bend-specs{gap:18px}.bend-specs span{font-size:.75rem;letter-spacing:0}.bend-principle{top:22px}.bend-principle>b{font-size:1.7rem}.bend-invariant{font-size:.75rem}.bend-after{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:600px){.bend-toolbar{padding:14px 16px;gap:10px;flex-wrap:wrap}.bend-drawing-id{font-size:.75rem}.bend-phase{font-size:.75rem;letter-spacing:.04em}.bend-toolbar button{font-size:.8125rem;padding:7px 9px}.bend-principle{left:18px;top:20px}.bend-principle>b{font-size:1.6rem}.bend-invariant{max-width:160px;line-height:1.5}.bend-specs{right:18px;top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px 15px}.bend-specs>div:last-child{display:none}.bend-specs output{font-size:1.2rem}.bend-target-label{left:18px;bottom:16px;font-size:.75rem;max-width:160px;line-height:1.5}.bend-ready{right:18px;bottom:16px;font-size:.75rem;max-width:140px;text-align:right}.bend-control{padding:22px 18px 19px}.bend-control-label label{font-size:.8125rem;letter-spacing:.05em}.bend-control-label>span{display:none}.bend-control-end{align-items:start;font-size:.75rem;gap:20px}.bend-control-end>span:first-child{max-width:165px}.bend-control-end>span:last-child{text-align:right}.bend-after .button{width:100%}}
@media(prefers-reduced-motion:reduce){.bend-signature *{transition:none!important;animation:none!important}}