.dcs-samples{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.dcs-samples .dcs-sample{padding:.34rem .7rem}.dna-scale-controls{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 .8rem;padding:.85rem;display:grid}.dna-scale-controls label{grid-template-columns:1fr auto;align-items:center;gap:.55rem;min-width:0;font-size:.86rem;font-weight:600;display:grid}.dna-scale-controls input{grid-column:1/-1;width:100%;margin:0}.dna-scale-controls output{min-width:3.25rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg));font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:.15rem .42rem}#dcs-chart-host canvas{width:100%;height:auto}#dcs-result{margin-top:.75rem}#dcs-result .result-box{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.6rem;display:grid}#dcs-result .bd-row{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;min-width:0;padding:.7rem .75rem}#dcs-result .bd-row>span{color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.71rem;font-weight:650}#dcs-result .bd-row strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-variant-numeric:tabular-nums}#dcs-result .dcs-result-primary,#dcs-result .dcs-result-scale{background:color-mix(in srgb, var(--accent) 8%, var(--bg-surface))}#dcs-result .dcs-result-primary strong{color:var(--accent);font-size:1.08rem}#dcs-result .dcs-result-formula{grid-column:1/-1}#dcs-result .dcs-result-formula strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;font-weight:500}.scale-ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:.8rem 0 1rem;display:grid}.scale-rung{border:1px solid var(--border);background:var(--bg-surface);min-width:0;color:var(--text-dim);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .48rem;padding:.65rem;font-size:.78rem;transition:background .15s,color .15s;display:grid;position:relative}.scale-rung i{background:var(--border);border-radius:999px;grid-row:1/3;width:.28rem;height:100%;min-height:2.1rem}.scale-rung strong{color:var(--text);font-size:.94rem;line-height:1.1}.scale-rung span{overflow-wrap:anywhere;min-width:0}.scale-rung.is-reached{background:color-mix(in srgb, var(--accent) 7%, var(--bg-surface));color:var(--text)}.scale-rung.is-reached i{background:var(--accent)}.scale-rung.is-current{outline:2px solid var(--accent);outline-offset:1px}@media (width<=700px){.scale-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.dna-scale-controls,#dcs-result .result-box{grid-template-columns:1fr}#dcs-result .dcs-result-formula{grid-column:auto}}@media (width<=380px){.scale-ladder{grid-template-columns:1fr}}