.ht-tool{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.ht-controls{grid-template-columns:minmax(60px,.32fr) minmax(200px,1.35fr) minmax(190px,1fr) minmax(110px,.86fr);align-items:start;gap:10px;display:grid}.ht-controls .field{gap:6px;min-width:0;display:grid}.ht-controls .field>span,.ht-controls .field>label{color:var(--text-dim);font-size:.9rem;font-weight:600}.ht-controls input,.ht-controls select{width:100%;height:38px;min-height:38px}.ht-size-field input{max-width:86px}.samples-row .sample-btn.active{background:color-mix(in srgb, #2563eb 18%, var(--bg-surface));color:var(--text);border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb6b,0 0 0 1px #2563eb73}.ht-layout{grid-template-columns:minmax(360px,1.05fr) minmax(360px,.95fr);align-items:start;gap:14px;display:grid}.ht-left-col,.ht-visual,.ht-side{min-width:0}.ht-left-col{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.ht-visual{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;padding:8px}#ht-canvas{width:100%;display:block}.ht-side{gap:10px;display:grid}.ht-outcome,.ht-load,.ht-formula,.ht-derivations{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px}.ht-outcome{gap:5px;padding:12px;display:grid}.ht-outcome span,.ht-load-top span,.ht-formula-title,.ht-derivation span{color:var(--text-dim);text-transform:uppercase;letter-spacing:0;font-size:.82rem;font-weight:700}.ht-outcome strong{color:var(--text);font-size:2rem;line-height:1}.ht-outcome em,.ht-derivation em{color:var(--text-dim);font-size:.86rem;font-style:normal;line-height:1.3}.ht-load{margin:4px 0;padding:10px}.ht-load-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.ht-load-top strong{color:var(--text);font-variant-numeric:tabular-nums}.ht-load-bar{background:color-mix(in srgb, var(--border) 40%, transparent);border-radius:999px;height:12px;overflow:hidden}.ht-load-bar span{border-radius:inherit;background:linear-gradient(90deg,#16a34a,#d97706 62%,#dc2626);height:100%;display:block}.ht-derivations{display:grid}.ht-derivation{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);gap:4px;padding:10px 12px;display:grid}.ht-derivation:last-child{border-bottom:0}.ht-derivation strong{color:var(--text);overflow-wrap:anywhere;font-size:.95rem;line-height:1.35}.ht-formula{padding:12px}.ht-probe-list{max-height:250px;color:var(--text-dim);gap:6px;margin-top:10px;padding-right:4px;font-size:.9rem;line-height:1.35;display:grid;overflow:auto}.ht-probe-list strong{color:var(--text)}.ht-wide-insight{width:100%}@media (width<=640px){.ht-controls{grid-template-columns:minmax(60px,.45fr) minmax(200px,1.55fr)}}@media (width<=780px){.ht-layout,.ht-controls{grid-template-columns:1fr}}