.position-lab{border:1px solid var(--ink);background:var(--white)}.position-toolbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;padding:18px 24px;display:flex}.position-toolbar h2{font:400 clamp(1.8rem,3vw,3rem) var(--display);margin:5px 0 0}.position-toolbar label{text-transform:uppercase;font-size:.65rem;font-weight:700}.money-input{border-bottom:1px solid var(--ink);font:400 1.4rem var(--serif);align-items:center;margin-top:7px;display:flex}.money-input input{width:110px;font:inherit;background:0 0;border:0;padding:4px}.toolbar-controls{align-items:flex-end;gap:20px;display:flex}.toggle-builder{border:1px solid var(--ink);cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;flex-shrink:0;padding:0;font-size:1.5rem;display:none}.toggle-icon{line-height:1;display:block}.position-lab.builder-collapsed .legs-panel{display:none}.position-lab.builder-collapsed .position-grid{grid-template-columns:1fr}@media (max-width:900px){.toggle-builder{display:block}}.position-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.legs-panel{border-right:1px solid var(--ink);padding:20px}.legs-head,.leg-row{grid-template-columns:.62fr .8fr 1fr .55fr .5fr .72fr 20px 26px;align-items:center;gap:6px;display:grid}.legs-head{color:var(--muted);text-transform:uppercase;padding-bottom:9px;font-size:.58rem}.leg-row{border-top:1px solid var(--rule);padding:10px 0}.leg-row.dragging{opacity:.4}.leg-row select,.leg-row input{border:1px solid var(--rule);background:var(--paper);width:100%;min-width:0;color:var(--ink);border-radius:0;padding:10px 8px}.leg-row input:disabled,.leg-row select:disabled{opacity:.38}.side-select{text-align:center;cursor:pointer;font-weight:700}.side-select[data-side=long]{color:#fff;background:#1c4fd6;border-color:#1c4fd6}.side-select[data-side=short]{color:#fff;background:#c23b2c;border-color:#c23b2c}.expiry-select{font-size:.78rem}.stepper{border:1px solid var(--rule);background:var(--paper);align-items:stretch;display:flex}.stepper input{text-align:center;border:0;padding:10px 2px}.stepper button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:.85rem;line-height:1}.stepper button:hover{color:var(--ink);background:var(--rule)}.stepper button:disabled{opacity:.3;cursor:default}.drag-handle{color:var(--muted);cursor:grab;letter-spacing:-2px;background:0 0;border:0;padding:4px;font-size:.85rem}.remove-leg{color:#8b271c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex}.remove-leg:disabled{opacity:.25;cursor:default}.leg-actions{justify-content:space-between;margin-top:24px;display:flex}.leg-actions button{border:1px solid var(--ink);text-transform:uppercase;cursor:pointer;background:0 0;padding:11px 13px;font-size:.62rem;font-weight:700}.leg-actions button:first-child{background:var(--green);color:#fff}.leg-error{color:#8b271c;font-size:.7rem}.leg-note{color:var(--muted);margin:10px 0 0;font-size:.6rem}.payoff-panel{background:#e8e3d8;padding:20px}.payoff-metrics{border-block:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.payoff-metrics div{border-right:1px solid var(--rule);padding:16px}.payoff-metrics div:last-child{border:0}.payoff-metrics span{color:var(--muted);font-size:.6rem;display:block}.payoff-metrics strong{font:400 clamp(1.2rem,2vw,1.8rem) var(--display);margin-top:7px;display:block}.payoff-panel figure{margin:24px 0}.chart-container{width:100%;height:300px}.payoff-panel figcaption{color:var(--muted);justify-content:space-between;font-size:.58rem;display:flex}.scenario table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scenario caption{text-align:left;border-bottom:1px solid var(--ink);font:400 1.25rem var(--display);padding:12px 0}.scenario th,.scenario td{border-bottom:1px solid var(--rule);text-align:right;padding:7px}.scenario th:first-child,.scenario td:first-child{text-align:left}.scenario th{font-size:.6rem}.positive{color:var(--green)}.negative{color:#8b271c}@media (max-width:960px){.position-grid{grid-template-columns:1fr}.legs-panel{border-right:0;border-bottom:1px solid var(--ink)}}@media (max-width:620px){.position-toolbar{flex-direction:column;align-items:start;gap:18px;padding:20px}.legs-panel,.payoff-panel{padding:18px}.legs-head{display:none}.leg-row{grid-template-columns:1fr 1fr 20px 26px;grid-template-areas:"side expiry drag remove""strike strike strike strike""kind lots price price";row-gap:6px}.leg-row .side-select{grid-area:side}.leg-row .expiry-select{grid-area:expiry}.leg-row .stepper{grid-area:strike}.leg-row .drag-handle{grid-area:drag}.leg-row .remove-leg{grid-area:remove}.leg-row .kind-select{grid-area:kind}.leg-row .lots-input{grid-area:lots}.leg-row .price-input{grid-area:price}.payoff-metrics{grid-template-columns:1fr}.payoff-metrics div{border-right:0;border-bottom:1px solid var(--rule)}.payoff-panel figcaption{flex-direction:column;gap:8px}}.position-grid{align-items:start}.position-grid,.legs-panel,.payoff-panel{box-sizing:border-box;min-width:0}@media (max-width:700px){.position-grid{grid-template-columns:1fr}.legs-panel{border-right:0;border-bottom:1px solid var(--ink)}}.position-toolbar{padding:11px 16px}.position-toolbar h2{font-size:clamp(1.45rem,2.2vw,2rem)}.legs-panel,.payoff-panel{padding:12px}.leg-row select,.leg-row input{padding:5px 6px}.leg-actions{margin-top:12px}.payoff-panel figure{margin-block:10px}.chart-container{height:200px}.payoff-metrics div{padding:8px 10px}.payoff-metrics strong{font-size:clamp(1rem,1.7vw,1.5rem)}.payoff-panel{background:#f0ede5}.payoff-metrics{background:#f8f6f0;border:1px solid #cfc8bb;grid-template-columns:repeat(4,minmax(0,1fr))}.payoff-metrics strong{font-variant-numeric:tabular-nums}.payoff-panel figure{background:#fbfaf6;border:1px solid #cfc8bb;border-radius:3px;margin-block:12px;overflow:hidden;box-shadow:0 14px 30px #142d2712}.chart-heading{background:#f4f1e9;border-bottom:1px solid #ded8ce;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.chart-heading>div:first-child{align-items:baseline;gap:8px;display:flex}.chart-kicker{color:var(--brass);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;font-weight:750}.chart-heading strong{font:400 1.15rem var(--display)}.chart-legend{color:var(--muted);gap:14px;font-size:.55rem;font-weight:650;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{width:14px;height:2px;display:block}.expiry-line{background:var(--green)}.spot-line{background:var(--brass)}.chart-container{height:280px;padding:3px 5px 0}.payoff-panel figcaption{background:#f7f4ed;border-top:1px solid #e0dbd1;padding:8px 13px}.scenario{padding:0 4px 4px}.scenario caption{font-size:1.1rem}@media (max-width:760px){.payoff-metrics{grid-template-columns:1fr 1fr}.payoff-metrics div:nth-child(2){border-right:0}.payoff-metrics div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.chart-heading{align-items:flex-start;gap:8px}.chart-legend{flex-direction:column;gap:5px}.chart-container{height:245px}}@media (max-width:420px){.chart-heading>div:first-child{display:block}.chart-kicker{margin-bottom:3px;display:block}.chart-container{height:225px}}