:root{--bg: #0d0d0d;--surface: #161616;--surface-2: #1f1f1f;--border: #2a2a2a;--text: #e0e0e0;--text-dim: #666;--accent: #e05a1a;--accent-hover: #c04a10;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}body{display:flex;flex-direction:column}header{display:flex;align-items:baseline;gap:.75rem;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}header h1{font-size:.95rem;font-weight:600}.subtitle{color:var(--text-dim);font-size:.78rem}main{flex:1;min-height:0;display:grid;grid-template-columns:232px 1fr}.controls{background:var(--surface);border-right:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.control-section{display:flex;flex-direction:column;gap:.55rem}.section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding-bottom:.3rem;border-bottom:1px solid var(--border)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.preset-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.38rem .4rem;border-radius:var(--radius);cursor:pointer;font-size:.78rem;transition:border-color .12s,background .12s;text-align:center}.preset-btn:hover{border-color:var(--accent)}.preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.url-row{display:flex;gap:.35rem}#url-input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.32rem .45rem;border-radius:var(--radius);font-size:.72rem;font-family:JetBrains Mono,Fira Code,monospace;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#url-input:focus{border-color:var(--accent)}#url-input::placeholder{color:var(--text-dim)}#load-url-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.32rem .6rem;border-radius:var(--radius);font-size:.78rem;cursor:pointer;white-space:nowrap;transition:border-color .12s}#load-url-btn:hover{border-color:var(--accent)}.upload-area{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-dim);font-size:.8rem;transition:border-color .12s,color .12s}.upload-area:hover{border-color:var(--accent);color:var(--text)}.upload-area input{display:none}.slider-row{display:flex;flex-direction:column;gap:.28rem}.slider-header{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.78rem}.slider-header span{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-dim);cursor:pointer}.checkbox-row input{accent-color:var(--accent);width:12px;height:12px;cursor:pointer}select{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.3rem .45rem;border-radius:var(--radius);font-size:.78rem;outline:none;cursor:pointer}select:focus{border-color:var(--accent)}.load-sam-btn{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.45rem .6rem;border-radius:var(--radius);font-size:.8rem;cursor:pointer;transition:border-color .12s}.load-sam-btn:hover:not(:disabled){border-color:var(--accent)}.load-sam-btn:disabled{opacity:.6;cursor:default}.progress-track{height:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:.3rem}.progress-bar{height:100%;width:0%;background:var(--accent);font-size:.65rem;color:#fff;display:flex;align-items:center;justify-content:center;transition:width .2s;min-width:2rem}.sam-hint{font-size:.72rem;color:var(--text-dim);line-height:1.4}.clear-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);padding:.32rem .6rem;border-radius:var(--radius);font-size:.78rem;cursor:pointer;width:100%;transition:border-color .12s,color .12s}.clear-btn:hover{border-color:var(--accent);color:var(--text)}.img-panel-body{position:relative;padding:.6rem}.img-wrapper{position:relative;display:inline-flex;max-width:100%;max-height:100%}.img-wrapper img{display:block;max-width:100%;max-height:100%;object-fit:contain}#img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;pointer-events:all}.render-btn{margin-top:auto;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.6rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;width:100%;transition:background .12s}.render-btn:hover{background:var(--accent-hover)}.render-btn:active{transform:translateY(1px)}.right-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panels-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.panel{background:var(--bg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-header{padding:.4rem .75rem;border-bottom:1px solid var(--border);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);background:var(--surface);flex-shrink:0}.panel-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.6rem;overflow:hidden}.panel-body img,.panel-body canvas{max-width:100%;max-height:100%;object-fit:contain;display:block}#preview-img{display:none}#density-svg{display:block;max-width:100%;max-height:100%;background:#fff}.data-section{height:210px;flex-shrink:0;border-top:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.data-header{display:flex;align-items:center;gap:.75rem;padding:.45rem .9rem;border-bottom:1px solid var(--border);flex-shrink:0}.data-summary{color:var(--text-dim);font-size:.75rem;margin-right:auto}.download-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);padding:.25rem .65rem;border-radius:var(--radius);font-size:.75rem;cursor:pointer;transition:border-color .12s,color .12s}.download-btn:hover{border-color:var(--accent);color:var(--text)}.table-scroll{flex:1;overflow:auto}#data-table{width:100%;border-collapse:collapse;font-size:.75rem;font-variant-numeric:tabular-nums}#data-table thead{position:sticky;top:0;background:var(--surface-2);z-index:1}#data-table th{padding:.35rem .75rem;text-align:right;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap}#data-table th:first-child{text-align:left}#data-table td{padding:.28rem .75rem;text-align:right;color:var(--text);border-bottom:1px solid #1e1e1e}#data-table td:first-child{text-align:left;color:var(--text-dim)}#data-table tbody tr:hover{background:var(--surface-2)}.status-bar{height:26px;flex-shrink:0;display:flex;align-items:center;padding:0 .9rem;border-top:1px solid var(--border);background:var(--surface);font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}