/* Comfortable type for a desktop app webview, without browser zoom. */
:root{--ui-type-scale:1;--type-xs:calc(12px * var(--ui-type-scale));--type-sm:calc(13px * var(--ui-type-scale));--type-md:calc(14px * var(--ui-type-scale));--type-body:calc(15px * var(--ui-type-scale));--type-heading:calc(18px * var(--ui-type-scale))}
body{font-size:var(--type-body);line-height:1.65}
.topbar{height:auto;min-height:90px;padding:16px 24px;flex-wrap:wrap;row-gap:12px}
.brand{gap:12px}.brand-name{font-size:calc(23px * var(--ui-type-scale));letter-spacing:.4px}.brand-subtitle{font-size:var(--type-sm)}.org-label{font-size:var(--type-md);margin-left:8px;padding-left:16px}
.top-actions{gap:12px;flex-wrap:wrap;margin-left:auto}.simulation-tag,.local-status{font-size:var(--type-xs)}
.type-control{display:flex;align-items:center;gap:7px;color:#567080;font-size:var(--type-sm);white-space:nowrap}.type-control select{font-size:var(--type-sm);min-height:36px;border:1px solid #ccdae1;border-radius:5px;padding:4px 7px;color:var(--text);background:white;max-width:100px}
.button{font-size:var(--type-md);min-height:40px;padding:9px 13px}.button svg{width:18px;height:18px}.icon-button{width:34px;height:36px;font-size:22px}.icon-button svg{width:18px;height:18px}
.processbar{height:auto;min-height:70px;padding:14px 24px;flex-wrap:wrap;gap:12px}.process-intro,.process-meta{font-size:var(--type-xs)}.process-step{font-size:var(--type-md)}.process-step>span{font-size:var(--type-xs);width:29px;height:29px}.process-line{width:38px}
.workspace{grid-template-columns:260px minmax(440px,1fr) 330px;gap:20px;padding:24px;max-width:2040px}.panel-heading{height:62px;padding:0 18px}h2{font-size:var(--type-heading)}
.left-panel,.ranking-panel{max-height:calc(100vh - 220px)}.side-section{padding:18px 16px}.section-label{font-size:var(--type-body);gap:8px}.tiny-badge{font-size:var(--type-xs)}.scene-tile strong{font-size:var(--type-md)}.scene-tile small{font-size:var(--type-xs)}.scene-tile>img{height:112px}.upload-zone span{font-size:var(--type-md)}.upload-zone small{font-size:var(--type-xs)}.small,.side-section>small{font-size:var(--type-xs);line-height:1.8}
.class-list{gap:11px}.class-row{font-size:var(--type-md);gap:9px;min-height:24px}.class-row input{width:16px;height:16px;flex-shrink:0}.class-color{width:11px;height:11px;flex-shrink:0}.class-row>span:last-child{font-size:var(--type-sm)}
.text-button{font-size:var(--type-sm);min-height:28px}.text-button svg{width:15px;height:15px}.opacity-label,.weight-row>div,.window-label{font-size:var(--type-md)}input[type=range]{height:5px;margin:14px 0 20px}.weight-row input{margin:10px 0 16px}.window-label{flex-wrap:wrap;gap:8px}.window-label select{font-size:var(--type-sm);max-width:100%;padding:5px;min-height:34px}.side-footer{font-size:var(--type-xs);padding:11px 16px}
.analysis-heading{flex-wrap:wrap;min-height:80px;gap:14px;margin-bottom:18px}h1{font-size:calc(25px * var(--ui-type-scale));line-height:1.45;overflow-wrap:anywhere}.eyebrow{font-size:var(--type-xs);letter-spacing:1px}.analysis-heading p{font-size:var(--type-sm);line-height:1.8}.dot-separator{margin:0 6px}.analysis-actions{flex-direction:row;flex-wrap:wrap;gap:9px}.analysis-actions .button{font-size:var(--type-md);min-height:40px;padding:8px 12px}
.map-toolbar{padding:11px 12px;flex-wrap:wrap;gap:9px}.view-tabs>button{font-size:var(--type-md);padding:7px 10px;min-height:36px}.map-tools{gap:5px;margin-left:auto;flex-wrap:wrap}.small-button{font-size:var(--type-sm);min-height:36px;padding:6px 9px}.map-viewport{height:clamp(430px,55vh,680px)}.map-caption{font-size:var(--type-sm);line-height:1.5}.caption-mark,.map-caption small{font-size:var(--type-xs)}.map-key{font-size:var(--type-xs);gap:8px}.map-bottom{height:auto;min-height:40px;gap:10px;flex-wrap:wrap;padding:8px 12px;font-size:var(--type-xs)}.map-loading small,.add-hint{font-size:var(--type-sm)}
.summary-bar{padding:17px;gap:15px;flex-wrap:wrap}.summary-item{flex:1;min-width:94px}.summary-item small{font-size:var(--type-xs);white-space:normal}.summary-item strong{font-size:calc(25px * var(--ui-type-scale))}.summary-item em{font-size:var(--type-xs)}.summary-bar .button{font-size:var(--type-sm)}.bottom-note{font-size:var(--type-xs);line-height:1.8}
.count-badge,.ranking-top{font-size:var(--type-sm)}.ranking-heading{gap:8px}.ranking-heading>div{gap:6px}.rank-list{padding:6px 12px 8px}.rank-card-main{padding:14px 12px 10px;gap:9px;align-items:flex-start}.rank-card-main>div:nth-child(2){min-width:0;flex:1}.rank-number{font-size:var(--type-sm);width:26px;height:26px;flex-shrink:0}.rank-name{font-size:var(--type-body);line-height:1.6;overflow-wrap:anywhere}.rank-sub{font-size:var(--type-xs);line-height:1.8}.rank-score{font-size:calc(27px * var(--ui-type-scale));flex-shrink:0}.rank-score small{font-size:var(--type-xs);margin-top:3px}.best-label{font-size:var(--type-xs);margin-left:0;margin-right:3px;display:table}.point-meta{font-size:var(--type-xs);padding:0 12px 11px;gap:8px}.point-delete{min-width:26px;min-height:26px;justify-content:center;align-items:center}.point-delete svg{width:16px;height:16px}
.factor-row{font-size:var(--type-xs);grid-template-columns:65px minmax(35px,1fr) 28px;gap:8px;min-height:24px}.factor-track{height:6px}.ineligible-label{font-size:var(--type-xs)}.rank-bottom .button{font-size:var(--type-sm);white-space:normal}.rank-bottom p{font-size:var(--type-xs);line-height:1.8}.empty-state strong{font-size:var(--type-body)}.empty-state p{font-size:var(--type-sm)}.toast{font-size:var(--type-md);line-height:1.7}.dialog-header h2{font-size:calc(22px * var(--ui-type-scale))}dialog{max-width:650px}dialog p,dialog dt{font-size:var(--type-body)}dialog dd{font-size:var(--type-md)}
@media(min-width:1600px){.workspace{grid-template-columns:280px minmax(560px,1fr) 355px;gap:24px;padding:26px 30px}}
@media(min-width:1201px) and (max-width:1439px){.workspace{grid-template-columns:238px minmax(380px,1fr) 306px;gap:16px;padding:20px}.org-label{display:none}.top-actions{gap:9px}.local-status{display:none}.rank-card-main{gap:7px;padding-left:10px;padding-right:10px}}
@media(max-width:1200px){.workspace{grid-template-columns:230px minmax(0,1fr);gap:16px;padding:18px}.left-panel{grid-row:1/3;max-height:calc(100vh - 205px)}.ranking-panel{grid-column:2;position:static;max-height:none;min-height:0}.rank-list{display:block}.rank-card{margin-bottom:10px}.rank-bottom{display:block}.rank-bottom .button{width:100%}.rank-bottom p{margin-top:10px}.org-label,.local-status{display:none}.map-viewport{height:460px}.process-meta{display:none}.analysis-heading h1{font-size:calc(23px * var(--ui-type-scale))}.analysis-actions .button{font-size:var(--type-sm)}}
@media(max-width:820px){.topbar{padding:14px 16px;gap:12px}.brand-name{font-size:calc(21px * var(--ui-type-scale))}.brand-subtitle{font-size:var(--type-xs)}.brand-logo{width:38px;height:38px}.top-actions{width:100%;justify-content:flex-start;margin-left:0;gap:9px}.top-actions .ghost{display:inline-flex}.top-actions .primary{font-size:var(--type-sm);padding:8px 10px}.processbar{padding:12px 16px;gap:8px}.process-intro{display:none}.process-step{font-size:var(--type-sm);gap:6px}.process-line{width:18px}.workspace{display:flex;flex-direction:column;padding:14px;gap:16px}.analysis-column{width:100%;order:1}.left-panel{position:static;max-height:none;width:100%;order:2}.ranking-panel{width:100%;order:3}.left-panel .panel-heading{height:58px}.side-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-section:first-child{grid-column:1/3;display:block}.scene-tile>img{height:150px}.analysis-heading{margin-bottom:14px}.analysis-heading h1{font-size:calc(22px * var(--ui-type-scale))}.analysis-actions .button{font-size:var(--type-md)}.map-toolbar{padding:9px;gap:8px}.view-tabs>button{font-size:var(--type-sm);padding:7px 9px}.small-button{font-size:var(--type-sm);padding:6px 9px}.small-button svg{display:block}.map-viewport{height:430px}.map-caption{top:12px;left:12px;padding:7px 9px;font-size:var(--type-sm)}.map-key{font-size:var(--type-xs);bottom:12px;left:12px}.summary-bar .button{width:auto;margin-top:0}.rank-list{display:block}.map-bottom{font-size:var(--type-xs)}.bottom-note{font-size:var(--type-xs)}}
@media(max-width:520px){.side-scroll{display:block}.top-actions .ghost{display:none}.brand-name{font-size:calc(20px * var(--ui-type-scale))}.process-step{font-size:var(--type-xs)}.process-line{width:12px}.process-step>span{width:25px;height:25px}.analysis-heading p{font-size:var(--type-xs)}.map-tools{margin-left:0}.map-viewport{height:400px}.summary-bar .button{width:100%}.map-key{flex-wrap:wrap;max-width:calc(100% - 24px)}.add-hint{white-space:normal;width:85%;text-align:center}.top-actions .primary{font-size:var(--type-sm)}.type-control select{max-width:82px}}