:root{font-family:Arial,Noto Sans SC,sans-serif;color:#151515;background:#ece9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{color:inherit}header{min-height:180px;border-bottom:2px solid #151515;display:grid;grid-template-columns:180px 1fr auto;gap:28px;padding:25px 32px;align-items:start}.mark{font-weight:900;font-size:18px;border:2px solid;padding:10px;width:max-content}.intro p,.label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.intro h1{font-size:clamp(36px,6vw,76px);letter-spacing:-.065em;line-height:.9;margin:0}.intro h1 i{font-family:Georgia,serif;font-weight:400}.intro span{display:block;margin-top:18px;max-width:630px;font-size:14px}header>button{background:transparent;border:1px solid;padding:10px 14px;cursor:pointer}header>button.active{background:#c8f04b}main{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 180px)}aside{padding:28px 22px;border-right:2px solid}aside>button{display:block;width:100%;text-align:left;border:0;border-top:1px solid;background:transparent;padding:17px 6px;cursor:pointer}aside>button:last-of-type{border-bottom:1px solid}aside>button.selected{background:#ff5a25;padding-left:12px}aside small{display:block;margin-top:6px;line-height:1.35;color:#494949}.tip{background:#151515;color:#eee;padding:18px;margin-top:40px}.tip p{font-size:12px;line-height:1.5;margin-bottom:0}.workspace{padding:24px 28px 34px;min-width:0}.toolbar{display:grid;grid-template-columns:140px minmax(150px,1fr) 190px;align-items:center;gap:22px;margin-bottom:22px}.toolbar div{display:flex;align-items:baseline;gap:10px}.toolbar span{font-size:10px;letter-spacing:.12em}.toolbar strong{font-size:34px}.toolbar input{accent-color:#ff5a25;width:100%}.status{text-align:right}.views{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;background:#151515;position:relative;overflow:hidden}figcaption{color:#eee;padding:12px 14px;font-size:12px;display:flex;justify-content:space-between}figcaption em{color:#c8f04b;font-style:normal}canvas{display:block;width:100%;height:auto}.heat canvas{cursor:crosshair;image-rendering:auto}.probe{position:absolute;left:14px;bottom:14px;background:#ece9df;border:2px solid;padding:8px 10px;font:11px monospace}.probe b{display:block;font-size:15px;margin-top:3px}.curve{margin-top:16px;border:2px solid;background:#f4f1e8;padding:18px}.curve-title{display:flex;justify-content:space-between}.curve-title span{font-weight:800}.curve-title small{color:#666}.bars{height:155px;display:flex;gap:7px;align-items:end;border-bottom:1px solid;margin-top:12px}.bars button{border:0;background:none;flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;cursor:pointer;padding:0}.bars i{display:block;width:100%;height:var(--h);background:#b7b3a8;border:1px solid #151515;transition:.2s}.bars .chosen i{background:#ff5a25}.bars b{font-size:10px;margin-top:5px}.bars span{font:10px monospace;margin:3px 0 6px}.source{display:none}@media(max-width:760px){header{grid-template-columns:1fr auto;padding:18px}.mark{display:none}.intro h1{font-size:42px}main{grid-template-columns:1fr}aside{border:0;border-bottom:2px solid;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.label,.tip{grid-column:1/-1}.tip{margin-top:8px}.workspace{padding:18px}.toolbar{grid-template-columns:1fr}.status{text-align:left}.views{grid-template-columns:1fr}.curve-title small{display:none}}