#hash-container{max-width:1200px;margin:2rem auto;padding:1.25rem;background:linear-gradient(135deg,var(--global-bg-color) 0%,rgba(15,23,42,0.8) 100%);border-radius:18px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 18px 50px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.06)}#hash-controls{background:linear-gradient(135deg,rgba(30,41,59,0.9) 0%,rgba(15,23,42,0.95) 100%);border:1px solid rgba(59,130,246,0.3);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:center;box-shadow:0 8px 22px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08)}#hash-container *{box-sizing:border-box}.control-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.control-row{display:flex;gap:.75rem;align-items:center;justify-content:center}.control-group label{font-size:.9rem;font-weight:600;color:rgba(255,255,255,0.92);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.5)}select,input[type="range"]{transition:all .2s ease}select{background:linear-gradient(135deg,rgba(30,41,59,0.9) 0%,rgba(15,23,42,0.9) 100%);color:var(--global-text-color);border:1px solid rgba(59,130,246,0.35);padding:.6rem .8rem;border-radius:8px;cursor:pointer}select:hover{border-color:rgba(59,130,246,0.6);box-shadow:0 0 12px rgba(59,130,246,0.25)}input[type="range"]{width:160px;height:6px;border-radius:3px;outline:0;-webkit-appearance:none;background:linear-gradient(90deg,rgba(59,130,246,0.25),rgba(59,130,246,0.85))}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,0.45)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;cursor:pointer;border:0;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,0.45)}.checkbox{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:rgba(255,255,255,0.85)}.value{font-family:'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size:.85rem;color:#60a5fa;background:rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.35);border-radius:6px;padding:.15rem .4rem}#hash-viz-container{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(ellipse at center,#0f172a 0%,#000 70%);border:1px solid rgba(59,130,246,0.3);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.06)}#hash-viz{width:100%;height:100%;display:block}.loading,.no-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#60a5fa;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.no-canvas{color:rgba(255,255,255,0.8)}#hash-hud{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.hud-panel{background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(30,58,138,0.06) 100%);border:1px solid rgba(59,130,246,0.3);border-radius:12px;padding:1rem;box-shadow:0 6px 18px rgba(0,0,0,0.18);transition:all .25s ease}.hud-panel:hover{border-color:rgba(59,130,246,0.5);box-shadow:0 10px 24px rgba(0,0,0,0.25),0 0 14px rgba(59,130,246,0.25);transform:translateY(-2px)}.hud-panel h4{color:#60a5fa;font-size:1rem;font-weight:700;margin:0 0 .6rem 0;text-transform:uppercase;letter-spacing:.7px;border-bottom:2px solid rgba(59,130,246,0.3);padding-bottom:.4rem}.hud-value{font-family:'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size:.9rem;display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,0.08)}.hud-value:last-child{border-bottom:0}.hud-value .label{color:rgba(255,255,255,0.75)}.hud-value .value{color:#93c5fd;font-weight:700}.notes{margin:0;padding-left:1rem;color:rgba(255,255,255,0.9)}.notes li{margin:.25rem 0}@media(max-width:768px){#hash-container{padding:1rem}#hash-controls{grid-template-columns:1fr 1fr}.control-row{flex-wrap:wrap}}