#surface-panel select{width:100%;padding:10px;background:#14232d;color:#dfedf3;border:1px solid #415666;border-radius:6px}
#surface-panel label{display:block;margin:16px 0 7px;font-size:14px}
#surface-panel input[type=range]{width:100%}#surface-panel output{float:right;color:var(--lab-accent, var(--accent, #e9b86a));font-variant-numeric:tabular-nums}
.surface-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.surface-tabs button{flex:1;font-size:13px!important}.surface-tabs button[aria-pressed=true],#surface-pick[aria-pressed=true]{border-color:#72d9ee;background:#183b45}
#surface-lesson,#surface-panel label[for=surface-lesson]{display:none}
.surface-help{font-size:13px;line-height:1.6;color:#b2c6d2}.surface-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#surface-panel .surface-check{display:flex;align-items:center;gap:8px}#surface-panel .surface-check input{width:auto}
#surface-panel details{border-top:1px solid #344654;margin-top:20px;padding-top:14px;font-size:13px;line-height:1.65;color:#b2c6d2}#surface-panel summary{cursor:pointer;color:#8fdae3}
.surface-readout{white-space:pre-line;font:14px/1.7 ui-monospace,monospace;color:#d2e4eb;margin-bottom:12px}
#surface-legend{padding:12px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#c2d6e0}#surface-legend div{width:100%;height:10px;background:linear-gradient(90deg,#3878de,#d7e4e5,var(--lab-accent, var(--accent, #efb750)));border-radius:6px}#surface-legend p{margin:2px 0}
#surface-panel[hidden],#surface-legend[hidden],#surface-readout[hidden]{display:none!important}
#manifold-stage.surface-picking canvas{cursor:crosshair}