*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0f;color:#e0e0e0;overflow:hidden}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10000;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:1.2rem;font-weight:500}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#layout-container{display:flex;height:100vh;width:100vw;gap:10px}.dimension-label{background:#000000b3;padding:2px 4px;border-radius:4px;font-family:monospace;font-weight:700;color:#0f0;-webkit-user-select:none;user-select:none;pointer-events:none}.sidebar{width:340px;background:linear-gradient(180deg,#12121a,#0d0d12);padding:10px;overflow-y:auto;border-right:1px solid #2a2a3a}#sidebar-right{border-right:none;border-left:1px solid #2a2a3a}#app{flex:1;width:100%;height:100%;position:relative;overflow:hidden}#main-view{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.sidebar h2{font-size:15px;margin-bottom:8px;color:#7cb3ff;border-bottom:1px solid #2a2a3a;padding-bottom:5px}.sidebar h3{font-size:11px;margin-top:10px;margin-bottom:5px;color:#888;text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;align-items:center;margin-bottom:8px;gap:8px}.control-group label{flex:1;font-size:12px;color:#aaa}.control-group input[type=number],.control-group select{width:70px;padding:4px 4px 4px 6px;background:#1a1a24;border:1px solid #333;color:#fff;border-radius:4px;font-size:12px;box-sizing:border-box}@media print{@page{margin:.5in;size:letter portrait}body *{visibility:hidden}#print-report,#print-report *{visibility:visible}#unit-select{width:140px}.info-box{font-size:.85rem}#print-report{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;padding:0;background:#fff;overflow:visible}.report-content{width:100%;padding:0;margin:0;border:none;box-shadow:none}.report-header h1{font-size:24pt!important}.report-date{font-size:12pt!important}.data-card h3{font-size:14pt!important;border-bottom:2px solid #ccc;margin-bottom:8px}.data-row{font-size:12pt!important;padding:4px 0;border-bottom:1px dotted #eee}.heatmap-section h3{font-size:14pt!important}.report-footer{font-size:10pt!important}.report-logo{height:80px!important}.report-rows-container,.report-grid{gap:20px}.heatmap-section{page-break-inside:avoid;margin-top:20px}#report-heatmap-container{width:100%;text-align:center;border:1px solid #ccc;min-height:400px}#report-heatmap-img{max-width:100%;max-height:60vh;object-fit:contain}#btn-close-report,#btn-do-print{display:none!important}}