.exp-main{width:min(100% - 48px,1100px);margin-inline:auto;padding:var(--space-6) 0 var(--space-7)}.exp-back-link{position:relative;display:inline-block;margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;color:var(--color-ink-soft);text-decoration:none;transition:color .2s var(--ease-out-quart)}.exp-back-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease-out-quart)}.exp-back-link:hover{color:var(--color-accent)}.exp-back-link:hover:after{transform:scaleX(1)}.exp-intro{max-width:680px;margin-bottom:var(--space-5)}.exp-intro p{color:var(--color-ink-soft)}.exp-disclaimer{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-gold-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-ink-soft)}.exp-disclaimer strong{color:var(--color-ink)}.exp-workspace{display:grid;grid-template-columns:260px 1fr;gap:var(--space-4);align-items:start}.exp-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.exp-panel-title{margin:0 0 var(--space-3);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-faint);font-weight:700}.exp-slider-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--color-ink-soft);margin-bottom:var(--space-3)}.exp-slider-field output{font-family:var(--font-mono);color:var(--color-heading);font-weight:600}.exp-workspace input[type=range],.exp-panel input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;background:var(--color-border-strong);outline:none}.exp-workspace input[type=range]::-webkit-slider-thumb,.exp-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.exp-workspace input[type=range]::-moz-range-thumb,.exp-panel input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.exp-checkbox-field{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-ink-soft);margin-top:var(--space-2)}.exp-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.exp-chip{border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-ink-soft);font:inherit;font-size:.82rem;font-weight:600;padding:.45rem .9rem;cursor:pointer;transition:border-color .18s var(--ease-out-quart),background .18s var(--ease-out-quart),color .18s var(--ease-out-quart)}.exp-chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.exp-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.exp-added{background:var(--color-gold-soft);color:var(--color-ink);border-radius:4px;padding:0 .15em}.exp-note{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-soft);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-ink-soft)}.exp-note strong{color:var(--color-ink)}.exp-explainer{margin-top:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.exp-explainer summary{cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--color-heading);font-family:var(--font-display)}.exp-explainer-body{margin-top:var(--space-3);color:var(--color-ink-soft);display:flex;flex-direction:column;gap:var(--space-2);max-width:68ch}.exp-explainer-body strong{color:var(--color-ink)}.exp-explainer-body h3{margin:var(--space-2) 0 0;font-size:.95rem;color:var(--color-heading)}.exp-explainer-body ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2)}.exp-explainer-body li{line-height:1.55}@media(max-width:900px){.exp-workspace{grid-template-columns:1fr}}.te-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4);align-items:start}@media(max-width:900px){.te-layout{grid-template-columns:1fr}}.te-textarea{width:100%;min-height:90px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:.9rem;resize:vertical}.te-search{width:100%;padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:.88rem;margin-bottom:var(--space-3)}.te-token-output{display:flex;flex-wrap:wrap;gap:.35rem;margin:var(--space-3) 0;min-height:2.4rem}.te-token{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-family:var(--font-mono);font-size:.82rem;line-height:1.4;cursor:default;border:1px solid var(--color-border)}.te-token.unknown{border-style:dashed;opacity:.85}.te-token.te-clickable{cursor:pointer}.te-token-summary{font-size:.82rem;color:var(--color-ink-soft)}.te-canvas-wrap{position:relative}.te-canvas{width:100%;height:480px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer}.te-neighbor-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:.4rem}.te-neighbor-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.3rem .5rem;border-radius:var(--radius-sm);background:var(--color-bg)}.te-neighbor-row .te-dist{color:var(--color-ink-faint);font-family:var(--font-mono);font-size:.78rem}.te-empty-hint{color:var(--color-ink-faint);font-size:.85rem}.bs-canvas{width:100%;height:260px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.bs-metrics-table{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-size:.86rem}.bs-metrics-table th,.bs-metrics-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.bs-metrics-table thead th{background:var(--color-accent-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-soft)}.bs-metrics-table tbody th{color:var(--color-ink);font-weight:600}.bs-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:.8rem;color:var(--color-ink-soft)}.bs-legend span{display:inline-flex;align-items:center;gap:.4rem}.bs-swatch{display:inline-block;width:10px;height:10px;border-radius:50%}#scSlide{transition:opacity .2s var(--ease-out-quart),transform .2s var(--ease-out-quart)}#scSlide.sc-slide-out{opacity:0;transform:translateY(8px) scale(.98)}#scAnalysis{opacity:0;transform:translateY(12px);transition:opacity .36s var(--ease-out-quart),transform .36s var(--ease-out-quart)}#scAnalysis.is-visible{opacity:1;transform:translateY(0)}.sc-light.active{animation:sc-light-pop .32s var(--ease-out-quart)}@keyframes sc-light-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.sc-lights{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.sc-light{flex:1 1 170px;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:.88rem;font-weight:700;text-align:left;cursor:pointer;transition:border-color .18s var(--ease-out-quart),background .18s var(--ease-out-quart)}.sc-light small{display:block;font-weight:500;color:var(--color-ink-soft);font-size:.78rem}.sc-light-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.sc-light-green .sc-light-dot{background:var(--color-correct)}.sc-light-yellow .sc-light-dot{background:var(--color-gold)}.sc-light-red .sc-light-dot{background:var(--color-incorrect)}.sc-light:hover{border-color:var(--color-accent)}.sc-light-green.active{border-color:var(--color-correct);background:var(--color-correct-soft)}.sc-light-yellow.active{border-color:var(--color-gold);background:var(--color-gold-soft)}.sc-light-red.active{border-color:var(--color-incorrect);background:var(--color-incorrect-soft)}.sc-analysis-note{font-size:.85rem;color:var(--color-ink-soft);margin:0 0 var(--space-3)}.sc-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.sc-col h5{margin:0 0 var(--space-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint)}.sc-col ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--space-2)}.sc-col li{font-size:.88rem;line-height:1.5}.sc-col-pros h5{color:var(--color-correct)}.sc-col-cons h5{color:var(--color-incorrect)}@media(max-width:640px){.sc-pros-cons{grid-template-columns:1fr}}