.mode-lab{overflow-anchor:none;margin:28px 0;padding:28px;background:#f1f7f3;border:1px solid #d7e5dd;border-radius:24px;color:#243c37}.mode-lab h2{font-size:clamp(27px,3vw,38px);margin:10px 0}.mode-lab h3{font-size:24px;margin:0 0 16px}.mode-lab p{line-height:1.65}.mode-scope,.mode-save-note{color:#536d64}.mode-presets,.mode-actions,.mode-choices{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.mode-lab button{min-height:48px;border:1px solid #a9c2b5;border-radius:12px;background:#fff;color:#264b3b;padding:10px 15px;font:inherit;cursor:pointer}.mode-lab button:focus-visible{outline:3px solid #3949a1;outline-offset:3px}.mode-lab button:disabled{opacity:.45;cursor:default}.mode-lab button[aria-pressed=true]{background:#fff0d8;border:2px solid #a56c25}.mode-workbench{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:20px;align-items:start}.mode-board,.mode-inspector{min-width:0;border:1px solid #d2e2d8;border-radius:18px;background:white;padding:20px}.mode-chart-head,.mode-row{display:grid;grid-template-columns:76px minmax(0,1fr) 68px;gap:12px;align-items:center}.mode-chart-head{font-weight:700;color:#547062;padding-bottom:12px}.mode-row{min-height:76px;padding:8px 0;border-top:1px solid #e1e9e4}.mode-row.mode-peak{background:#e4f4e9;box-shadow:inset 4px 0 #358056}.mode-lab .mode-value{padding:8px 4px;background:#f1f6f3;border:0}.mode-value b{font-size:29px}.mode-value small{display:block}.mode-tokens{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.mode-lab [data-mode-token]{width:46px;min-height:46px;height:46px;border-radius:50%;padding:0;touch-action:none;user-select:none;background:#d8eee0;border:1px solid #7ba18b}.mode-lab [data-mode-token] b{font-size:21px}.mode-lab [data-mode-token][aria-pressed=true]{background:#ffe1af;border:3px solid #9b6624}.mode-frequency{text-align:center;color:#476454}.mode-frequency b{display:block;font-size:26px}.mode-frequency small{font-size:14px}.mode-empty{color:#708075;font-style:italic}.mode-lab .mode-drop-target{outline:3px dashed #b77428;background:#fff0d8}.mode-inspector input[type=range]{width:100%;min-height:44px;accent-color:#3d7655}.mode-result{margin-top:18px;padding:18px;background:#edf5ef;border-radius:14px;line-height:1.65}.mode-lab .mode-reveal{width:100%;background:#315c45;color:white}.mode-notice{padding:16px;border-left:4px solid #b58b48;background:#fff8ec}.mode-lab fieldset,.mode-challenge,.mode-compare,.mode-teacher{min-width:0;border:1px solid #d2e1d8;border-radius:16px;background:white;padding:24px;margin-top:24px}.mode-lab legend{font-size:23px;font-weight:700;padding:0 8px}.mode-lab label{display:block;line-height:1.6}.mode-lab input[type=text]{display:block;width:min(100%,260px);margin:8px 0 16px;padding:12px;border:1px solid #a2b7a9;border-radius:10px;font:inherit}.mode-feedback{background:#f0f4fb;border-left:4px solid #6674b0;padding:16px;line-height:1.65}.mode-reason{margin-top:24px;font-weight:600}.mode-lab textarea{display:block;width:100%;min-height:110px;box-sizing:border-box;padding:14px;border:1px solid #a8bbae;border-radius:12px;font:inherit;margin-top:10px}.mode-lab summary{cursor:pointer;line-height:1.65;font-weight:600;padding:10px 0}.mode-records{display:flex;gap:8px;flex-wrap:wrap}.mode-records button b,.mode-records button small{display:block}.mode-records button b{font-size:26px}.mode-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-comparison article{padding:12px;background:#f3f7f4;border-radius:12px}.mode-lab table{width:100%;border-collapse:collapse;margin:16px 0}.mode-lab th,.mode-lab td{padding:10px;text-align:center;border-bottom:1px solid #d8e3dc}.mode-lab caption{text-align:left;padding-bottom:12px}.mode-drag-ghost{position:fixed;pointer-events:none;z-index:10000;border-radius:12px;padding:14px;background:#f6cf8e;box-shadow:0 5px 18px #0003;font-size:20px;font-weight:700;color:#4d3518}.mode-teacher li{margin:12px 0;line-height:1.6}.mode-teacher a{overflow-wrap:anywhere}@media(max-width:900px){.mode-workbench{grid-template-columns:1fr}.mode-inspector{display:block}}@media(max-width:520px){.mode-lab{padding:16px 12px}.mode-board,.mode-inspector{padding:12px}.mode-chart-head,.mode-row{grid-template-columns:54px minmax(0,1fr) 58px;gap:6px}.mode-chart-head{font-size:14px}.mode-tokens{gap:5px}.mode-lab [data-mode-token]{width:44px;min-height:44px;height:44px}.mode-lab fieldset,.mode-challenge,.mode-compare,.mode-teacher{padding:16px 12px}.mode-presets button{flex:1 1 130px}.mode-comparison{grid-template-columns:1fr}.mode-actions button{width:100%}}

.mode-lab .mode-value,.mode-value small,.mode-frequency{line-height:1.15}
.mode-lab .mode-reveal[aria-pressed=true]{background:#315c45;color:#fff;border-color:#315c45}