.exp-signal-lab,.exp-attention-lab{min-width:0;line-height:1.8;color:var(--ink,#18263a)}
.exp-signal-grid,.exp-attention-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:16px}
.exp-signal-lab .exp-panel,.exp-attention-lab .exp-panel{min-width:0;border:1px solid #dbe4f1;border-radius:12px;background:#fff;padding:18px}
.exp-signal-lab h3,.exp-attention-lab h3{font-size:16px;line-height:1.7;margin:0 0 14px}
.exp-signal-lab .exp-controls,.exp-attention-lab .exp-controls{margin:0 0 15px;min-width:0}
.exp-signal-lab label,.exp-attention-lab label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:#4f6685;margin:0 0 5px}
.exp-signal-lab input[type=range],.exp-attention-lab input[type=range]{width:100%;max-width:100%;accent-color:#225cc2;min-height:32px;box-sizing:border-box}
.exp-signal-lab select{min-height:40px;border:1px solid #b9cce5;border-radius:7px;background:#f9fbff;font-size:14px;color:#284f84;padding:6px 10px;width:100%;max-width:220px}
.exp-signal-lab output,.exp-attention-lab output{font-family:Consolas,monospace;font-weight:600;color:#225caa}
.exp-signal-presets,.exp-attention-presets,.exp-signal-audio-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.exp-signal-lab button,.exp-attention-lab button{min-height:40px;font-family:inherit;font-size:13px;line-height:1.5;padding:8px 11px;border:1px solid #c7d8ef;border-radius:7px;color:#245a9e;background:#f0f6ff;cursor:pointer;max-width:100%;white-space:normal}
.exp-signal-lab button:focus-visible,.exp-attention-lab button:focus-visible,.exp-signal-lab input:focus-visible,.exp-attention-lab input:focus-visible,.exp-signal-lab select:focus-visible{outline:3px solid #70a0e2;outline-offset:2px}
.exp-signal-legend{display:flex;flex-wrap:wrap;gap:6px 13px;font-size:11px;color:#60738e;line-height:1.6;margin-bottom:10px}
.exp-signal-legend span:before{content:"";display:inline-block;width:17px;height:3px;vertical-align:middle;margin-right:5px}
.exp-signal-original-key:before{background:#3269bd}.exp-signal-alias-key:before{background:#2a9370}
.exp-signal-raw-key:before{background:#3d4b60;border-radius:50%;width:7px!important;height:7px!important}.exp-signal-quant-key:before{background:#c27b21;border-radius:50%;width:7px!important;height:7px!important}
.exp-signal-wave{display:block;width:100%;max-width:100%;height:auto;overflow:hidden;background:#f8faff;border:1px solid #e1e9f3;border-radius:8px}
.exp-signal-caption,.exp-signal-note,.exp-attention-formula,.exp-attention-limit{font-size:12px;color:#667b96;line-height:1.9;margin:10px 0 0;overflow-wrap:anywhere}
.exp-signal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.exp-signal-metrics .exp-metric{display:flex;flex-direction:column;border:1px solid #dce7f5;background:#f5f9ff;border-radius:8px;padding:10px 13px;min-width:0}
.exp-signal-metrics span{font-size:12px;color:#617690}.exp-signal-metrics strong{font-size:19px;color:#2c5f9e;overflow-wrap:anywhere}
.exp-signal-warning,.exp-attention-observation{font-size:13px;line-height:1.9;border-left:3px solid #74aa94;background:#edf8f3;color:#346c56;padding:11px 13px;border-radius:0 7px 7px 0;margin:12px 0;overflow-wrap:anywhere}
.exp-signal-warning.exp-signal-risk{border-left-color:#d79a4e;background:#fff7e9;color:#83602e}
.exp-signal-audio-controls{border-top:1px solid #e0e7ef;margin-top:16px;padding-top:14px}
.exp-signal-audio-controls span{flex-basis:100%;font-size:12px;color:#60738d;overflow-wrap:anywhere}
.exp-signal-values,.exp-attention-quantization{font-size:13px;color:#4a6485;border:1px solid #dde6f1;border-radius:8px;padding:5px 12px;margin-top:14px}
.exp-signal-values summary,.exp-attention-quantization summary{min-height:38px;padding:6px 0;cursor:pointer;font-weight:600}
.exp-signal-values pre{font:13px/1.7 Consolas,monospace;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.exp-attention-intro{margin-bottom:14px}.exp-attention-intro p{font-size:13px;color:#5f7690;margin:10px 0 0}
.exp-attention-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#326098}
.exp-attention-flow span{border:1px solid #d2e0f3;border-radius:7px;background:#f2f7ff;padding:5px 8px}
.exp-attention-control p{font-size:11px;color:#8190a4;margin:0}
.exp-attention-control .exp-token{font-weight:600;color:#245fa1;background:#eef5ff;border-radius:5px;padding:1px 5px}
.exp-attention-weight-row{margin:0 0 18px}.exp-attention-weight-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4d6688;margin-bottom:5px}
.exp-attention-weight-row strong{font:600 14px/1.5 Consolas,monospace;color:#2d64a9}
.exp-attention-track{height:13px;background:#edf2fa;border-radius:8px;overflow:hidden;border:1px solid #d8e4f3}
.exp-attention-track span{display:block;height:100%;background:#5e90d2;border-radius:7px;transition:width .15s}
.exp-attention-weight-row p{font:12px/1.7 Consolas,monospace;color:#71829a;margin:5px 0 0}
.exp-attention-summary{display:flex;flex-wrap:wrap;gap:9px 18px;padding:12px 13px;background:#f0f6ff;border:1px solid #d5e2f5;border-radius:8px;font-size:12px;color:#5b7190}
.exp-attention-summary strong{font-family:Consolas,monospace;color:#265b9a}
.exp-attention-quantization p{font-size:12px;line-height:1.9;margin:7px 0 10px}
@media(max-width:760px){.exp-signal-grid,.exp-attention-grid{grid-template-columns:minmax(0,1fr)}.exp-signal-lab .exp-panel,.exp-attention-lab .exp-panel{padding:15px}.exp-signal-metrics{grid-template-columns:minmax(0,1fr);gap:7px}.exp-signal-metrics .exp-metric{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px}.exp-signal-metrics strong{font-size:16px}.exp-signal-audio-controls button{flex:1 1 130px}.exp-signal-legend{font-size:10px;gap:5px 10px}}