: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}.underlyingToggle{display:inline-flex;border:1px solid var(--border);background:color-mix(in oklab,var(--panel),#1b1f2f 35%);border-radius:10px;overflow:hidden;height:40px}.underlyingButton{border:0;background:transparent;color:var(--muted);font-size:13px;padding:0 16px;cursor:pointer;height:100%}.underlyingButton+.underlyingButton{border-left:1px solid var(--border)}.underlyingButton:disabled{cursor:default;opacity:.5}.underlyingButtonActive{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}.payoff-builder[data-v-24348193]{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-24348193]{display:flex;align-items:baseline;gap:10px;font-size:11px;color:#94a3b8e6;margin-left:8px}.index-label[data-v-24348193]{text-transform:uppercase;letter-spacing:.18em;font-size:10px}.index-value[data-v-24348193]{font-weight:600;color:#f8fafc}.index-time[data-v-24348193]{color:#94a3b8cc;font-size:10px}.legs-section[data-v-24348193]{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-24348193]{--col-tte: 72px;--strike-greeks-gap-extra: var(--strike-greeks-gap)}.leg-row[data-v-24348193]{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-24348193]{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-24348193]{width:100%;text-align:center;font-size:9px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#94a3b899}.maturity-header[data-v-24348193]{text-align:center}.tte-cell[data-v-24348193]{width:100%;text-align:center;font-size:10px;line-height:1;color:#f8fafc;font-variant-numeric:tabular-nums}.strike-greeks-header[data-v-24348193]{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-24348193]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.side-pill[data-v-24348193]{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-24348193]{padding:0 6px}.side-pill--buy[data-v-24348193]{color:#10d47a}.side-pill--sell[data-v-24348193]{color:#ff2b6a}.qty-spinner[data-v-24348193]{display:flex;align-items:stretch;border-radius:12px;background:transparent;border:none;overflow:hidden;width:100%}.qty-input[data-v-24348193]{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-24348193]::-webkit-inner-spin-button,.qty-input[data-v-24348193]::-webkit-outer-spin-button{display:none}.qty-arrows[data-v-24348193]{display:none;flex-direction:column;border:none}.qty-arrow[data-v-24348193]{padding:0 6px;border:none;background:transparent;color:#e2e8f0b3;font-size:8px;line-height:12px;cursor:pointer;box-shadow:none}.qty-arrow[data-v-24348193]:hover{color:#f8fafc;background:#ffffff14}.qty-arrow[data-v-24348193]:first-child{border-bottom:none}.leg-select[data-v-24348193]{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-24348193]{display:block;align-items:center;width:100%}.type-pill[data-v-24348193]{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-24348193]{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-24348193]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.strike-greeks .leg-select[data-v-24348193]{width:var(--strike-width)}.leg-greeks[data-v-24348193]{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-24348193]{display:block;width:100%;white-space:nowrap;min-height:16px;text-align:right}.leg-greek--spacer[data-v-24348193]{visibility:hidden}.leg-greek-header[data-v-24348193]{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-24348193]{letter-spacing:.06em;text-transform:uppercase}.leg-greek-header--empty[data-v-24348193]{visibility:hidden}.leg-greek-value[data-v-24348193]{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-24348193]{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-24348193]:hover{background:#ffffff26;color:#fff}.add-leg-btn[data-v-24348193]{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-24348193]:hover{color:#fff;border-color:transparent}.legs-divider[data-v-24348193]{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-24348193]{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-24348193]{grid-column:1 / 5;display:flex;align-items:center;gap:8px;min-height:24px}.total-greeks[data-v-24348193]{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-24348193]{width:var(--strike-width)}.tte-spacer[data-v-24348193]{display:none;width:var(--col-tte)}.payoff-builder--tte .total-greeks[data-v-24348193]{grid-template-columns:var(--strike-width) var(--col-tte) 1fr}.payoff-builder--tte .tte-spacer[data-v-24348193]{display:block}@media(max-width:900px){.leg-row[data-v-24348193]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.leg-greeks[data-v-24348193]{grid-template-columns:repeat(2,max-content);row-gap:6px;justify-self:start;margin-left:0}}.chartWrap[data-v-145b0359]{position:relative;border-radius:14px;overflow:hidden;background:#000}.chartCanvas[data-v-145b0359]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.chartSvg[data-v-145b0359]{display:block;width:100%;height:auto;position:relative;z-index:2}.overlay[data-v-145b0359]{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:color-mix(in oklab,#000,transparent 40%);font-size:14px;z-index:3}.appRoot[data-v-2624b62e]{max-width:1320px;margin:0 auto;padding:28px 40px 40px;color:#e8e8ea;min-height:100vh;display:flex;flex-direction:column;gap:20px}.header[data-v-2624b62e]{display:flex;flex-direction:column;gap:12px}.workspaceShell[data-v-2624b62e]{--chart-left-inset: 1%;--chart-right-inset: 11%;width:100%;max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.underlyingRow[data-v-2624b62e]{display:flex;justify-content:flex-start}.underlyingToggle[data-v-2624b62e]{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff0d}.underlyingButton[data-v-2624b62e]{border:none;background:transparent;color:#e2e8f08c;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 14px;border-radius:999px;cursor:pointer}.underlyingButton[data-v-2624b62e]:hover:not(:disabled):not(.underlyingButtonActive){color:#fff;background:#ffffff14}.underlyingButtonActive[data-v-2624b62e]{background:#ffffff24;color:#fff}.underlyingButton[data-v-2624b62e]:disabled{cursor:default;opacity:.5}.titleRow[data-v-2624b62e]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}h1[data-v-2624b62e]{margin:0;width:100%;text-align:center;font-size:20px;font-weight:600}.greekSymbolGrid[data-v-2624b62e]{display:inline-grid;grid-auto-flow:column;gap:8px}.greekSymbolButton[data-v-2624b62e]{border:1px solid rgba(255,255,255,.12);background:#0f1318;color:#f8fafc;font-size:10px;line-height:1;width:44px;height:40px;border-radius:12px;cursor:pointer}.greekSymbolButton.active[data-v-2624b62e]{color:#f8fafc;font-weight:600}.saveButton[data-v-2624b62e]{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1318;color:#f8fafc;font-size:10px;font-weight:600;box-shadow:none}.saveButton[data-v-2624b62e]:hover{background:#141b24}.builderRow[data-v-2624b62e]{display:flex;align-items:flex-start;gap:16px;width:100%;padding-left:var(--chart-left-inset);padding-right:var(--chart-right-inset);box-sizing:border-box}.builderMain[data-v-2624b62e]{flex:1 1 auto;min-width:0;width:100%}.builderMain[data-v-2624b62e] .legs-section{--layout-gap: 8px;--leg-row-gap-total: 32px;--leg-greeks-gap-total: 44px;--strike-greeks-gap: 10px}.builderMain[data-v-2624b62e] .index-summary,.builderMain[data-v-2624b62e] .index-label,.builderMain[data-v-2624b62e] .index-value,.builderMain[data-v-2624b62e] .index-time,.builderMain[data-v-2624b62e] .leg-greek-header,.builderMain[data-v-2624b62e] .leg-greek-value,.builderMain[data-v-2624b62e] .leg-greeks,.builderMain[data-v-2624b62e] .total-greeks{font-size:10px}.builderMain[data-v-2624b62e] .side-pill--buy{color:#22d3ee}.chartShell[data-v-2624b62e]{margin-top:6px;display:flex;flex-direction:column;gap:10px;width:100%}.chartControlRow[data-v-2624b62e]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;width:100%;padding-left:var(--chart-left-inset);padding-right:var(--chart-right-inset);box-sizing:border-box}.timeSliderBar[data-v-2624b62e]{grid-column:2;width:100%;max-width:520px;justify-self:center;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1318;display:flex;align-items:center;gap:10px}.timeSliderLabel[data-v-2624b62e]{color:#d4d7e2;font-size:11px;font-weight:600;line-height:1;flex:0 0 auto}.timeSliderInput[data-v-2624b62e]{-webkit-appearance:none;appearance:none;flex:1 1 auto;width:auto;height:20px;margin:0;background:transparent;cursor:pointer}.timeSliderInput[data-v-2624b62e]:focus{outline:none}.timeSliderInput[data-v-2624b62e]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#ffffff2e}.timeSliderInput[data-v-2624b62e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;margin-top:0;border-radius:50%;border:1px solid rgba(210,220,238,var(--thumb-border-alpha, .68));background:rgb(var(--thumb-rgb, 248, 248, 252));box-shadow:none}.timeSliderInput[data-v-2624b62e]::-moz-range-track{height:8px;border-radius:999px;background:#ffffff2e}.timeSliderInput[data-v-2624b62e]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;border:1px solid rgba(210,220,238,var(--thumb-border-alpha, .68));background:rgb(var(--thumb-rgb, 248, 248, 252));box-shadow:none}.greekBarRow[data-v-2624b62e]{grid-column:1;justify-self:start}.savePngRow[data-v-2624b62e]{grid-column:3;justify-self:end}.error[data-v-2624b62e]{color:#ff8282;font-size:14px}@media(max-width:900px){.appRoot[data-v-2624b62e]{padding:18px 14px 20px;gap:14px}.titleRow[data-v-2624b62e]{flex-direction:column;align-items:flex-start}.builderRow[data-v-2624b62e]{flex-direction:column;gap:10px}.greekBarRow[data-v-2624b62e]{justify-self:start}.savePngRow[data-v-2624b62e]{justify-self:end}.chartControlRow[data-v-2624b62e]{column-gap:10px}.timeSliderBar[data-v-2624b62e]{max-width:300px;height:40px;padding:0 10px}}