/* Compact, static product previews. No global selectors, timers or controls. */
[data-compact-scene]{width:100%;min-width:0}
.cs-frame{--cs-muted:#aab7c3;--cs-line:#2b3844;--cs-cyan:#27d8ce;--cs-pink:#e69abd;margin:0;width:100%;min-width:0;box-sizing:border-box;background:linear-gradient(135deg,#13212b65,transparent 55%),#090d10;border:1px solid #33434f;border-radius:10px;color:#e1eaf2;font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.35;font-variant-numeric:tabular-nums;overflow:hidden;container-type:inline-size;text-align:left;box-shadow:inset 0 1px #ffffff04,0 15px 40px -30px #000}
.cs-frame *,.cs-frame *::before,.cs-frame *::after{box-sizing:border-box}
.cs-frame strong,.cs-frame b{font-weight:550}
.cs-head{height:37px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 13px;border-bottom:1px solid var(--cs-line)}
.cs-head strong{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:-.01em;white-space:nowrap}
.cs-head strong i{width:4px;height:4px;border-radius:50%;background:var(--cs-cyan);flex:none}
.cs-badge{color:var(--cs-muted);font-size:10px;line-height:1;border:1px solid #32404c;border-radius:3px;padding:3px 5px;white-space:nowrap}
.cs-cyan{color:var(--cs-cyan)}.cs-pink{color:var(--cs-pink)}.cs-violet{color:#b3a8ff}
.cs-inventory-legend{padding:10px 13px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cs-muted);font-size:10px}
.cs-inventory-legend>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}
.cs-key{display:inline-block;width:9px;height:5px;border-radius:1px;flex:none;background:#aebecd}
.cs-key-outline{opacity:.35}.cs-key-solid{margin-left:4px;background:#aebecd}
.cs-ladder{width:calc(100% - 26px);margin:0 13px;border-collapse:collapse;table-layout:fixed;font-size:10px}
.cs-ladder tr{height:24px;border-top:1px solid #25354166}
.cs-ladder th{width:42px;text-align:left;font-size:11px;font-weight:500}
.cs-ladder th small{font-size:10px;font-weight:400;color:var(--cs-muted);margin-left:5px}
.cs-ladder td:last-child{width:63px;text-align:right;font-size:11px}
.cs-ladder td:nth-child(2){padding-inline:6px}
.cs-spot-row{background:#c0e0ed04}
.cs-gamma-track{height:21px;width:100%;position:relative;background:linear-gradient(90deg,transparent calc(50% - .5px),#7e95a443 calc(50% - .5px),#7e95a443 calc(50% + .5px),transparent calc(50% + .5px))}
.cs-gamma-track i{position:absolute;width:var(--cs-size);min-width:1px;border-radius:1px;display:block}
.cs-neg{right:50%;background:var(--cs-pink)}.cs-pos{left:50%;background:var(--cs-cyan)}
.cs-oi-bar{height:14px;top:3px;opacity:.24}.cs-adjusted-bar{height:6px;top:7px;opacity:.92}
.cs-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-top:1px solid var(--cs-line);margin-top:6px;font-size:10px;color:var(--cs-muted)}
.cs-total>span:last-child{display:flex;align-items:center;gap:10px}
.cs-total b{color:#b9c7d3;font-size:12px}.cs-total i{font-style:normal;color:#86a4b4}.cs-total strong{color:var(--cs-pink);font-size:14px;letter-spacing:-.025em}
.cs-hedge-axis{padding:10px 13px 4px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--cs-muted)}
.cs-hedge-rows{padding:0 13px}
.cs-hedge-row{display:grid;grid-template-columns:83px minmax(0,1fr) 58px;align-items:center;column-gap:9px;min-height:47px;border-bottom:1px solid #25354188}
.cs-hedge-row:last-child{border:0}
.cs-hedge-row>div:first-child strong{display:block;font-size:12px;letter-spacing:-.015em}
.cs-hedge-row>div:first-child span{display:block;font-size:10px;color:var(--cs-muted);margin-top:3px}
.cs-hedge-track{height:27px;position:relative;border-block:1px solid #21313b55;background:linear-gradient(90deg,transparent calc(50% - .5px),#b3c4d080 calc(50% - .5px),#b3c4d080 calc(50% + .5px),transparent calc(50% + .5px))}
.cs-hedge-track:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#6e879122}
.cs-hedge-track i{position:absolute;top:9px;height:7px;min-width:2px;width:var(--cs-size);border-radius:2px;opacity:.85}
.cs-hedge-result{text-align:right}.cs-hedge-result strong{display:block;font-size:11px}.cs-hedge-result span{font-size:11px;display:block;margin-top:2px}
.cs-hedge-foot{height:34px;display:flex;align-items:center;gap:5px;padding-inline:13px;border-top:1px solid var(--cs-line);font-size:10px;color:var(--cs-muted)}
.cs-hedge-foot i{font-style:normal;color:#708997}.cs-hedge-foot b{margin-left:auto;font-size:10px;color:#c4d2dd;font-weight:400}
.cs-vol-metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:11px 13px 0;margin:0}
.cs-vol-metrics>div+div{padding-left:11px;border-left:1px solid var(--cs-line)}
.cs-vol-metrics dt{font-size:10px;color:var(--cs-muted);white-space:nowrap}
.cs-vol-metrics dd{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:3px 0 0}
.cs-vol-metrics dd>span{font-size:13px;font-weight:400;letter-spacing:0}
.cs-vol-metrics>div:last-child dd{font-size:20px;padding-top:4px;white-space:nowrap}
.cs-move-band{padding:16px 13px 11px}
.cs-band{position:relative;margin:0 4px;height:4px;background:linear-gradient(90deg,#b3a8ff33,#b3a8ff77,#b3a8ff33);border-radius:4px}
.cs-band:before{content:'';position:absolute;inset:-4px 0;background:#b3a8ff06;border-radius:4px}
.cs-band i{width:1px;position:absolute;top:-3px;bottom:-3px;background:#a99ee2b3}
.cs-band i:first-child{left:0}.cs-band i:nth-child(2){left:50%;background:#d2e1edc4}.cs-band i:nth-child(3){right:0}
.cs-band b{position:absolute;width:6px;height:6px;top:-1px;left:calc(50% - 3px);border-radius:50%;background:#e1eaf2;box-shadow:0 0 0 3px #b3a8ff13}
.cs-band-labels{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--cs-muted);margin-top:7px}
.cs-band-labels>span:nth-child(2){color:#d2dce6}
.cs-vol-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--cs-line);padding:10px 13px 5px}
.cs-vol-bottom>div{min-width:0}.cs-vol-bottom>div+div{padding-left:14px;border-left:1px solid var(--cs-line)}
.cs-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;white-space:nowrap}
.cs-mini-heading strong{font-size:10px;font-weight:500;color:#cbd8e3}.cs-mini-heading span{font-size:10px;color:var(--cs-muted)}
.cs-mini-chart{width:100%;height:43px;display:block;margin-top:3px;overflow:visible}
.cs-grid{fill:none;stroke:#8eacbc;stroke-opacity:.1;stroke-width:1}
.cs-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@container (max-width:340px){
 .cs-head{padding-inline:10px;gap:5px}.cs-head strong{gap:5px;font-size:11px}.cs-badge{padding-inline:4px}
 .cs-inventory-legend{padding-inline:10px;font-size:10px;gap:4px}.cs-inventory-legend>span:last-child{gap:4px}
 .cs-ladder{width:calc(100% - 20px);margin-inline:10px}.cs-ladder th{width:51px}.cs-ladder th small{margin-left:3px}.cs-ladder td:last-child{width:60px}
 .cs-total{padding-inline:10px}.cs-hedge-axis{padding-inline:10px}.cs-hedge-rows{padding-inline:10px}.cs-hedge-row{column-gap:5px;grid-template-columns:77px minmax(0,1fr) 53px}.cs-hedge-foot{padding-inline:10px;gap:4px}
 .cs-vol-metrics{gap:7px;padding-inline:10px}.cs-vol-metrics>div+div{padding-left:8px}.cs-vol-metrics>div:last-child dd{font-size:19px}
 .cs-move-band{padding-inline:10px}.cs-vol-bottom{padding-inline:10px;gap:10px}.cs-vol-bottom>div+div{padding-left:10px}.cs-mini-heading{align-items:start;flex-direction:column;gap:2px}.cs-mini-chart{height:35px;margin-top:1px}
}