.payoff-builder[data-v-fee8ec43]{display:flex;flex-direction:column;gap:8px;padding:0;background:transparent;font-size:11px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.index-summary[data-v-fee8ec43]{display:flex;align-items:baseline;gap:10px;font-size:11px;color:#94a3b8e6;margin-left:8px}.index-label[data-v-fee8ec43]{text-transform:uppercase;letter-spacing:.18em;font-size:10px}.index-value[data-v-fee8ec43]{font-weight:600;color:#f8fafc}.index-time[data-v-fee8ec43]{color:#94a3b8cc;font-size:10px}.legs-section[data-v-fee8ec43]{display:flex;flex-direction:column;gap:3px;--row-pad-y: 3px;--row-pad-x: 8px;--layout-gap: 6px;--col-side: 86px;--col-qty: 60px;--col-type: 68px;--col-expiry: 108px;--col-tte: 0px;--strike-width: 84px;--strike-greeks-gap: 8px;--strike-greeks-gap-extra: 0px;--greek-iv: 74px;--greek-mark: 106px;--greek-delta: 56px;--greek-gamma: 72px;--greek-theta: 72px;--greek-vega: 56px;--greek-remove: 32px;--leg-row-gap-total: 24px;--leg-greeks-gap-total: 36px;--greeks-shift-x: 0px;--control-height: 27px}.payoff-builder--tte .legs-section[data-v-fee8ec43]{--col-tte: 72px;--strike-greeks-gap-extra: var(--strike-greeks-gap)}.leg-row[data-v-fee8ec43]{display:grid;grid-template-columns:var(--col-side) var(--col-qty) var(--col-type) var(--col-expiry) 1fr;gap:var(--layout-gap);align-items:center;padding:var(--row-pad-y) var(--row-pad-x);background:transparent;border:none}.leg-greeks-header-row[data-v-fee8ec43]{display:grid;grid-template-columns:var(--col-side) var(--col-qty) var(--col-type) var(--col-expiry) 1fr;gap:var(--layout-gap);align-items:center;padding:0 var(--row-pad-x) 1px}.field-header[data-v-fee8ec43]{width:100%;text-align:center;font-size:9px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#94a3b899}.maturity-header[data-v-fee8ec43]{text-align:center}.tte-cell[data-v-fee8ec43]{width:100%;text-align:center;font-size:10px;line-height:1;color:#f8fafc;font-variant-numeric:tabular-nums}.strike-greeks-header[data-v-fee8ec43]{display:grid;grid-template-columns:var(--strike-width) 1fr;align-items:center;gap:var(--strike-greeks-gap);min-width:0}.payoff-builder--tte .strike-greeks-header[data-v-fee8ec43]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.side-pill[data-v-fee8ec43]{display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;height:var(--control-height);padding:0 6px;border-radius:12px;font-size:10px;line-height:1;font-weight:600;letter-spacing:.01em;border:1px solid rgba(255,255,255,.12);cursor:pointer;box-shadow:none;background:#0f1318}.side-pill--sell[data-v-fee8ec43]{padding:0 6px}.side-pill--buy[data-v-fee8ec43]{color:#10d47a}.side-pill--sell[data-v-fee8ec43]{color:#ff2b6a}.qty-spinner[data-v-fee8ec43]{display:flex;align-items:stretch;border-radius:12px;background:transparent;border:none;overflow:hidden;width:100%}.qty-input[data-v-fee8ec43]{box-sizing:border-box;width:100%;height:var(--control-height);min-height:var(--control-height);padding:0 5px;line-height:var(--control-height);border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#f8fafc;font-size:10px;text-align:center;font-variant-numeric:tabular-nums}.qty-input[data-v-fee8ec43]::-webkit-inner-spin-button,.qty-input[data-v-fee8ec43]::-webkit-outer-spin-button{display:none}.qty-arrows[data-v-fee8ec43]{display:none;flex-direction:column;border:none}.qty-arrow[data-v-fee8ec43]{padding:0 6px;border:none;background:transparent;color:#e2e8f0b3;font-size:8px;line-height:12px;cursor:pointer;box-shadow:none}.qty-arrow[data-v-fee8ec43]:hover{color:#f8fafc;background:#ffffff14}.qty-arrow[data-v-fee8ec43]:first-child{border-bottom:none}.leg-select[data-v-fee8ec43]{box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);padding:0 7px;line-height:var(--control-height);border-radius:12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#f8fafc;font-size:10px;text-align:center;text-align-last:center;cursor:pointer;appearance:none;background-image:none}.type-toggle[data-v-fee8ec43]{display:block;align-items:center;width:100%}.type-pill[data-v-fee8ec43]{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:var(--control-height);padding:0 6px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1318;color:#f8fafc;font-size:10px;line-height:1;cursor:pointer}.strike-greeks[data-v-fee8ec43]{display:grid;grid-template-columns:var(--strike-width) 1fr;align-items:center;gap:var(--strike-greeks-gap);min-width:0}.payoff-builder--tte .strike-greeks[data-v-fee8ec43]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.strike-greeks .leg-select[data-v-fee8ec43]{width:var(--strike-width)}.leg-greeks[data-v-fee8ec43]{display:grid;grid-template-columns:var(--greek-iv) var(--greek-mark) var(--greek-delta) var(--greek-gamma) var(--greek-theta) var(--greek-vega) var(--greek-remove);align-items:center;justify-items:stretch;column-gap:var(--layout-gap);font-size:10px;color:#94a3b8e6;margin-left:var(--greeks-shift-x)}.leg-greek[data-v-fee8ec43]{display:block;width:100%;white-space:nowrap;min-height:16px;text-align:right}.leg-greek--spacer[data-v-fee8ec43]{visibility:hidden}.leg-greek-header[data-v-fee8ec43]{width:100%;text-align:right;font-size:9px;line-height:1;letter-spacing:.04em;text-transform:none;color:#94a3b899}.leg-greek-header--text[data-v-fee8ec43]{letter-spacing:.06em;text-transform:uppercase}.leg-greek-header--empty[data-v-fee8ec43]{visibility:hidden}.leg-greek-value[data-v-fee8ec43]{width:100%;text-align:right;font-size:10px;line-height:1;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;color:#f8fafc}.remove-btn[data-v-fee8ec43]{width:22px;height:22px;border-radius:50%;border:none;background:#ffffff14;color:#e2e8f0b3;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;justify-self:center}.remove-btn[data-v-fee8ec43]:hover{background:#ffffff26;color:#fff}.add-leg-btn[data-v-fee8ec43]{align-self:flex-start;padding:3px 10px;border-radius:999px;border:none;background:transparent;color:#e2e8f0b3;font-size:10px;cursor:pointer;box-shadow:none}.add-leg-btn[data-v-fee8ec43]:hover{color:#fff;border-color:transparent}.legs-divider[data-v-fee8ec43]{border-top:.5px solid rgba(148,163,184,.45);margin:0 0 0 var(--row-pad-x);width:calc(var(--col-side) + var(--col-qty) + var(--col-type) + var(--col-expiry) + var(--col-tte) + var(--strike-width) + var(--greek-iv) + var(--greek-mark) + var(--greek-delta) + var(--greek-gamma) + var(--greek-theta) + var(--greek-vega) + var(--greek-remove) + var(--leg-row-gap-total) + var(--strike-greeks-gap) + var(--strike-greeks-gap-extra) + var(--leg-greeks-gap-total));max-width:calc(100% - var(--row-pad-x))}.legs-footer[data-v-fee8ec43]{display:grid;grid-template-columns:var(--col-side) var(--col-qty) var(--col-type) var(--col-expiry) 1fr;align-items:center;gap:var(--layout-gap);padding:1px var(--row-pad-x) 0}.footer-actions[data-v-fee8ec43]{grid-column:1 / 5;display:flex;align-items:center;gap:8px;min-height:24px}.total-greeks[data-v-fee8ec43]{display:grid;grid-template-columns:var(--strike-width) 1fr;align-items:center;gap:var(--strike-greeks-gap);padding:var(--row-pad-y) 0;font-size:10px;color:#94a3b8e6;grid-column:5}.strike-spacer[data-v-fee8ec43]{width:var(--strike-width)}.tte-spacer[data-v-fee8ec43]{display:none;width:var(--col-tte)}.payoff-builder--tte .total-greeks[data-v-fee8ec43]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.payoff-builder--tte .tte-spacer[data-v-fee8ec43]{display:block}@media(max-width:900px){.leg-row[data-v-fee8ec43]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.leg-greeks[data-v-fee8ec43]{grid-template-columns:repeat(2,max-content);row-gap:6px;justify-self:start;margin-left:0}}.chartContainer[data-v-cc5b6f31]{width:100%;margin:0;border:0;background:transparent;overflow:visible;position:relative}.chartSvg[data-v-cc5b6f31]{width:100%;height:auto;display:block;background:#000}.appRoot[data-v-4934fd89]{max-width:1320px;margin:0 auto;padding:28px 40px 40px;color:#e8e8ea;min-height:100vh;display:flex;flex-direction:column;gap:0}.settingsWrap[data-v-4934fd89]{position:relative}.settingsButton[data-v-4934fd89]{border:none;background:#ffffff14;color:#e2e8f0b3;cursor:pointer;box-shadow:none}.settingsButton[data-v-4934fd89]:hover{background:#ffffff26;color:#fff}.settingsButton--icon[data-v-4934fd89]{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.settingsButton--icon[data-v-4934fd89]:before{content:"";width:4px;height:4px;border-radius:50%;background:#e8ebf2}.settingsDropdown[data-v-4934fd89]{position:absolute;top:calc(100% + 8px);right:0;width:240px;border:.5px solid rgba(255,255,255,.9);background:#080a0f;border-radius:6px;padding:10px 12px 12px;box-shadow:0 10px 26px #00000059;z-index:20;color:#a9abb6;font-size:10px;font-weight:600;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.settingsWrap--chart[data-v-4934fd89]{position:absolute;top:5px;right:40px;z-index:25}.settingsWrap--chart-lower[data-v-4934fd89]{position:absolute;top:calc(47% + 8px);right:40px;z-index:25}.settingsTitle[data-v-4934fd89]{font-size:10px;color:#a9abb6;font-weight:600;margin-bottom:10px}.settingsHint[data-v-4934fd89]{color:#a9abb6;font-size:10px;font-weight:600;letter-spacing:0;margin-bottom:6px}.settingsSlider[data-v-4934fd89]{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.settingsSlider[data-v-4934fd89]:focus{outline:none}.settingsSlider[data-v-4934fd89]::-webkit-slider-runnable-track{height:2px;background:#f5f5f573;border-radius:999px}.settingsSlider[data-v-4934fd89]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;margin-top:-3px;border-radius:50%;border:none;background:#f5f5f7}.settingsSlider[data-v-4934fd89]::-moz-range-track{height:2px;background:#f5f5f573;border-radius:999px}.settingsSlider[data-v-4934fd89]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;border:none;background:#f5f5f7}.settingsRange[data-v-4934fd89]{margin-top:4px;display:flex;justify-content:space-between;color:#a9abb6;font-size:10px;font-weight:600}.settingsToggleRow[data-v-4934fd89]{display:flex;align-items:center;justify-content:space-between;gap:10px}.settingsToggleLabel[data-v-4934fd89]{color:#a9abb6;font-size:10px;font-weight:600}.settingsToggleButton[data-v-4934fd89]{min-width:44px;height:20px;border-radius:999px;border:1px solid #2a2f3b;background:#12161e;color:#a9abb6;font-size:10px;font-weight:600;cursor:pointer}.settingsToggleButtonActive[data-v-4934fd89]{border-color:#2f855a;background:#163125;color:#8ad5a1}.builderRow[data-v-4934fd89]{display:flex;align-items:flex-start;gap:16px}.builderMain[data-v-4934fd89]{flex:1 1 auto;min-width:0}.deltaHedgeButton[data-v-4934fd89]{align-self:flex-start;padding:3px 10px;border-radius:999px;border:none;background:transparent;color:#e2e8f0b3;font-size:10px;cursor:pointer;box-shadow:none}.deltaHedgeButton[data-v-4934fd89]:hover{color:#fff}.deltaHedgeButtonActive[data-v-4934fd89]{color:#8ad5a1}.builderMain[data-v-4934fd89] .legs-section{--layout-gap: 8px;--leg-row-gap-total: 32px;--leg-greeks-gap-total: 44px;--strike-greeks-gap: 10px}.builderMain[data-v-4934fd89] .index-summary,.builderMain[data-v-4934fd89] .index-label,.builderMain[data-v-4934fd89] .index-value,.builderMain[data-v-4934fd89] .index-time,.builderMain[data-v-4934fd89] .leg-greek-header,.builderMain[data-v-4934fd89] .leg-greek-value,.builderMain[data-v-4934fd89] .leg-greeks,.builderMain[data-v-4934fd89] .total-greeks{font-size:10px}.chartBlock[data-v-4934fd89]{margin-top:28px;width:min(100%,960px);margin-left:8px;display:flex;flex-direction:column;gap:0;position:relative}.statusRow[data-v-4934fd89]{min-height:20px;color:#9ea5bc;font-size:14px}.error[data-v-4934fd89]{color:#ff8282}@media(max-width:900px){.appRoot[data-v-4934fd89]{padding:18px 14px 20px}.settingsWrap--chart[data-v-4934fd89],.settingsWrap--chart-lower[data-v-4934fd89]{right:12px}.builderRow[data-v-4934fd89]{flex-direction:column;gap:10px}.chartBlock[data-v-4934fd89]{width:100%;margin-left:0}}:root{color-scheme:dark;--bg: black;--panel: #0b0d13;--text: #e8e8ea;--muted: #a9abb6;--border: #222532;--accent: #7aa2ff;--danger: #ff6b6b}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:var(--accent)}.app{max-width:1440px;margin:0 auto;padding:28px 18px 40px}.header{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.titleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.titleRow h1{margin:0;font-size:20px;font-weight:650;letter-spacing:.2px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;align-items:flex-end}.field{display:flex;align-items:center;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.field label{font-size:13px;color:var(--muted)}.field select{appearance:none;background:transparent;border:0;color:var(--text);font-size:13px;padding:0 18px 0 0;cursor:pointer}.field select:focus{outline:none}.saveButton{border:1px solid var(--border);background:color-mix(in oklab,var(--panel),#1b1f2f 35%);color:var(--text);font-size:13px;padding:10px 16px;border-radius:10px;cursor:pointer;height:40px}.saveButton:disabled{opacity:.5;cursor:not-allowed}.modeToggle{display:inline-flex;border:1px solid var(--border);background:color-mix(in oklab,var(--panel),#1b1f2f 35%);border-radius:10px;overflow:hidden;height:40px}.modeToggleButton{border:0;background:transparent;color:var(--muted);font-size:13px;padding:0 16px;cursor:pointer;height:100%}.modeToggleButton+.modeToggleButton{border-left:1px solid var(--border)}.modeToggleButton.active{color:var(--text);font-weight:600}.meta{color:var(--muted);font-size:13px;line-height:1.35}.error{color:var(--danger);font-size:13px;padding:10px 12px;border:1px solid color-mix(in oklab,var(--danger),transparent 55%);background:color-mix(in oklab,var(--danger),transparent 92%);border-radius:10px}
