html{overflow-x:hidden}.logo{height:clamp(31px,2vw,36px)}.topbar{padding:clamp(14px,1.5vw,22px) clamp(16px,3vw,36px);gap:clamp(12px,2vw,22px)}.topbar-page-title{font-size:clamp(1.0625rem,.95rem + .45vw,1.3125rem)}.canvas-kpi{padding:10px 14px;font-size:12px;gap:6px}.kpi-pill{padding:6px 12px;font-size:12px;gap:8px}.kpi-sync{font-size:11px}.action-btn{min-height:40px;padding:8px 16px;font-size:13px;gap:6px;border-radius:8px}.action-btn svg{width:15px;height:15px}.btn-utility{min-height:40px;padding:8px 12px;font-size:13px;border-radius:8px}.btn-utility svg{width:16px;height:16px}.btn-utility-icon-only{width:40px;height:40px;min-height:40px;padding:0}.search-wrap input{width:clamp(200px,28vw,300px);min-height:40px;padding:8px 12px 8px 36px;font-size:14px;border-radius:8px}.search-wrap svg{left:12px}.filters{padding:clamp(10px,1vw,14px) clamp(14px,2.5vw,32px) clamp(12px,1.2vw,16px);gap:10px}.filters-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px 20px;gap:12px 20px;align-items:center}.filter-group.filter-group-dropdown{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px 10px;gap:8px 10px;align-items:center;min-width:0}.filter-group.filter-group-dropdown:before{margin-right:0;white-space:nowrap}.filter-group:before{font-size:11px}.filter-group-dropdown .edge-select{min-height:36px;padding:6px 28px 6px 10px;font-size:13px;border-radius:8px;width:100%;max-width:100%;box-sizing:border-box}.filter-group-dropdown .edge-select.edge-select--cap{min-width:0;max-width:100%}.filter-summary{padding:10px 14px;font-size:13px;gap:10px 16px}.filter-summary-part{font-size:12px;padding:4px 10px}.filter-summary-clear{padding:6px 12px;font-size:12px}.legend{padding:10px 14px;gap:12px;border-radius:8px}.legend-item{font-size:12px}.legend-dot{width:11px;height:11px}.zoom-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;border-radius:8px}.zoom-controls.glass-hud{padding:4px;border-radius:12px}.app{grid-template-columns:minmax(0,1fr) minmax(260px,min(440px,34vw))}.canvas-area{min-height:0}.panel-header h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}.panel-close{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;border-radius:8px}.panel-sticky-head{padding:clamp(18px,2vw,26px) clamp(18px,3vw,32px) 14px}.panel-scroll-body{padding:clamp(16px,2vw,22px) clamp(18px,3vw,32px) clamp(22px,2.5vw,36px)}.panel-section h3{font-size:12px;margin-bottom:10px}.panel-section.overview-band h3{margin-top:0;margin-bottom:0}.overview-grid{gap:10px;margin-bottom:24px}.overview-card{padding:14px 16px;border-radius:10px}.overview-card-label{font-size:11px;margin-bottom:6px}.overview-card-value{font-size:15px}.conn-card{padding:12px 16px;margin-bottom:8px;border-radius:10px}.conn-card-name{font-size:15px}.conn-card-rationale{font-size:13px}.conn-type{font-size:10px;padding:4px 8px}.panel-text{font-size:15px}.panel-empty-title{font-size:clamp(1rem,.95rem + .35vw,1.125rem)}.panel-empty-lead{font-size:14px}.panel-empty-hint{font-size:13px}.panel-empty-meta{font-size:12px}.inline-add{padding:11px 16px;font-size:13px;border-radius:8px}.edit-concept-btn{padding:6px 14px;font-size:12px}.modal{width:min(calc(100vw - 32px),560px);padding:clamp(24px,4vw,36px);border-radius:14px}.modal h3{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);margin-bottom:clamp(16px,3vw,24px)}.form-row label{font-size:12px;margin-bottom:6px}.form-row input,.form-row select,.form-row textarea{min-height:40px;padding:10px 14px;font-size:14px;border-radius:8px}.form-row textarea{min-height:80px}.modal-btn{min-height:40px;padding:10px 20px;font-size:13px;border-radius:8px}.about-modal{width:min(calc(100vw - 32px),720px)}.toast{padding:14px 28px;font-size:15px;max-width:min(calc(100vw - 32px),480px)}.export-menu button.export-option{padding:14px 20px;font-size:14px}.form-row-hint{font-size:12px}@media (max-width:1279px){body{overflow-x:hidden;overflow-y:auto}.app,body{height:auto;min-height:100vh;min-height:100dvh}.app{grid-template-columns:1fr;grid-template-rows:auto auto minmax(280px,min(50vh,520px)) minmax(260px,1fr)}.canvas-area{grid-row:3;align-self:stretch}.canvas-area,.panel{grid-column:1;min-height:0}.panel{grid-row:4;border-left:none;border-top:1px solid var(--border)}}@media (max-width:1100px){.topbar{flex-wrap:wrap;align-items:flex-start;row-gap:12px}.topbar-spacer{display:none}.search-wrap{flex-basis:100%;margin-left:0;order:100}.search-wrap input{width:100%;max-width:none}.filters-row{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.filter-group.filter-group-dropdown{width:100%;grid-template-columns:auto minmax(0,1fr)}.filter-group-dropdown .edge-select,.filter-group-dropdown .edge-select.edge-select--cap{width:100%;max-width:none}}@media (max-width:767px){.overview-grid{grid-template-columns:1fr}.panel{max-height:none}}@media (max-width:639px){.topbar{padding:12px 14px}.filters{padding:12px 14px 14px}.legend{font-size:12px}.canvas-kpi,.legend{flex-wrap:wrap;max-width:calc(100vw - 28px)}.legend-item{font-size:12px}}@media (min-width:1440px){.app{grid-template-columns:1fr minmax(440px,520px)}}@media (min-width:1280px){body{overflow:hidden;height:100vh;height:100dvh}}