@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db9bfcd87f1d73a3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4e2312c98e240c05-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/feed52454563c595-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f83e5507ec3854fa-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8934311971e59087-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bfdf244a9384e8b2-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b10e9fa1144bb4fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d13ab8ed065835e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d8c0f620f258dcc1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5fcb63deed33aab6-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e595057e1ab84c19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/861fabf8a4ffc042-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2b32cc5cb75c7a84-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0d4277ce62acaedf-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/942c4903ae74b0f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/66c5464579bf95d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local("Arial");ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.00%;size-adjust:101.17%}.__className_700a60{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.__variable_700a60{--thai:"IBM Plex Sans Thai","IBM Plex Sans Thai Fallback"}:root{--bg:#f2f2f7;--card:#fff;--card2:#f2f2f7;--sep:rgba(60,60,67,.18);--text:#000;--dim:rgba(60,60,67,.6);--dim2:rgba(60,60,67,.3);--loss:#ff3b30;--profit:#28a745;--warn:#b38600;--accent:#000;--r:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--thai),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 40px;display:flex;flex-direction:column;gap:16px}.wrap>*{min-width:0}.top{display:flex;justify-content:space-between;align-items:center}.banner{background:rgba(255,204,0,.18);color:var(--warn);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500}.title{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0}.sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.pill{font-size:13px;color:var(--dim);background:var(--card);border-radius:999px;padding:5px 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill.side{color:var(--loss);background:rgba(255,59,48,.1);font-weight:600}.dim{color:var(--dim);font-size:13px}.card{border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.04);min-width:0;overflow:hidden;background:var(--card);border-radius:var(--r);padding:18px}.chart{position:relative;height:54vh;min-height:400px;padding:18px 10px 10px}.hero{position:absolute;top:18px;right:22px;z-index:2;text-align:right;pointer-events:none}.hero .v{font-size:44px;font-weight:700;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.05}.warns{position:absolute;top:18px;left:22px;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:56%}.warn{display:flex;gap:10px;align-items:center;background:rgba(255,59,48,.1);color:#3a0a07;padding:9px 14px;border-radius:16px;font-size:13px}.warn b{color:var(--loss);font-weight:600}.ico{width:22px;height:22px;border-radius:50%;background:var(--loss);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.legend{position:absolute;bottom:14px;left:66px;display:flex;gap:16px;font-size:12px;color:var(--dim)}.legend span{white-space:nowrap}.legend i{display:inline-block;width:18px;height:0;border-top:3px solid;border-radius:2px;vertical-align:middle;margin-right:6px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ctl label{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--dim);margin-bottom:14px}.ctl label span{color:var(--text);font-size:22px;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--p),#e5e5ea var(--p));outline:none;cursor:pointer;margin:12px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 0 0 .5px rgba(0,0,0,.08)}input[type=range]::-moz-range-thumb{width:28px;height:28px;border:none;border-radius:50%;background:#fff}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:rgba(118,118,128,.12);border-radius:10px;padding:2px;margin-top:10px}.seg,.seg button{position:relative}.seg button{font:inherit;font-size:13px;font-weight:500;color:var(--text);background:none;border:none;padding:7px 4px;cursor:pointer;z-index:1;border-radius:8px}.seg .thumb{position:absolute;inset:0;background:#fff;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);z-index:-1}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:none;padding:0}.m{border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.04);background:var(--card);border-radius:20px;padding:14px 16px}.m.bad{background:rgba(255,59,48,.1)}.m .k{font-size:13px;color:var(--dim)}.m .v{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:4px}.m .v,.pnl{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pnl{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;text-align:center;margin-top:12px}.pnl button{font:inherit;color:inherit;cursor:pointer;padding:12px 4px;border-radius:16px;border:2px solid transparent;font-size:16px;font-weight:600;background:var(--card2);transition:transform .15s}.pnl button:active{transform:scale(.96)}.pnl button.on{border-color:var(--accent)}.pnl small{display:block;color:var(--dim);font-size:12px;font-weight:500;margin-bottom:2px}.loss{color:var(--loss)}.profit{color:var(--profit)}.section-h{font-size:13px;color:var(--dim);text-transform:none;padding:0 4px}@media (max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.pnl{grid-template-columns:repeat(3,1fr)}.chart{height:auto}.chart .recharts-responsive-container{height:320px!important}.legend{gap:12px;flex-wrap:wrap}.hero,.legend,.warns{position:static;max-width:100%;text-align:left;margin:0 8px 10px}}:root{--c-bg:#f2f2f7;--c-surface:#fff;--c-fill:rgba(118,118,128,.12);--c-sep:rgba(60,60,67,.18);--c-text:#000;--c-text-2:rgba(60,60,67,.6);--c-text-3:rgba(60,60,67,.3);--c-t0:#e6a700;--c-expiry:rgba(0,0,0,.45);--c-profit:#28a745;--c-profit-bg:rgba(40,167,69,.1);--c-loss:#ff3b30;--c-loss-bg:rgba(255,59,48,.1);--c-loss-ink:#3a0a07;--c-proxy:#b38600;--c-proxy-bg:rgba(255,204,0,.18);--c-focus:rgba(0,122,255,.35);--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--t-hero:700 44px/1.05 inherit;--t-title:700 34px/1.1 inherit;--t-value:600 22px/1.2 inherit;--t-body:400 15px/1.35 inherit;--t-label:500 13px/1.3 inherit;--t-caption:500 12px/1.3 inherit;--sh-card:0 1px 3px rgba(0,0,0,.04);--sh-raised:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);--sh-pop:0 6px 20px rgba(0,0,0,.12);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:150ms;--dur-base:250ms}@media (max-width:700px){:root{--t-hero:700 34px/1.05 inherit;--t-title:700 28px/1.1 inherit}}.d-states{display:flex;gap:6px;flex-wrap:wrap}.d-states button{font:var(--t-label);font-family:inherit;border:none;border-radius:var(--r-pill);padding:6px 12px;background:var(--c-surface);color:var(--c-text-2);cursor:pointer}.d-states button.on{background:var(--c-text);color:#fff}.legs{display:flex;flex-direction:column;padding:var(--s-4)}.leg,.legs{gap:var(--s-3)}.leg{display:grid;grid-template-columns:auto auto minmax(90px,160px) 1fr;align-items:end;padding:var(--s-3);border-radius:var(--r-md);background:var(--c-bg)}.leg .seg{margin-top:0;min-width:0}.leg .seg button{padding:6px 10px}.fld{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.fld span{font:var(--t-caption);font-family:inherit;color:var(--c-text-2)}.fld input,.fld select{font:var(--t-body);font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:100%;min-width:0;border:1px solid transparent;background:var(--c-surface);border-radius:var(--r-sm);padding:8px 10px;color:var(--c-text);outline:none}.fld input:focus,.fld select:focus{box-shadow:0 0 0 3px var(--c-focus)}.fld input:disabled{color:var(--c-text-3)}.fld.err input{border-color:var(--c-loss)}.fld.err em{font:var(--t-caption);font-family:inherit;font-style:normal;color:var(--c-loss)}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--c-fill);color:var(--c-text-2);font-size:18px;cursor:pointer}.add{font:var(--t-label);font-family:inherit;border:1.5px dashed var(--c-sep);background:none;border-radius:var(--r-md);padding:12px;color:var(--c-text);cursor:pointer}.add:disabled{color:var(--c-text-3);cursor:default}.empty{display:grid;place-items:center;text-align:center;height:100%;min-height:320px;color:var(--c-text-2);gap:var(--s-2)}.empty b{font:var(--t-value);font-family:inherit;color:var(--c-text);display:block}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#ececf0 25%,#f6f6f8 50%,#ececf0 75%);background-size:200% 100%;animation:skel 1.2s linear infinite}@keyframes skel{to{background-position:-200% 0}}.errbox{display:flex;gap:var(--s-3);align-items:center;background:var(--c-loss-bg);color:var(--c-loss-ink);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font:var(--t-label);font-family:inherit}.errbox button{margin-left:auto;font:inherit;border:none;background:var(--c-surface);border-radius:var(--r-pill);padding:6px 14px;cursor:pointer}@media (prefers-reduced-motion:reduce){.skel{animation:none}}@media (max-width:700px){.leg{grid-template-columns:1fr 1fr auto}.leg .seg.type{grid-column:1/3}.leg .icon-btn{grid-column:3;grid-row:1}.fld.size,.fld.strike,.leg .seg.side{grid-column:1/-1}}@media (min-width:701px){.d-scale{zoom:.8;max-width:1350px}}.chips-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--s-2)}.chips{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.chips::-webkit-scrollbar{display:none}.chips{cursor:grab;-webkit-user-select:none;user-select:none}.chips:active{cursor:grabbing}.chips button{position:relative;flex:none;scroll-snap-align:center;font:inherit;border:none;background:var(--c-surface);border-radius:var(--r-pill);padding:5px 11px;cursor:pointer;display:flex;align-items:baseline;gap:5px;color:var(--c-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background var(--dur-fast)}.chips button:hover{background:#e9e9ee}.chips button:last-child{margin-right:24px}.chips b,.chips em,.chips i,.chips small{position:relative}.chips b{font-size:13px;font-weight:600;white-space:nowrap}.chips small{font-size:12px;color:var(--c-text-2);white-space:nowrap}.chips i{font-style:normal;font-size:9px;font-weight:700;color:var(--c-proxy);letter-spacing:.04em}.chips em{width:6px;height:6px;border-radius:50%;background:var(--c-loss);align-self:center}.chips .chip-bg{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--c-text)}.chips button.on b,.chips button.on i{color:#fff}.chips button.on small{color:rgba(255,255,255,.65)}.leg .fld.pick{grid-column:1/-1}@media (max-width:700px){.chips-row{grid-template-columns:1fr;gap:var(--s-1)}}.live{display:flex;flex-direction:column;gap:14px}.live-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:17px}.live-err{background:rgba(255,59,48,.1);color:var(--loss);padding:9px 14px;border-radius:14px;font-size:13px}.live-pick{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.live-pick .seg{margin:0;max-width:200px}.live .chips button{background:var(--c-fill)}.live .chips button:hover{background:rgba(118,118,128,.2)}.live .chips-row.dim{font-size:13px}.seg button.on{background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}.live-pick label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim);min-width:0}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{background:var(--card2);border-radius:16px;padding:12px 14px;min-width:0}.stat .k{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat .v{font-size:19px;font-weight:600;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat .s{font-size:12px;color:var(--dim);margin-top:2px}@media (max-width:700px){.live-pick .seg{max-width:none}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}