body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}header{display:flex;width:100%;height:20px;justify-content:space-between;align-items:left;background-color:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 10px;box-sizing:border-box}main{flex:1;width:100%;height:calc(100vh - 20px);overflow:hidden;background-color:#fff;display:flex;justify-content:center;align-items:center;position:relative}header .left{display:flex;align-items:center}header .left div{margin-right:20px;font-size:14px}header .left select{height:100%;margin-left:5px}header>select{height:100%}header>label{font-size:16px}header a{color:#000}#bubble-chart{width:100%;height:100%}canvas{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ccc}#status-bar{font-size:14px;color:#555;text-align:right;white-space:nowrap}#squarified-chart-front{z-index:2}#squarified-chart-back{z-index:1}@media (max-width:700px){a,label{display:none}}