body{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffff61;background-color:#252525;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center}#screen{position:absolute;width:100vw;height:100vh}#input{position:absolute;width:100vw;height:100vh;padding:0;font-size:384px;background:transparent;color:inherit;caret-color:inherit;border:none;outline:none;resize:none;overflow:hidden}#input.hidden{visibility:hidden}#status-bar{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px}#status{display:flex;align-items:center;gap:4px;font-family:monospace;font-size:16px;color:#ffffff61}#status.error{color:#ff00009e}.status-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#toggle-bar{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:8px}#toggle-hint{font-family:monospace;font-size:16px;color:#ffffff61}#toggle-input-button{height:32px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:16px;background:#ffffff9e;color:#0000009e;border:none;border-radius:4px;cursor:pointer}#toggle-input-button:hover{background:#ffffffc7;color:#000000c7}#toggle-input-button:active{background:#ffffff75;color:#00000075}#upload-button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff9e;color:#2525259e;border:none;border-radius:4px;cursor:pointer}#upload-button:hover{background:#ffffffc7;color:#252525c7}#upload-button:active{background:#ffffff75;color:#25252575}#upload-button.disabled{background:#ffffff61;color:#25252561;cursor:default}#upload-button.disabled:hover,#upload-button.disabled:active{background:#ffffff61;color:#25252561}