:root{--ink:#182840;--muted:#68788d;--line:#dce3eb;--paper:#f2f5f9;--navy:#14263e;--orange:#d87c37;--blue:#4388d9;--green:#267661;--red:#b74a43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px}button,input,select{font:inherit}button,select,a,input{outline-offset:3px}button,select{cursor:pointer}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:8px 11px}button:hover{border-color:#8094b0;background:#edf2f8}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.top{height:80px;background:var(--navy);color:white;display:flex;align-items:center;gap:44px;padding:0 30px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:1px}.brand-icon{font-size:44px;line-height:1;color:#9db8d8}.brand small{display:block;font-size:9px;color:#8da5c2;letter-spacing:2px;margin-top:5px}.top-context{font-size:16px;letter-spacing:.4px;color:#d3e0f0}.top-context>span{color:#7490b0;margin:0 12px}.top-context b{font-weight:400;font-size:11px;border-left:1px solid #43546b;margin-left:24px;padding-left:24px;color:#9fb1c8}.report-link{margin-left:auto;border:1px solid #465872;border-radius:5px;padding:9px 12px;font-size:12px}.app{display:grid;grid-template-columns:278px 1fr;min-height:calc(100vh - 80px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:25px 16px 15px;display:flex;flex-direction:column;height:calc(100vh - 80px);position:sticky;top:0}.section-label{padding:0 6px;font-weight:600;display:flex;justify-content:space-between}.section-label span{font-size:11px;color:var(--muted);font-weight:400}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;margin:17px 0 14px;padding:0 10px;gap:7px}.search>span{font-size:24px;color:#8393a5}.search input{border:0;width:100%;min-width:0;padding:9px 0;background:transparent;font-size:11px}.family-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.family-filters button{font-size:11px;padding:6px 9px;border-color:transparent;background:#f1f4f8;color:#607087}.family-filters button.active{background:#e1eaf5;border-color:#b9cbe2;color:#245081}.filter-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#718198;margin-bottom:16px}.filter-row select{max-width:112px;border:0;background:#fff;color:#33475f;font-size:11px;padding:5px}.fail-filter{display:flex;align-items:center;gap:3px;white-space:nowrap}input[type=checkbox]{accent-color:#375e91;width:13px;height:13px;margin:0}#case-list{overflow-y:auto;flex:1;min-height:80px;margin:0 -7px;padding:0 7px;scrollbar-width:thin}.case-item{display:block;text-align:left;width:100%;margin-bottom:6px;padding:11px 10px;border:1px solid transparent;background:white;border-radius:6px}.case-item:hover{background:#f5f7fa;border-color:#e5eaf1}.case-item.active{background:#edf3fb;border-color:#b9cee6;box-shadow:inset 3px 0 #3d6ba4}.case-item .case-row{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12px;line-height:1.5}.case-item small{display:block;font-size:10px;color:#78889c;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.case-item .case-op{font-family:Georgia,serif;font-size:17px;color:#8294ad}.case-flags{display:flex;gap:3px}.case-flags i{display:block;width:5px;height:5px;border-radius:50%;background:#a5afbd}.case-flags i.pass{background:#5d9b84}.case-flags i.fail,.case-flags i.error{background:#d38b59}.list-empty{padding:30px 10px;color:var(--muted);text-align:center}.sidebar-bottom{border-top:1px solid var(--line);margin-top:17px;padding:17px 5px 0;font-size:10px;color:#60748b}.sidebar-bottom small{display:block;margin:7px 0 0 13px;color:#90a0b1}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#589f80;margin-right:5px}main{padding:30px 30px 12px;min-width:0;max-width:1900px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#6f88a7;margin-bottom:8px}h1{font-size:25px;line-height:1.4;letter-spacing:-.5px;margin:0;font-weight:630}.heading p{margin:7px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.case-navigation{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#8b99ab;font-size:11px}.case-navigation button{padding:6px 10px;background:transparent}.experiment-bar{display:flex;align-items:center;gap:19px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-bottom:17px;min-height:79px}.profile-field>span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.profile-field select{border:0;font-size:13px;font-weight:600;color:var(--ink);padding:0 20px 0 0;max-width:230px;background:#fff}.profile-description{border-left:1px solid var(--line);padding-left:18px;font-size:11px;line-height:1.7;color:var(--muted);max-width:520px}.expected{margin-left:auto;white-space:nowrap;text-align:right}.expected small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.expected strong{font-size:17px;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500}.expected strong em{font:10px sans-serif;color:var(--muted);margin-left:4px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:18px 0 12px}.layers{display:flex;align-items:center;gap:15px;font-size:11px;color:#5e6c80}.layers label{display:flex;gap:5px;align-items:center;cursor:pointer}.divider{width:1px;height:16px;background:var(--line)}.view-actions{display:flex;align-items:center;gap:6px}.view-actions button,.view-actions select{font-size:11px;padding:6px 9px}.view-actions select{border:1px solid var(--line);border-radius:5px;background:white;color:#4e647e}.scale-notice{font-size:10px;color:#8390a1;margin-bottom:11px;line-height:1.5}.scale-notice.detail{color:#946329;background:#fff3d8;padding:9px 12px;border-radius:5px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.engine-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;min-width:0}.engine-header{height:56px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.engine-header>div{display:flex;align-items:center;gap:8px}.engine-header h2{margin:0;font-size:15px;font-weight:650}.engine-dot{display:inline-block;height:8px;width:8px;border-radius:50%}.smlib{background:var(--orange)}.occt{background:var(--blue)}.engine-subtitle{font-size:10px;color:#8793a4;margin-left:4px}.status{font-size:10px;padding:4px 7px;background:#eff2f6;border-radius:4px;white-space:nowrap;color:#7c899c}.status.pass{background:#eaf5f0;color:#347761}.status.fail{background:#fcf0df;color:#a86d2d}.status.error{background:#fbe8e7;color:#b34c45}.viewport{height:365px;position:relative;background:radial-gradient(ellipse at 50% 45%,#f9fbfd 0,#edf1f7 100%);border-top:1px solid #e9edf4;border-bottom:1px solid #e9edf4;overflow:hidden;touch-action:none}.viewport canvas{display:block;width:100%;height:100%;outline:none}.viewport-corner{position:absolute;bottom:14px;left:15px;color:#91a0b1;font-size:9px;letter-spacing:.8px;pointer-events:none}.viewport-message{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;color:#6d7f93;pointer-events:none;width:85%;text-shadow:0 0 8px #fff}.viewport-message strong{display:block;font-size:26px;font-weight:400;color:#7a8ca2;letter-spacing:3px;margin-bottom:10px}.viewport-message span{font-size:11px;line-height:1.8}.viewport-message.error strong{color:#b16954;font-size:19px}.engine-metrics{padding:15px 17px}.metric-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px 10px}.metric span{font-size:9px;color:#8996a8;display:block;margin-bottom:5px}.metric b{font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500;color:#344b67;word-break:break-word}.metric b.good{color:#2c8064}.metric b.bad{color:#b67436}.metric-foot{border-top:1px solid #ecf0f5;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#788a9f}.metric-foot strong{font-weight:500;color:#365876}.viewer-caption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#8c9aab;margin:12px 2px 22px}.viewer-caption>span{display:flex;align-items:center;gap:5px}.viewer-caption i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:10px}.legend-a{background:#719388}.legend-b{background:#ae88ae}.legend-result{background:linear-gradient(90deg,var(--orange) 50%,var(--blue) 50%)}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.detail-panel{border:1px solid var(--line);background:rgba(255,255,255,.65);border-radius:7px;padding:16px 18px;font-size:11px;color:#748399;line-height:1.8}.detail-panel h3{font-size:12px;color:#405671;margin:0 0 12px;font-weight:600}.detail-panel p{margin:6px 0}.detail-panel b{font-weight:550;color:#556a85}.check-engine{display:grid;grid-template-columns:60px 1fr;gap:8px;border-top:1px solid #e3e9f0;padding:9px 0}.check-engine:first-child{border-top:0;padding-top:0}.check-engine .check-pass{color:#48886f}.check-engine .check-fail{color:#af7547}.check-engine ul{margin:0;padding-left:16px;overflow-wrap:anywhere}.raw-id{font-family:ui-monospace,monospace;font-size:9px;color:#9aa6b7;word-break:break-all;margin-top:10px}footer{display:flex;justify-content:space-between;color:#9aa8b9;font-size:8px;letter-spacing:1.5px;padding:22px 1px 5px}footer span{letter-spacing:.5px}#error-banner{position:fixed;bottom:20px;right:20px;max-width:500px;border:1px solid #e3b5a7;border-radius:8px;padding:16px;background:#fff2ed;color:#9d5846;z-index:100;font-size:13px;line-height:1.6}[hidden]{display:none!important}@media(min-width:1700px){.viewport{height:470px}}@media(max-width:1200px){.app{grid-template-columns:235px 1fr}main{padding:23px 20px}.engine-subtitle{display:none}.viewport{height:310px}.profile-description{max-width:270px}.metric-grid{gap:13px 6px}.metric b{font-size:11px}.heading h1{font-size:21px}.view-toolbar{gap:12px}.layers{gap:9px}}@media(max-width:900px){.top{padding:0 18px;gap:22px}.top-context b{display:none}.app{grid-template-columns:205px 1fr}main{padding:20px 14px}.sidebar{padding:23px 10px 15px}.view-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.viewport{height:350px}.profile-description{display:none}.case-navigation{display:none}.metric b{font-size:13px}.engine-subtitle{display:inline}.heading h1{font-size:20px}.top-context{font-size:13px}.expected strong{font-size:14px}}@media(max-width:620px){.top{height:70px}.brand{font-size:17px}.brand-icon{font-size:35px}.brand small{font-size:8px}.top-context{display:none}.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}.section-label{font-size:12px}.search{margin:12px 0}.family-filters{margin-bottom:8px}.filter-row{margin-bottom:7px}#case-list{max-height:145px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.case-item{margin:0}.case-item .case-row{font-size:11px}.sidebar-bottom{display:none}main{padding:20px 13px}.heading{margin-bottom:16px}.heading h1{font-size:21px}.experiment-bar{padding:12px;gap:8px}.profile-field select{font-size:11px;max-width:170px}.layers{flex-wrap:wrap;gap:12px}.view-toolbar{margin-top:15px}.view-actions{width:100%}.view-actions button:last-child{margin-left:auto}.viewport{height:335px}.viewer-caption{line-height:1.8}.top .report-link{font-size:10px;margin-left:auto;padding:7px}.metric-foot{font-size:9px}footer span{display:none}}

.current-operation{display:inline-block;margin-top:11px;padding:7px 11px;border:1px solid #bdd0e8;border-radius:5px;background:#e9f1fb;color:#285481;font-size:14px;font-weight:600;letter-spacing:.2px}.scale-notice{font-size:11px;line-height:1.7}
/* Model-first teaching view */
.top{height:72px}.top-context{font-size:13px;color:#a2b5cc}.app{display:block;min-height:calc(100vh - 72px)}main{max-width:1500px;padding:27px 32px 15px;margin:0 auto}.heading{margin-bottom:18px}.heading h1{font-size:27px}.heading p{max-width:850px;font-size:12px}.scene-controls{display:flex;align-items:flex-start;gap:12px;margin-bottom:26px;position:relative;z-index:10}.quick-examples{display:flex;flex-wrap:wrap;gap:7px;flex:1}.quick-examples button{padding:9px 13px;border-radius:6px;background:#fff;font-size:12px}.quick-examples button.active{background:#254e7d;color:white;border-color:#254e7d}.scene-browser{position:relative;min-width:190px}.scene-browser>summary,.display-settings>summary{cursor:pointer;list-style:none;padding:10px 12px;border:1px solid var(--line);background:white;border-radius:6px;color:#536b88;font-size:12px}.scene-browser>summary::-webkit-details-marker,.display-settings>summary::-webkit-details-marker,.test-data>summary::-webkit-details-marker{display:none}.expand-icon{margin-left:auto;color:#8498b0;padding-left:15px}.scene-browser .sidebar{height:auto;max-height:520px;position:absolute;right:0;top:45px;width:380px;border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 50px #17304d22;padding:13px;z-index:20}.scene-browser .search{margin-top:0}#case-list{max-height:330px;display:block}.case-item{padding:9px}.section-label{display:none}.model-flow{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(115px,.36fr) minmax(480px,1.65fr);align-items:center;gap:18px}.input-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.step-heading{display:flex;align-items:center;gap:10px;padding:16px 16px 12px}.step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#e8eff7;color:#476b96;border-radius:50%;height:27px;width:27px;font-size:12px;font-weight:650}.step-heading h2{font-size:15px;margin:0;color:#2e4869}.step-heading p{font-size:10px;color:#8494a8;margin:5px 0 0}.input-legend{display:flex;gap:8px;padding:0 16px 12px;font-size:11px;flex-wrap:wrap}.input-legend span{padding:4px 7px;border-radius:4px}.a-label{color:#447c64;background:#e9f3ed}.b-label{color:#926594;background:#f3eaf4}.input-controls{display:flex;gap:8px;align-items:center;padding:11px 13px;font-size:10px;color:#8c99ab}.input-controls select{font-size:11px;border:1px solid #dce3ec;border-radius:4px;padding:5px;background:#fff;color:#435b78}.input-controls>span{margin-left:auto;font-size:9px}.operation-bridge{text-align:center;align-self:center;display:flex;flex-direction:column;align-items:center;gap:9px}.operation-bridge .step-number{background:#e7eefa}.operation-bridge h2{font-size:17px;line-height:1.4;margin:0;color:#2b507e;font-weight:650}.operation-bridge p{font-size:11px;line-height:1.8;color:#72859c;margin:8px 0 0}.flow-arrow{font-size:31px;color:#9cb1ca;font-weight:300}.results-section>.step-heading{padding-left:0;padding-top:0;padding-bottom:15px}.view-grid{gap:12px}.engine-card{border-radius:9px}.engine-header{height:65px;padding:12px;align-items:flex-start;gap:7px;flex-direction:column}.engine-header h2{font-size:14px}.engine-header>div{gap:7px}.status{padding:0;background:transparent!important;font-size:11px;font-weight:550}.status small{font-size:8px;opacity:.65;font-weight:400;margin-left:4px}.viewport{height:320px}.input-viewport{height:320px}.viewport-message{top:46%}.viewport-message strong{font-size:20px;letter-spacing:0;line-height:1.5}.viewport-message span{font-size:10px}.viewer-caption{margin:14px 0 8px;align-items:center;font-size:10px}.viewer-caption button{font-size:10px;padding:6px 10px}.display-settings{display:inline-block;margin-top:4px}.display-settings>summary{font-size:11px;padding:7px 10px;background:transparent}.display-settings[open]{display:block}.view-toolbar{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;margin:8px 0}.scale-notice{font-size:10px;margin:8px 0 20px;color:#8a99ab}.scale-notice.detail{font-size:11px;color:#8c6228}.test-data{border:1px solid var(--line);border-radius:9px;background:#fff;margin-top:12px}.test-data>summary{display:flex;align-items:center;gap:14px;padding:17px 18px;list-style:none;cursor:pointer;color:#3d5575;font-size:13px;font-weight:550}.test-data>summary small{color:#8a9aad;font-size:10px;font-weight:400}.test-data-content{border-top:1px solid var(--line);padding:18px}.experiment-bar{padding:0 0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0}.profile-description{display:block;max-width:460px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:5px 0 18px}.data-grid article{border:1px solid var(--line);border-radius:7px;padding:14px}.data-grid h3{margin:0;font-size:12px;color:#526b88}.engine-metrics{padding:15px 0 0}.metric-grid{grid-template-columns:1fr 1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.current-operation{display:block;border:0;background:transparent;padding:0;margin:0}.case-navigation{display:flex}@media(min-width:1700px){.viewport,.input-viewport{height:370px}}@media(max-width:1100px){main{padding:22px}.model-flow{grid-template-columns:minmax(225px,.8fr) 100px minmax(390px,1.4fr);gap:12px}.viewport,.input-viewport{height:300px}.operation-bridge h2{font-size:16px}.input-controls>span{display:none}.engine-header{padding:11px}.step-heading{padding-left:12px}.input-legend{padding-left:12px}}@media(max-width:900px){.model-flow{grid-template-columns:1fr 1.5fr;gap:16px;align-items:start}.input-panel{grid-row:1/3}.operation-bridge{grid-column:2;flex-direction:row;gap:9px;text-align:left;justify-content:flex-start;margin:5px 0 0}.operation-bridge h2{font-size:16px}.operation-bridge p{margin:4px 0 0;font-size:10px}.flow-arrow{display:none}.results-section{grid-column:2}.results-section>.step-heading{padding-top:0}.view-grid{grid-template-columns:1fr 1fr;gap:9px}.viewport{height:260px}.input-viewport{height:320px}.engine-header h2{font-size:13px}.status{font-size:10px}.status small{font-size:7px}.scene-browser{min-width:175px}.quick-examples button{padding:8px 9px;font-size:11px}.scene-controls{margin-bottom:20px}.test-data>summary small{display:none}.profile-description{max-width:250px}.heading h1{font-size:24px}.case-navigation{display:none}}@media(max-width:620px){.top{height:64px;padding:0 16px}.brand{font-size:17px;gap:8px}.brand-icon{font-size:32px}.brand small{font-size:8px;margin-top:3px}.top-context{display:none}.report-link{font-size:10px}.app{display:block}main{padding:20px 14px 10px}.heading{margin-bottom:14px}.heading h1{font-size:24px}.eyebrow{font-size:9px;margin-bottom:7px}.heading p{font-size:11px;line-height:1.7;margin-top:7px}.scene-controls{display:block;margin-bottom:20px}.quick-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-examples button{padding:9px 3px;font-size:10px}.scene-browser{margin-top:8px;width:100%;min-width:0}.scene-browser>summary{padding:8px 10px;font-size:11px;background:transparent}.scene-browser .sidebar{position:static;box-shadow:none;width:100%;margin-top:7px;max-height:360px;padding:10px}#case-list{display:block;max-height:220px}.model-flow{display:flex;flex-direction:column;gap:14px}.input-panel{width:100%;border-radius:9px}.step-heading{padding:12px 13px 9px;gap:9px}.step-heading h2{font-size:14px}.step-heading p{font-size:10px}.step-number{width:25px;height:25px;font-size:11px}.input-legend{padding:0 13px 10px;font-size:10px}.input-viewport{height:220px}.input-controls{padding:8px 12px}.input-controls>span{display:inline}.operation-bridge{display:flex;flex-direction:row;width:100%;margin:0;padding:11px 12px;background:#e8eff8;border:1px solid #d8e4f2;border-radius:7px;gap:10px}.operation-bridge .step-number{background:white}.operation-bridge h2{font-size:15px}.operation-bridge p{font-size:11px;margin:4px 0 0;line-height:1.6}.results-section{width:100%}.results-section>.step-heading{padding:1px 0 11px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.engine-header{height:63px;padding:10px;gap:6px}.engine-header h2{font-size:13px}.status{font-size:10px;letter-spacing:-.2px}.status small{font-size:7px;margin-left:3px}.viewport{height:225px}.input-viewport{height:220px}.viewport-corner{font-size:8px;bottom:10px;left:9px}.viewport-message strong{font-size:15px;line-height:1.6}.viewport-message span{font-size:9px;line-height:1.6}.viewport-message.error strong{font-size:14px}.viewer-caption{font-size:9px;margin:11px 0 7px;gap:8px}.viewer-caption button{font-size:9px;padding:5px 7px}.scale-notice{font-size:9px;line-height:1.7;margin-bottom:15px}.scale-notice.detail{font-size:10px}.test-data>summary{padding:14px;font-size:12px}.test-data-content{padding:12px}.data-grid,.detail-grid{grid-template-columns:1fr;gap:12px}.experiment-bar{gap:10px;align-items:flex-start;flex-wrap:wrap}.profile-description{max-width:none;width:100%;order:3;border:0;padding:0;font-size:10px}.expected{margin-left:auto}.expected strong{font-size:12px}.expected small{font-size:8px}.metric b{font-size:11px}.metric span{font-size:8px}.metric-foot{font-size:9px}.detail-panel{font-size:10px;padding:13px}.layers{gap:11px;font-size:10px}.view-toolbar{padding:10px}.view-actions{width:auto}.view-actions button,.view-actions select{font-size:10px}footer{padding-top:18px}}
.operation-choices{display:flex;flex-direction:column;gap:5px;margin-top:12px}.operation-choices button{font-size:10px;padding:6px 8px;border:1px solid #ccd9e9;background:#fff;color:#6b809a}.operation-choices button.active{background:#355f91;color:white;border-color:#355f91}.operation-choices button:disabled{opacity:.35}@media(max-width:900px){.operation-choices{flex-direction:row;margin-top:8px;flex-wrap:wrap;gap:4px}.operation-choices button{font-size:9px;padding:5px 7px}}@media(max-width:620px){.operation-choices{margin-top:9px;gap:5px}.operation-choices button{font-size:10px;padding:6px 9px}.scale-notice:not(.detail){color:#91a0b2}}
@media(max-width:620px){.status{font-size:9px}.status small{font-size:7px}.results-section>.step-heading p{font-size:9px;line-height:1.5}.scene-browser .sidebar #case-list{display:block}.scene-browser .sidebar .case-item{margin-bottom:5px}}
.current-profile-label{display:inline-block;font-size:10px;color:#476b91;background:#e8f0f9;border:1px solid #cfdeef;padding:4px 7px;border-radius:4px;margin-top:7px}.step-heading .quick-profile-notice{color:#977039;font-size:10px;line-height:1.7;margin-top:7px}@media(max-width:620px){.current-profile-label{font-size:9px;padding:3px 6px}.results-section>.step-heading .quick-profile-notice{font-size:9px;color:#977039}}

/* Static, evidence-driven overview: no counters or chart animation. */
.comparison-overview{background:#fff;border:1px solid #dce3eb;border-radius:12px;padding:26px;margin-bottom:38px}.overview-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.overview-heading h1{font-size:28px}.overview-heading p{color:#68788d;line-height:1.7;margin:8px 0 18px}.overview-heading>a{white-space:nowrap;color:#355e8a;border-bottom:1px solid #bdcce0;font-size:12px}.overview-tabs{display:flex;gap:7px;flex-wrap:wrap}.overview-tabs button[aria-selected=true]{background:#243f60;color:#fff;border-color:#243f60}.overview-context{font-size:12px;color:#65768a;line-height:1.7;margin:12px 0 18px}.overview-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-engine{padding:18px 22px;border:1px solid #e0e5ec;background:#fbfcfe;border-radius:9px}.overview-engine h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.overview-engine i{height:8px;width:8px;border-radius:50%;background:#d87c37}.overview-engine.occt i{background:#4388d9}.overview-score{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.overview-score strong{font-size:40px;font-weight:650;letter-spacing:-1px}.overview-score small{font-size:21px;color:#8190a2;font-weight:400}.overview-score>span{font-size:16px;color:#64768c}.overview-bar{height:7px;background:#e9edf3;border-radius:6px;overflow:hidden;margin-top:12px}.overview-bar span{display:block;height:100%;background:#d87c37}.occt .overview-bar span{background:#4388d9}.overview-engine p{margin:8px 0 0;font-size:11px;color:#6c7e93}.overview-takeaway{padding:12px 15px;background:#edf5f2;border-left:3px solid #5a937e;margin:18px 0;color:#345e50;line-height:1.7}.overview-table-wrap{overflow-x:auto}.comparison-overview table{width:100%;border-collapse:collapse;font-size:13px}.comparison-overview th,.comparison-overview td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8edf3}.comparison-overview thead{background:#f3f6fa;color:#62738a}.comparison-overview th{font-weight:550}.comparison-overview tbody td{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.comparison-overview th small{display:block;font-size:10px;color:#8390a0;font-weight:400;margin-top:4px;line-height:1.6}.overview-details{margin-top:15px;border:1px solid #dce3eb;border-radius:7px;padding:12px}.overview-details summary{cursor:pointer;color:#536c86;font-size:12px}.overview-details table{margin-top:12px}.overview-baseline{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;margin:18px 0;padding:14px;background:#f7f9fc;color:#586f86}.overview-baseline b{width:100%;font-weight:600}.overview-boundary{font-size:11px;line-height:1.8;color:#74849a;margin:10px 0 0}.overview-boundary strong{color:#50647a}.overview-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;color:#356395}.overview-actions a{padding:8px 0;border-bottom:1px solid #c2d1e2}#model-example{scroll-margin-top:20px}@media(max-width:620px){.comparison-overview{padding:16px;margin:0 0 26px;border-radius:9px}.overview-heading{gap:12px}.overview-heading h1{font-size:22px}.overview-heading>a{font-size:10px}.overview-heading p{font-size:11px}.overview-tabs{gap:4px}.overview-tabs button{font-size:11px;padding:8px 9px}.overview-cards{gap:8px}.overview-engine{padding:13px 12px}.overview-score strong{font-size:32px}.overview-score small{font-size:16px}.overview-score>span{font-size:12px}.overview-engine h3{font-size:13px}.overview-engine p{font-size:10px}.overview-takeaway{font-size:12px;padding:10px}.comparison-overview th,.comparison-overview td{padding:10px 7px;font-size:11px}.comparison-overview th small{font-size:9px}.overview-context{font-size:10px}.overview-baseline{font-size:10px}.overview-boundary{font-size:10px}.overview-actions{flex-direction:column;align-items:flex-start;font-size:11px}}

/* Independent capability cohorts; keep oracle strength visible. */
.advanced-overview{border-top:1px solid #dce4ea;margin-top:26px;padding-top:26px}.advanced-overview>h2{font-size:23px;margin:10px 0}.advanced-family{margin:20px 0;padding:20px;background:#f8fafc;border:1px solid #dce4ea;border-radius:16px}.advanced-family h3{margin:0 0 12px;font-size:19px}.advanced-family h3>span{font-size:12px;font-weight:500;color:#63758b;margin-left:14px}.advanced-model-links{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.advanced-model-links a{color:#315978;text-decoration:none;background:white;border:1px solid #d9e3eb;border-radius:8px;padding:8px 10px;font-size:12px}.advanced-model-links a:hover{background:#e9f2f9}.advanced-family .overview-context{font-size:12px}.status.timeout,.status.invalid{color:#a34435;background:#fff0ea}[hidden]{display:none!important}

/* Keep failure evidence readable without hiding the actual failed model. */
.viewport-message{top:12px;transform:translateX(-50%);padding:10px 12px;background:rgba(255,255,255,.95);border:1px solid #cfd9e5;border-radius:7px;box-shadow:0 3px 14px #1d30451a;text-shadow:none;color:#455a71}.viewport-message strong{font-size:16px;font-weight:600;margin-bottom:4px}.viewport-message span{display:block;font-size:10px;line-height:1.55;max-height:64px;overflow:hidden}.viewport-message.error{background:rgba(255,247,242,.96);border-color:#dfb9aa}.viewport-message.error strong{color:#923e29;font-size:15px}@media(max-width:620px){.viewport-message{top:8px;padding:7px;width:94%}.viewport-message strong,.viewport-message.error strong{font-size:11px}.viewport-message span{font-size:9px;max-height:54px}}