*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#eef0f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;padding:32px 16px 56px;min-height:100vh}.card{background:#fff;border-radius:16px;box-shadow:0 4px 28px #00000017;padding:28px;width:100%;max-width:780px}h1{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:4px}.sub{font-size:13.5px;color:#64748b;margin-bottom:14px}.distrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.distlbl{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}select{padding:7px 11px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}select:focus{border-color:#3b82f6}#gammaCtrl{display:none;align-items:center;gap:10px;font-size:14px;color:#475569}#gammaCtrl input[type=range]{width:120px;flex:none}.alphanum{font-weight:700;color:#0f172a;min-width:28px}canvas{display:block;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc}.ctrl{display:flex;align-items:center;gap:16px;margin:14px 0 12px}.tlabel{font-size:19px;font-weight:700;color:#0f172a;min-width:60px;font-variant-numeric:tabular-nums}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#ef4444);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #334155;box-shadow:0 1px 6px #0003;cursor:grab}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #334155;cursor:grab}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.chip{border-radius:10px;padding:9px 13px;font-size:12px;color:#64748b;line-height:1.3}.chip .v{display:block;font-size:16px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.chip.red{background:#fff1f0;border:1.5px solid #fca5a5}.chip.red .v{color:#dc2626}.chip.blue{background:#eff6ff;border:1.5px solid #93c5fd}.chip.blue .v{color:#2563eb}.chip.grn{background:#f0fdf4;border:1.5px solid #86efac}.chip.grn .v{color:#15803d;font-size:12px}.note{font-size:13px;color:#475569;line-height:1.75;border-top:1px solid #f1f5f9;padding-top:14px}.note b{color:#1e293b}.note em{font-style:normal;font-weight:600;color:#1e293b}