@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans,system-ui,sans-serif;color:#edf0f2;background:#171b20;font-synthesis:none;--lime:#f0b44c;--cyan:#5cd0d6;--panel:#252a31;--panel2:#1d2228;--line:#46505b;--muted:#9aa4b0;--wood:#896947}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 10%,#182019 0,transparent 28%),#0a0c0b}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app-shell{min-height:100vh}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3.3vw;gap:40px;position:sticky;top:0;z-index:20;background:#0a0c0be6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;line-height:.9}.brand b{color:var(--lime)}.brand small{display:block;font:500 8px/1.6 IBM Plex Mono;color:#7d857b;letter-spacing:.18em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--lime);color:#0b0d0c;border-radius:4px;transform:skew(-5deg)}.brand-mark svg{width:21px}header nav{height:100%;display:flex;gap:28px;margin-left:auto}header nav button{border:0;background:transparent;color:#7f857e;font-size:13px;font-weight:700;position:relative;padding:0}header nav button.active{color:#fff}header nav button.active:after{content:"";height:2px;background:var(--lime);position:absolute;left:0;right:0;bottom:-1px}.header-actions{display:flex;align-items:center;gap:8px}.primary,.secondary,.icon-btn{border:1px solid var(--line);border-radius:5px;height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px}.primary{background:var(--lime);color:#10120f;border-color:var(--lime)}.secondary,.icon-btn{background:#151815;color:#d9ddd6}.icon-btn{background:transparent;color:#a8ada5}.mobile-menu{display:none}.project-drawer{position:absolute;right:3.3vw;top:62px;width:300px;background:#171a17;border:1px solid #333832;box-shadow:0 18px 55px #000a;border-radius:7px;padding:10px;z-index:40}.project-drawer>div{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px}.project-drawer button{border:0;background:transparent;color:#ddd;display:flex;gap:10px;align-items:center;width:100%;padding:10px;border-radius:4px;text-align:left}.project-drawer button:hover{background:#222622}.project-drawer button>span{display:flex;flex-direction:column}.project-drawer small{color:#747b73}.project-drawer p{padding:18px 10px;color:#81887f;font-size:12px}.project-drawer .import-row{border-top:1px solid var(--line);color:var(--lime);margin-top:5px}main{max-width:1540px;margin:0 auto;padding:34px 3.3vw 55px}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{font:500 10px IBM Plex Mono;letter-spacing:.17em;color:var(--lime)}.project-title{display:block;border:0;background:transparent;color:#f3f3ee;font-size:34px;font-weight:700;letter-spacing:-.045em;padding:3px 0;width:min(650px,75vw)}.intro-row p,.page-heading p{color:var(--muted);font-size:13px;margin:2px 0}.health{font:500 10px IBM Plex Mono;color:#9ba298;border:1px solid var(--line);padding:8px 11px;border-radius:20px;display:flex;align-items:center;gap:7px}.health span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.health.bad span{background:#ffad69;box-shadow:none}.error-banner{display:flex;gap:12px;background:#2d2115;border:1px solid #674627;color:#ffbd7a;border-radius:5px;padding:13px 16px;margin-bottom:16px}.error-banner div{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.error-banner span{color:#cfa97e}.workspace{display:grid;grid-template-columns:405px minmax(0,1fr);gap:18px}.controls-panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden;align-self:start}.form-section{border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.section-head{width:100%;border:0;background:transparent;color:#f0f0eb;padding:16px 18px;display:flex;align-items:center;text-align:left;font-weight:700}.section-head>span{flex:1}.section-head small{color:var(--lime);font:500 9px IBM Plex Mono;margin-right:10px}.section-head i{font-style:normal;font:500 9px IBM Plex Mono;letter-spacing:.04em;padding:5px 7px;background:#242923;color:#b9c0b7;border-radius:3px;margin-right:11px}.section-head svg{transition:.2s}.form-section.open .section-head svg{transform:rotate(180deg)}.section-body{padding:0 18px 19px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.type-grid button{background:#171a17;border:1px solid #2d312c;border-radius:4px;color:#e2e4df;text-align:left;padding:11px}.type-grid button span,.type-grid button small{display:block}.type-grid button span{font-size:12px;font-weight:700}.type-grid button small{font-size:9px;color:#747c73;margin-top:3px}.type-grid button.active{border-color:var(--lime);box-shadow:inset 3px 0 var(--lime);background:#1c211a}.type-grid button.active small{color:#aeb99f}.size-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.size-choices button{height:34px;background:#171a17;border:1px solid #30352f;color:#8f968e;border-radius:3px;font:500 11px IBM Plex Mono}.size-choices button.active{background:var(--lime);color:#11140f;border-color:var(--lime);font-weight:700}.subhead{display:flex;justify-content:space-between;margin:18px 0 8px;color:#737b73;font:500 9px IBM Plex Mono;letter-spacing:.12em}.subhead .required{letter-spacing:0;color:#586058}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field{display:block;min-width:0}.field>span{display:block;color:#9aa198;font-size:10px;margin:0 0 5px}.field em{font-style:normal;color:var(--lime);font:500 8px IBM Plex Mono;border:1px solid #53642f;border-radius:2px;padding:1px 3px}.input-wrap{height:35px;background:#0d100e;border:1px solid #30352f;border-radius:3px;display:flex;align-items:center}.input-wrap:focus-within{border-color:#768c42}.input-wrap input{width:100%;min-width:0;background:transparent;border:0;color:#eef0eb;padding:0 8px;font:500 11px IBM Plex Mono;outline:0}.input-wrap b{font:400 9px IBM Plex Mono;color:#606860;padding-right:7px}.field select{height:35px;width:100%;background:#0d100e;border:1px solid #30352f;color:#dfe2dc;border-radius:3px;padding:0 8px;font-size:10px}.auto-note{margin-top:10px;padding:8px;background:#1d2419;color:#aec27d;display:flex;gap:7px;align-items:center;font-size:10px;border-radius:3px}.auto-row{margin-top:11px;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;align-items:end}.auto-row button,.calculate-btn{height:35px;border:1px solid #48583a;background:#20281d;color:#d8e7bb;border-radius:3px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.range-field{display:block;margin-top:14px}.range-field span{display:flex;justify-content:space-between;color:#8e958c;font-size:10px}.range-field b{color:var(--lime)}.range-field input{width:100%;accent-color:var(--lime)}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-bottom:11px}.segmented button{height:34px;border:1px solid #30352f;background:#0e110f;color:#858d84;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{border-color:#71833f;color:var(--lime);background:#1a2017}.calculate-btn{width:100%;margin-top:12px}.result-strip{display:flex;justify-content:space-between;align-items:center;margin-top:10px;background:#0e110f;border-left:2px solid var(--lime);padding:9px 10px;font-size:10px;color:#798078}.result-strip b{font:500 12px IBM Plex Mono;color:#e7eade}.visual-area{min-width:0}.viewer-card{height:635px;position:relative;background:radial-gradient(circle at 50% 38%,#252923 0,#121512 46%,#0e100f);border:1px solid var(--line);border-radius:7px;overflow:hidden}.viewer-toolbar{position:absolute;left:16px;right:16px;top:15px;display:flex;justify-content:space-between;z-index:5;color:#8e968c;font:500 9px IBM Plex Mono;letter-spacing:.07em;pointer-events:none}.tool-group{display:flex;gap:8px;align-items:center;background:#101310cc;border:1px solid #2c312b;padding:8px 10px;border-radius:4px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 8px var(--lime)}.tool-sep{height:12px;width:1px;background:#3c413b}.face-menu{pointer-events:auto;position:relative;display:flex;gap:6px;align-items:center;background:#101310cc;border:1px solid #2c312b;padding:8px 10px;border-radius:4px}.face-popover{display:none;position:absolute;right:0;top:31px;background:#151815;border:1px solid #353a34;padding:6px;width:130px}.face-menu:hover .face-popover{display:block}.face-popover button{width:100%;display:flex;gap:7px;align-items:center;border:0;color:#bbb;background:transparent;padding:6px;font-size:10px}.face-popover button:hover{background:#222622}.canvas-wrap{height:100%}.placement-bar{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:5;background:#0d100ed9;border:1px solid #30352f;padding:8px 9px 8px 12px;border-radius:5px;color:#7f877e;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.placement-bar>span{display:flex;gap:7px;align-items:center}.placement-bar>div{display:flex;gap:5px}.placement-bar button{border:1px solid #30352f;background:#181b18;color:#abb0a9;border-radius:3px;padding:7px 10px;font-size:10px;display:flex;gap:6px;align-items:center}.placement-bar button.active{background:var(--lime);color:#10130e;border-color:var(--lime)}.placement-hint{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:4;background:#dfff69;color:#14170f;padding:8px 13px;border-radius:3px;font-size:10px;box-shadow:0 8px 25px #0008;display:flex;align-items:center;gap:6px;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:7px;margin-top:12px}.summary-grid>div{padding:15px 18px;border-right:1px solid var(--line)}.summary-grid>div:last-child{border:0}.summary-grid span{display:block;color:#767e75;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.summary-grid b{font:500 19px IBM Plex Mono;color:#eef0e9}.summary-grid small{font-size:9px;color:#788076}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-heading h2{font-size:31px;letter-spacing:-.04em;margin:3px 0}.model-chip{border:1px solid var(--line);background:#141714;padding:9px 12px;border-radius:4px;color:#90978e;font-size:10px;display:flex;gap:7px;align-items:center}.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:15px}.chart-card,.metrics-card,.method-note{background:var(--panel);border:1px solid var(--line);border-radius:7px}.card-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head>div{display:flex;flex-direction:column}.card-head b{font-size:13px}.card-head span{color:#777f76;font-size:10px}.calc-state{display:flex;align-items:center;gap:6px!important;font:500 9px IBM Plex Mono!important}.calc-state i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.chart-wrap{padding:8px 13px 4px;position:relative}.chart-wrap svg{width:100%;height:auto;overflow:visible}.chart-wrap text{fill:#697169;font:500 9px IBM Plex Mono}.grid-line{stroke:#292e29;stroke-width:1}.freq-path{fill:none;stroke:var(--lime);stroke-width:2.5}.phase-path{fill:none;stroke:#9da7a0;stroke-width:1.4;stroke-dasharray:6 5}.chart-legend{display:flex;gap:15px;justify-content:center;color:#838b82;font-size:10px;padding-bottom:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:16px;height:2px;background:#9da7a0}.metrics-card{padding:22px}.metrics-card>div{border-bottom:1px solid var(--line);padding:18px 0}.metrics-card small{display:block;color:#747c73;font-size:10px}.metrics-card b{font:500 29px IBM Plex Mono}.metrics-card em{font:400 10px IBM Plex Mono;color:#7d857b}.metrics-card p{font-size:10px;line-height:1.55;color:#7f877d;display:flex;gap:8px;margin-top:18px}.method-note{display:flex;gap:13px;margin-top:15px;padding:17px 20px;color:#90988e}.method-note svg{color:var(--lime)}.method-note b{font-size:11px}.method-note p{font-size:10px;line-height:1.5;margin:3px 0;color:#777f76}.cut-layout{display:grid;grid-template-columns:minmax(500px,1fr) 370px;gap:16px}.sheet{background:#d8b88d;border:9px solid #2a2119;min-height:560px;color:#302418;padding:17px;box-shadow:inset 0 0 60px #7b573b44}.sheet-label{font:600 10px IBM Plex Mono;letter-spacing:.13em;border-bottom:1px solid #8b6a48;padding-bottom:10px}.nesting{display:flex;gap:8px;flex-wrap:wrap;align-content:flex-start;padding-top:14px}.cut-piece{border:1px solid #6e5339;background:repeating-linear-gradient(90deg,#c9a679,#c9a679 3px,#cba97d 3px 7px);display:flex;min-width:110px;max-width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cut-piece b{font-size:10px}.cut-piece span{font:500 8px IBM Plex Mono}.cut-table{background:var(--panel);border:1px solid var(--line);border-radius:6px;align-self:start}.cut-row{display:grid;grid-template-columns:1fr 58px 115px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px}.cut-row span:nth-child(2),.cut-row span:nth-child(3){font-family:IBM Plex Mono;color:#abb2aa}.cut-head{color:#70786f;font:500 8px IBM Plex Mono;letter-spacing:.1em}.cut-note{display:flex;gap:9px;color:#8d958c;font-size:10px;padding:15px 0}.cut-note svg{color:var(--lime);flex:0 0 auto}footer{height:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 3.3vw;color:#515750;font:500 8px IBM Plex Mono;letter-spacing:.12em}.toast{position:fixed;z-index:100;right:28px;bottom:28px;background:#f0f2ea;color:#12150f;padding:12px 17px;border-radius:5px;font-size:11px;font-weight:700;box-shadow:0 12px 40px #0009;display:flex;align-items:center;gap:9px}.toast span{display:grid;place-items:center;background:var(--lime);border-radius:50%;width:20px;height:20px}@media(max-width:1050px){.workspace{grid-template-columns:360px minmax(0,1fr)}.viewer-card{height:580px}.project-switch span{display:none}.analysis-grid{grid-template-columns:1fr}.metrics-card{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics-card>span,.metrics-card>p{grid-column:1/-1}.cut-layout{grid-template-columns:1fr}.cut-table{order:-1}}@media(max-width:800px){header{height:62px;padding:0 18px}.brand small,header nav,.header-actions .secondary,.header-actions .icon-btn{display:none}.header-actions{margin-left:auto}.mobile-menu{display:grid;place-items:center;border:0;background:transparent;color:#fff}.project-title{font-size:27px}.intro-row{align-items:flex-start}.health{display:none}main{padding:25px 14px}.workspace{display:block}.controls-panel{margin-bottom:12px}.viewer-card{height:500px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid>div:nth-child(2){border-right:0}.summary-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.placement-bar>span{display:none}.placement-bar{justify-content:center}.field-grid.three{grid-template-columns:1fr 1fr}.cut-layout{display:block}.sheet{min-height:450px;margin-top:12px;overflow:hidden}.page-heading{align-items:flex-start}.model-chip{display:none}.metrics-card{grid-template-columns:1fr}.metrics-card>span,.metrics-card>p{grid-column:auto}.project-drawer{right:10px;top:56px}.analysis-page,.cut-page{overflow:hidden}}@media print{header,.intro-row,footer,.cut-note,.page-heading button{display:none!important}body{background:#fff;color:#111}.app-shell main{padding:0}.cut-page .eyebrow,.cut-page h2{color:#111}.cut-table{color:#111;background:#fff;border-color:#aaa}.cut-row{border-color:#ddd}.cut-row span:nth-child(2),.cut-row span:nth-child(3){color:#333}}body{background:#171b20}header{height:64px;padding:0 2vw;background:#1d2228f2}.brand-mark{background:var(--lime);color:#241c0f;transform:none}.primary{color:#241c0f}main{max-width:1760px;padding:22px 2vw 42px}.intro-row{margin-bottom:16px}.project-title{font-size:28px;letter-spacing:-.025em}.intro-row p{font-size:12px}.workspace{grid-template-columns:380px minmax(0,1fr);gap:12px}.controls-panel{border-radius:4px}.section-head{padding:13px 14px}.section-body{padding:0 14px 15px}.type-grid button,.size-choices button,.input-wrap,.field select{background:#191d22;border-color:#414a54}.type-grid button.active{background:#342b1c}.input-wrap:focus-within{border-color:var(--lime)}.auto-note{background:#253137;color:#75d7dc}.auto-row button,.calculate-btn{background:#203137;border-color:#3f7d82;color:#79d9df}.segmented button{background:#191d22;border-color:#414a54}.segmented button.active{background:#26343a;border-color:var(--cyan);color:var(--cyan)}.result-strip{background:#191d22;border-color:var(--cyan)}.result-strip b{color:var(--cyan)}.viewer-card{height:620px;border-radius:4px;background:radial-gradient(circle at 52% 40%,#303741 0,#1c2127 48%,#15181d)}.viewer-toolbar{left:12px;right:12px;top:12px;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-wrap:wrap;pointer-events:none;font-family:IBM Plex Mono}.viewer-tools-top,.face-controls,.opacity-control{pointer-events:auto;background:#171b20d9;border:1px solid #46505b;border-radius:4px;min-height:29px;display:flex;align-items:center;gap:7px;padding:5px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-tools-top{color:#aeb7c1}.face-controls>span{color:#8a95a3;margin-right:2px}.face-controls button{border:1px solid #4a5460;background:#252a31;color:#c0c6cc;border-radius:12px;padding:3px 8px;font-size:9px}.face-controls button.hidden{border-color:#9a554c;background:#482a29;color:#f0a49a;text-decoration:line-through}.opacity-control{color:#8a95a3}.opacity-control input{width:88px;accent-color:var(--lime)}.opacity-control b{color:var(--lime);font-weight:500;min-width:29px}.live-dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}.viewer-tools-top.locked{border-color:var(--lime);color:var(--lime)}.placement-bar{left:12px;right:12px;bottom:12px;background:#171b20e8;border-color:#46505b;color:#9aa4b0}.placement-bar button{background:#252a31;border-color:#4a5460;color:#d3d8dd}.placement-bar button.active{color:#221b0e}.placement-hint{top:auto;bottom:64px;background:var(--lime);color:#211a0d}.placement-hint button{border:0;border-left:1px solid #8e641f;background:transparent;color:#211a0d;font-size:9px;font-weight:700;margin-left:5px;padding:1px 0 1px 9px}.summary-grid{border-radius:4px;margin-top:8px}.summary-grid b{font-family:IBM Plex Mono}.summary-grid>div:nth-child(2) b,.summary-grid>div:nth-child(3) b{color:var(--cyan)}.inline-analysis{margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}.inline-analysis .chart-wrap{padding-top:2px}.inline-model-note{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:9px 14px;color:#89949f;font-size:9px}.inline-model-note svg{color:var(--cyan);flex:0 0 auto}.chart-stack{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}.single-chart{background:#1a1e23}.plot-label{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 0;color:#929ca6;font:500 9px IBM Plex Mono;letter-spacing:.08em}.plot-label span{display:flex;align-items:center;gap:7px}.plot-label i{display:block;width:17px;height:2px;background:var(--cyan)}.plot-label i.lime{background:var(--lime)}.plot-label b{font-weight:400;color:#68737e}.single-chart .chart-wrap{padding:0 12px 2px}.single-chart .phase-path{stroke-width:2;stroke-dasharray:none}.chart-stack{position:relative}.zero-line{stroke:#7d8792;stroke-width:1.2;stroke-dasharray:6 5}.plot-hitbox{fill:transparent;pointer-events:all;cursor:crosshair}.plot-cursor{pointer-events:none}.plot-cursor line{stroke:#e9edf0;stroke-width:1;stroke-dasharray:3 3;opacity:.8}.plot-cursor circle{fill:#1a1e23;stroke:#fff;stroke-width:2}.hover-readout{position:absolute;z-index:3;right:20px;top:8px;display:flex;align-items:center;gap:13px;background:#11151ae8;border:1px solid #56616d;border-radius:3px;padding:6px 9px;color:#8f9aa5;font:500 9px IBM Plex Mono;pointer-events:none}.hover-readout b{color:#fff}.hover-readout strong{color:var(--lime);font-weight:500}.hover-readout span:last-child strong{color:var(--cyan)}.chart-card,.metrics-card,.method-note,.cut-table{border-radius:4px}.freq-path{stroke:var(--lime)}.phase-path{stroke:var(--cyan)}.chart-legend i{background:var(--cyan)}.chart-legend i.lime{background:var(--lime)}footer{padding:0 2vw;color:#69737e}@media(max-width:1050px){.workspace{grid-template-columns:350px minmax(0,1fr)}}@media(max-width:800px){main{padding:18px 12px}.viewer-toolbar{right:8px;left:8px}.face-controls{max-width:100%;flex-wrap:wrap}.opacity-control{display:none}.viewer-card{height:520px}}.port-card-title{display:flex;align-items:center;gap:7px;margin:1px 0 9px;font-size:10px}.port-card-title span{font:500 9px IBM Plex Mono;color:var(--lime);border:1px solid #7a5b27;padding:3px 5px;border-radius:3px}.port-card-title b{font-weight:600;color:#dbe0e5}.port-card-title em{margin-left:auto;font:400 9px IBM Plex Mono;color:#8d98a3}.secondary-port{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.secondary-port .port-card-title span{color:var(--cyan);border-color:#39777b}.result-strip.rear{border-left-color:var(--cyan)}.result-strip.rear b{color:var(--cyan)}.fold-info{margin-top:6px;color:#a98b5c;font:400 9px IBM Plex Mono;text-align:right}.fold-info.rear{color:#65b9bd}.box-tabs{display:flex;align-items:stretch;gap:5px;margin-bottom:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.box-tab{--box-color:#e8b04b;display:flex;align-items:center;min-width:170px;background:#1b2026;border:1px solid #414b56;border-radius:4px;overflow:hidden;flex:0 0 auto}.box-tab.active{border-color:var(--box-color);box-shadow:inset 0 -2px var(--box-color);background:#252b32}.box-tab>button:first-child{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:0;background:transparent;color:#dbe0e5;text-align:left;padding:8px 7px 8px 10px}.box-tab>button:first-child>i{width:8px;height:8px;border-radius:50%;background:var(--box-color);box-shadow:0 0 8px color-mix(in srgb,var(--box-color) 55%,transparent);flex:0 0 auto}.box-tab span{display:flex;min-width:0;flex-direction:column;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-tab small{font:400 8px IBM Plex Mono;color:#78838e;margin-top:1px}.box-tab .ref-box{align-self:stretch;border:0;border-left:1px solid #3b444e;background:transparent;color:#66717c;padding:0 6px;font:500 7px IBM Plex Mono}.box-tab .ref-box:hover{color:var(--box-color)}.box-tab .ref-box.active{background:color-mix(in srgb,var(--box-color) 16%,transparent);color:var(--box-color)}.box-tab .remove-box{display:grid;place-items:center;border:0;border-left:1px solid #3b444e;background:transparent;color:#68737e;width:27px;align-self:stretch}.box-tab .remove-box:hover{color:#ef8585;background:#382326}.add-box{display:flex;align-items:center;gap:6px;flex:0 0 auto;border:1px dashed #54606c;background:#181c21;color:#aab3bc;border-radius:4px;padding:0 11px;font-size:9px;font-weight:700}.add-box:hover{border-color:var(--lime);color:var(--lime)}.comparison-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 15px;background:#1a1e23;padding:8px 12px 10px;color:#87919b;font:500 9px IBM Plex Mono}.comparison-legend span{display:flex;align-items:center;gap:6px}.comparison-legend span.active{color:#eef1f4}.comparison-legend i,.comparison-readout i{width:16px;height:2px;display:inline-block}.comparison-legend small{color:#e1857e}.comparison-legend .ref-label{color:#e8b04b;border:1px solid #70562c;border-radius:2px;padding:1px 3px}.comparison-readout{align-items:flex-start;max-width:min(520px,72%)}.comparison-readout>b{padding-top:3px;white-space:nowrap}.comparison-readout>div{display:grid;gap:3px}.comparison-readout span{display:grid;grid-template-columns:12px minmax(70px,1fr) 66px 55px;align-items:center;gap:6px}.comparison-readout span i{width:10px}.comparison-readout em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd1d7}.comparison-readout small{color:#9ba5af}.comparison-readout strong{color:#f0f2f4!important;text-align:right}.input-wrap input[readonly]{color:#aeb7c1;cursor:default;background:#222830}@media(max-width:800px){.box-tabs{margin-bottom:6px}.box-tab{min-width:128px}.add-box span{display:none}.comparison-readout{max-width:82%;right:8px}.comparison-readout span{grid-template-columns:10px minmax(55px,1fr) 58px 48px}}