:root{--ink:#172124;--muted:#5b656a;--blue:#2458d8;--pink:#c8436b;--teal:#188a88;--line:#e7eaeb;--pale:#f4f6f6}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:15px Arial,sans-serif}header,main{max-width:1440px;margin:auto;padding:16px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1{font:38px 'DIN Condensed',Arial,sans-serif;margin:4px 0}h1 small{font:18px Arial;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);margin:0}header p{line-height:1.6}h2{font-size:17px;margin:0 0 8px}h2 small{font-size:13px;font-weight:normal;color:var(--muted);margin-left:8px}section{border-top:1px solid var(--line);padding:13px 0}.sectionhead,.toolbar,.statusbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sectionhead h2{margin:0 auto 0 0}.toolbar{padding-bottom:14px}.statusbar{padding:11px 14px;background:var(--pale);margin-bottom:7px}#status{color:var(--teal)}button,select,input,textarea,.filebutton{font:inherit;border:1px solid #bdc7cb;border-radius:4px;background:#fff;color:var(--ink);padding:7px 10px}button,.filebutton{cursor:pointer}button:hover,.filebutton:hover{border-color:var(--blue);background:#f0f4ff}button:disabled{opacity:.45;cursor:default}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{color:var(--blue)}input[type=number]{width:76px}input[type=range]{width:90px;vertical-align:middle;padding:0}input:not([type]){max-width:180px}#examples{max-width:270px}textarea{width:100%;margin:6px 0}.pcLegend{color:var(--blue);font-weight:bold}.dpLegend{color:var(--pink);font-weight:bold}.program{display:flex;gap:8px;overflow:auto;padding:10px 2px 6px;min-height:150px;max-height:300px;align-items:stretch}.card{min-width:143px;position:relative;border:1px solid #c7ced1;border-radius:4px;padding:6px 7px}.card.current{outline:3px solid var(--blue);outline-offset:-2px;background:#f4f7ff}.card.condition{border-bottom:4px solid var(--teal)}.card .pc{height:19px;font-size:12px;color:var(--blue);font-weight:bold}.card select{font-size:12px;width:100%;padding:3px}.triple{display:flex;justify-content:center;gap:0;margin:8px 0 3px}.chipbtn{padding:0;border:0;border-radius:0;background:transparent;display:inline-flex;flex-direction:column;align-items:center;min-width:40px}.chipbtn:hover{background:#e8efff}.chip{position:relative;display:inline-block;width:55px;height:38px}.chip img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.triple .chip{width:40px;height:30px}.bitlabel{font:12px 'Courier New',monospace;line-height:16px}.remove{font-size:11px;padding:2px 6px;margin-left:6px}.data{display:flex;overflow:auto;padding:8px 2px 3px;gap:2px}.cell{min-width:68px;padding:5px 3px;border:1px solid var(--line);text-align:center;position:relative}.cell.current{outline:3px solid var(--pink);outline-offset:-2px}.cell.changed{background:#fbeef2}.cell .address{font-size:12px;color:var(--muted);margin:2px}.cell .uid{font-size:10px;color:var(--muted)}.cell .pointer{height:17px;font-weight:bold;font-size:12px;color:var(--pink)}.io{display:grid;grid-template-columns:1fr 1fr;gap:28px}.bitrow{display:flex;gap:4px;overflow:auto;min-height:45px;max-height:130px}.bitrow .carrier{text-align:center}.consumed{opacity:.3}.hint,details p{font-size:12px;color:var(--muted);line-height:1.4;margin:7px 0}.io label{font-size:12px}.io input{max-width:155px}.io button{font-size:12px}.io section>div:last-child{margin-top:5px}summary{cursor:pointer;color:var(--teal);font-size:12px;padding:6px 0}.explanation p{font:17px/1.5 Georgia,serif;margin:8px 0}#beforeAfter{font-family:'Courier New',monospace;font-size:13px;white-space:pre-wrap;background:var(--pale);padding:9px}.filebutton input{display:none}.tablewrap{overflow:auto;max-height:340px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;vertical-align:top;padding:7px;border-bottom:1px solid var(--line)}th{background:var(--pale);position:sticky;top:0}td:nth-child(5){font-family:'Courier New',monospace;word-break:break-all}footer{font-size:12px;line-height:1.7;color:var(--muted);padding:20px 0}#notice{font-size:12px}#logNote{font-size:12px}.flip .old{animation:old .55s forwards}.flip .edge{animation:edge .55s forwards}.flip .new{animation:new .55s forwards}@keyframes old{0%,20%{opacity:1;transform:rotateX(0)}45%,100%{opacity:0;transform:rotateX(80deg)}}@keyframes edge{0%,22%,80%,100%{opacity:0}42%,58%{opacity:1}}@keyframes new{0%,55%{opacity:0;transform:rotateX(-80deg)}85%,100%{opacity:1;transform:rotateX(0)}}@media(max-width:800px){header,main{padding:14px}header p{display:none}.io{grid-template-columns:1fr;gap:0}.toolbar{gap:7px}.program{min-height:140px}.cell{min-width:62px}.sectionhead{gap:8px}h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.flip .old,.flip .edge{display:none}.flip .new{animation:none}}