#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;height:8rem;padding:1rem;text-align:center;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);cursor:pointer}#dropzone.is-over,#dropzone:focus-visible,#dropzone:hover{border-color:var(--accent);color:var(--text)}#dropzone strong{color:var(--text);font-size:.95rem}#dropzone span{font-size:.84rem}.load-status{font-size:.85rem;color:var(--text-2);min-height:1.3rem;margin:.5rem 0 0}.load-status.is-ok{color:var(--ok-text)}.load-status.is-err{color:var(--err-text)}.opts{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:.8rem}.opts .fcol{display:flex;flex-direction:column;gap:.3rem}.opts .fcol[hidden]{display:none}.opts label{font-size:.82rem;font-weight:600;color:var(--text-2)}.opts input[type=number]{width:84px}.opts input[type=text]{min-width:200px;font-family:var(--mono)}.opts .fcheck{flex-direction:row;align-items:center;gap:.4rem;padding-bottom:.55rem}.opts input[type=range]{width:150px}.thresh-row{display:flex;align-items:center;gap:.5rem}#threshold-out{font-family:var(--mono);font-size:.84rem;color:var(--text-2);min-width:2.2rem}#stats{font-size:.85rem;color:var(--text-2);margin:0 0 .5rem}#warn{border:1px solid var(--warn);border-left-width:3px;border-radius:var(--radius-sm);background:var(--surface-2);padding:.6rem .8rem;margin:0 0 .8rem}#warn p{margin:.25rem 0;font-size:.86rem;color:var(--warn-text)}#warn p:first-child{margin-top:0}#warn p:last-child{margin-bottom:0}.canvas-wrap{padding:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;min-height:9rem}.canvas-wrap canvas{display:block;image-rendering:pixelated;margin:0 auto}.screen-wrap{display:flex;justify-content:center;padding:1rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;min-height:9rem}.screen-wrap canvas{display:block;image-rendering:pixelated;border:1px solid var(--border);border-radius:3px;flex:0 0 auto}.screen-bar{display:flex;gap:.7rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:.7rem}.screen-bar .fcol{display:flex;flex-direction:column;gap:.3rem;flex:1 1 220px}.screen-bar label{font-size:.82rem;font-weight:600;color:var(--text-2)}#out{font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:pre;overflow:auto;height:26rem;padding:.75rem .85rem;margin:0 0 .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.out-actions{display:flex;gap:.6rem;flex-wrap:wrap}@media (max-width:560px){.opts input[type=text]{min-width:100%}.opts input[type=range]{width:100%}#out{height:18rem;font-size:.74rem}}