.hc-tool{--hc-violet:#7c3aed;--hc-teal:#0d9488;flex-direction:column;gap:1rem;display:flex}.hc-group-label{letter-spacing:.05em;color:var(--text-dim);font-size:.78rem}.hc-controls{flex-wrap:wrap;align-items:flex-start;gap:.8rem 1.6rem;display:flex}.hc-field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.hc-bits{flex-wrap:wrap;gap:.35rem;display:flex}.hc-tool #hc-data{flex-wrap:nowrap}.hc-tool .hc-flip-field{margin-bottom:-.4rem}.hc-tool .hc-bit{font-variant-numeric:tabular-nums;min-width:2.6rem;min-height:2.2rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-left:3px solid #7c3aed;border-radius:0;padding:.25rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.hc-tool .hc-bit:hover{box-shadow:0 7px 18px -14px var(--hc-violet);transform:translateY(-1px)}.hc-tool .hc-bit.hc-data-bit,.hc-tool .hc-bit.is-data{border-left-color:#0d9488}.hc-tool .hc-data-bit.active{background:#0d948829;font-weight:700}.hc-tool .hc-flip-bit.active{color:#fff;background:#f97316;border-color:#f97316;font-weight:700;box-shadow:0 0 0 2px #f9731638,0 8px 20px -14px #f97316}.hc-tool .hc-segmented .seg-btn{min-width:5.5rem}.hc-tool .hc-segmented{margin-top:0}.hc-tool .hc-segmented .seg-btn{white-space:nowrap;min-height:2.2rem;padding:.25rem .7rem;line-height:1.15}.hc-verdict-box{border-left:3px solid var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--hc-violet) 10%, var(--bg-surface)), var(--bg-surface) 72%);box-shadow:0 14px 36px -31px var(--hc-violet);padding:.6rem .85rem}.hc-verdict{color:var(--text);margin:0;font-size:.93rem;line-height:1.5}.hc-visual{margin:0}.hc-visual .chart-shell,.hc-pipe .chart-shell,.hc-tool>.chart-shell{border-color:color-mix(in srgb, var(--hc-violet) 28%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--bg-surface) 94%, var(--hc-violet)), var(--bg-surface));box-shadow:0 19px 52px -44px var(--hc-violet), inset 0 1px 0 #ffffff6b;overflow:hidden}.hc-tool .chart-shell-legend{border-top:1px solid color-mix(in srgb, var(--hc-violet) 16%, var(--border))}.hc-heading{margin:.2rem 0 0;font-size:1.05rem}.hc-table-note{color:var(--text-dim);margin:0;font-size:.86rem}.hc-p-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;display:flex}.hc-tool .hc-p-field{flex:14rem;max-width:28rem}.hc-tool .hc-p-field input[type=range]{width:100%}.hc-p-out{font-variant-numeric:tabular-nums;min-width:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.hc-table-wrap{overflow-x:auto}.hc-tool .hc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.hc-tool .hc-table th,.hc-tool .hc-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:.35rem .6rem}.hc-tool .hc-table thead th{letter-spacing:.04em;color:var(--text-dim);font-size:.76rem;font-weight:600}.hc-tool .hc-table tbody th{text-align:left;font-weight:600}.hc-tool .hc-table td.hc-formula{text-align:left}.hc-swatch{vertical-align:-.05rem;width:.7rem;height:.7rem;margin-right:.45rem;display:inline-block}.hc-tool .hc-table tr.hc-here th{border-left:3px solid var(--accent);padding-left:.45rem}.hc-tool .hc-table tr.hc-here td,.hc-tool .hc-table tr.hc-here th{background:var(--bg-hover)}.hc-pipe .hc-pipe-cap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-right:2.6rem;display:flex}.hc-pipe .hc-stepper{gap:.4rem;display:inline-flex}.hc-pipe .hc-stages{flex-wrap:wrap;gap:.3rem;display:inline-flex}.hc-pipe .hc-stage,.hc-pipe .hc-play,.hc-pipe .hc-step{min-height:32px;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:0;padding:.2rem .7rem;font-size:.8rem;transition:border-color .15s,color .15s,background .15s,transform .15s}.hc-pipe .hc-stage:hover,.hc-pipe .hc-play:hover,.hc-pipe .hc-step:hover{color:var(--hc-violet);border-color:var(--hc-violet);background:color-mix(in srgb, var(--hc-violet) 8%, transparent);transform:translateY(-1px)}.hc-pipe .hc-stage.active{border-color:var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--hc-violet) 16%, var(--bg-surface)), var(--bg-surface));box-shadow:inset 0 -2px 0 var(--hc-violet);font-weight:700}.hc-pipe .chart-shell-canvas canvas,.hc-tool .chart-shell-panel:first-child .chart-shell-canvas canvas{cursor:pointer}