body{font-family:IBM Plex Mono,monospace;background:#0a0a0a;color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:20px}h1{font-family:IBM Plex Mono,monospace;font-size:22px;margin-bottom:30px;text-align:center;font-weight:300;letter-spacing:.08em;opacity:.95}#dropzone{border:none;border-radius:7px;padding:50px;text-align:center;transition:all .3s;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:transparent;margin:0}#dropzone p{margin:0}#dropzone.dragover{background:#00e1001a}input[type=file]{display:none}.controls{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap;justify-content:center}.control{display:flex;flex-direction:column;gap:5px}label{font-size:12px;color:#888}input[type=range]{width:200px}button{background:#00e100;color:#000;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-weight:700}button:hover{background:#00c400}button:disabled{background:#666;cursor:not-allowed;opacity:.6}#sizeToggle{min-width:100px}#methodToggle{min-width:150px}#colorToggle{min-width:80px}#output{font-family:IBM Plex Mono,monospace;letter-spacing:-.02em;overflow:hidden;background:#000;padding:0;border-radius:10px;margin:20px auto;width:min(800px,90vw,90vh);height:min(600px,90vw,90vh);box-sizing:border-box;white-space:normal;border:1px dashed #444;transition:border-color .3s;position:relative}#output pre{margin:0}.method-selector{display:flex;gap:10px;margin:10px 0}.method-selector label{display:flex;align-items:center;gap:5px;cursor:pointer}.size-buttons{display:flex;gap:10px}.size-btn{padding:8px 16px;background:#222;border:1px solid #444;color:#fff;cursor:pointer;border-radius:5px;transition:all .2s}.size-btn:hover{background:#333}.size-btn.active{background:#00e100;color:#000;border-color:#00e100}