:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:0;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-size:16px}@media (max-width: 576px){:root{font-size:14px}.app-container{flex-direction:column!important;padding:.5rem!important}.editor-section,.preview-section{width:100%!important;max-width:100%!important;height:auto!important}.hex-editor{font-size:.75rem!important}.top-bar{flex-wrap:wrap;height:auto!important;padding:.5rem!important}.button-group{order:2;width:100%;margin-top:.5rem}.virtual-scroll-container{height:50vh!important}}@media (min-width: 577px) and (max-width: 768px){:root{font-size:15px}.app-container{flex-direction:column!important;padding:1rem!important}.editor-section,.preview-section{width:100%!important;max-width:100%!important}.virtual-scroll-container{height:60vh!important}}@media (min-width: 769px) and (max-width: 1200px){.editor-section{width:60%!important}.preview-section{width:40%!important}}@media (min-width: 1201px){.editor-section,.preview-section{width:50%!important;max-width:50rem!important}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (max-width: 768px){button{min-height:44px;min-width:44px;padding:.75rem 1rem!important}input[type=file]{padding:.75rem!important}.hex-editor .hex-byte,.hex-editor .ascii-char{padding:.25rem!important;min-width:2rem}}@media (max-width: 576px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.section-title{font-size:1rem!important}}@media (max-width: 768px){.image-preview{max-height:40vh!important}.image-preview img{max-width:100%!important;height:auto!important}}@media (max-width: 768px){::-webkit-scrollbar{width:6px!important;height:6px!important}}@media print{.top-bar,.button-group,.upload-section{display:none!important}.app-container{flex-direction:column!important}.editor-section,.preview-section{width:100%!important;max-width:100%!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;color:#fff}.app{height:100vh;width:100vw;display:flex;flex-direction:column}.top-bar{height:2.5rem;background:#2a2a2a;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.app-info{display:flex;align-items:center;gap:.75rem}.app-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.app-author{font-size:.7rem;color:#888;font-style:italic}.main-content{flex:1;display:flex;flex-direction:row}.image-section{flex:1;display:flex;flex-direction:column}.editor-section{width:43.75rem;min-width:37.5rem;max-width:50rem;background:#2a2a2a;border-left:1px solid #444;display:flex;flex-direction:column}.image-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#111;position:relative;overflow:hidden}.image-panel.modified{border-bottom:1px solid #444}.image-container{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab}.image-container:active{cursor:grabbing}.image-container img{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.image-panel:before{content:attr(data-label);position:absolute;top:.5rem;left:.5rem;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.03rem}.image-panel.modified:before{content:"Modified"}.image-panel.original:before{content:"Original"}.load-button{background:#007acc;color:#fff;border:none;padding:.375rem .75rem;border-radius:0;cursor:pointer;font-size:.8125rem;font-weight:500}.load-button:hover{background:#06a}.load-button:disabled{background:#444;cursor:not-allowed;opacity:.5}.export-button{background:#198754;color:#fff;border:1px solid #198754;padding:6px 12px;border-radius:0;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.export-button:hover:not(:disabled){background:#157347;border-color:#157347}.export-button:disabled{background:#444;cursor:not-allowed;opacity:.5}.hidden-input{display:none}.top-bar-buttons{display:flex;gap:.5rem;align-items:center}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-style:italic;font-size:14px}.hex-editor{background:#2a2a2a;display:flex;flex-direction:column;height:100%;overflow:hidden;max-height:100vh}.hex-editor-header{padding:8px 12px;background:#333;border-bottom:1px solid #444;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.hex-editor-title{font-size:13px;font-weight:500;color:#fff}.hex-editor-content{flex:1;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 100px);overflow:hidden}.hex-controls{padding:8px;background:#333;border-bottom:1px solid #444;display:flex;flex-direction:column;gap:8px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chunk-nav{display:flex;align-items:center;gap:8px}.nav-button{background:#444;color:#fff;border:1px solid #666;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}.nav-button:hover:not(:disabled){background:#555}.nav-button:disabled{opacity:.5;cursor:not-allowed}.jump-form{display:flex;align-items:center}.jump-input{background:#1a1a1a;color:#fff;border:1px solid #444;padding:4px 8px;border-radius:0;width:80px;font-size:12px}.jump-input.address-input{width:120px}.jump-input:focus{outline:none;border-color:#007acc}.chunk-info{color:#888;font-size:11px}.action-buttons{display:flex;gap:8px}.action-button{background:#444;color:#fff;border:1px solid #666;padding:0;border-radius:0;cursor:pointer;font-size:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.action-button:hover:not(:disabled){background:#555}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.apply{background:#28a745;border-color:#28a745}.action-button.apply:hover:not(:disabled){background:#218838}.action-button.compile{background:#007acc;border-color:#007acc}.action-button.compile:hover:not(:disabled){background:#06a}.action-button.reset{background:#dc3545;border-color:#dc3545}.action-button.reset:hover:not(:disabled){background:#c82333}.action-button.random{background:#fd7e14;border-color:#fd7e14}.action-button.random:hover:not(:disabled){background:#e8690b}.action-button.export{background:#198754;border-color:#198754}.action-button.export:hover:not(:disabled){background:#157347}.action-button.undo{background:#ff6b35;border-color:#ff8f66}.action-button.undo:hover:not(:disabled){background:#ff5722}.action-button.global-random{background:#6f42c1;border-color:#6f42c1}.action-button.global-random:hover:not(:disabled){background:#5a359a}.action-button.glitch{background:#17a2b8;border-color:#17a2b8}.action-button.glitch:hover:not(:disabled){background:#138496}.hex-view-container{flex:1;min-height:0;max-height:450px;background:#1a1a1a;border-radius:0 0 4px 4px}.hex-view{height:100%;display:flex;flex-direction:column}.hex-header{display:flex;background:#333;border-bottom:1px solid #444;padding:4px 8px;font-size:11px;font-weight:600;color:#aaa;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.hex-address-header{width:80px;flex-shrink:0}.hex-data-header{width:380px;flex-shrink:0;text-align:center}.hex-ascii-header{width:120px;flex-shrink:0;text-align:center}.hex-content{flex:1;overflow-y:auto;padding:4px 8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;line-height:1.4}.hex-content-scroll{flex:1;overflow-y:auto;padding:4px 8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;line-height:1.4;scrollbar-width:thin;scrollbar-color:#444 #1a1a1a;max-height:400px;height:400px;min-height:200px}.hex-content-scroll::-webkit-scrollbar{width:8px}.hex-content-scroll::-webkit-scrollbar-track{background:#1a1a1a}.hex-content-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.hex-content-scroll::-webkit-scrollbar-thumb:hover{background:#555}.hex-content-virtual{position:relative}.hex-content-viewport{position:absolute}.hex-row{display:flex;padding:1px 0;border-radius:2px}.hex-row:hover{background:#333}.hex-address{width:80px;flex-shrink:0;color:#888;-webkit-user-select:none;user-select:none}.hex-data{width:380px;flex-shrink:0;color:#fff;letter-spacing:.03rem;display:flex;align-items:center}.hex-byte{cursor:pointer;padding:1px 2px;border-radius:2px;transition:background-color .15s}.hex-byte:hover{background:#444}.hex-byte-empty{cursor:default;opacity:.3}.hex-byte-empty:hover{background:transparent}.hex-space{-webkit-user-select:none;user-select:none}.hex-byte-input{width:20px;background:#007acc;color:#fff;border:1px solid #0099ff;border-radius:0;text-align:center;font-family:inherit;font-size:inherit;padding:1px;outline:none}.hex-ascii{width:120px;flex-shrink:0;color:#aaa;padding-left:8px;border-left:1px solid #444;display:flex;align-items:center}.ascii-char{cursor:pointer;padding:1px;border-radius:2px;transition:background-color .15s;min-width:7px;text-align:center}.ascii-char:hover{background:#444}.ascii-char-empty{cursor:default;opacity:.3}.ascii-char-empty:hover{background:transparent}.ascii-char-input{width:8px;background:#007acc;color:#fff;border:1px solid #0099ff;border-radius:0;text-align:center;font-family:inherit;font-size:inherit;padding:1px;outline:none}.hex-input-section{padding:8px;background:#333;border-top:1px solid #444;max-height:250px;flex-shrink:0}.hex-input-section label{display:block;margin-bottom:4px;font-size:12px;color:#aaa}.hex-input{width:100%;background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:0;padding:8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;line-height:1.4;resize:vertical;outline:none}.hex-input:focus{border-color:#007acc}.mobile-interface{width:100vw;height:100vh;display:flex;flex-direction:column;background:#1a1a1a;color:#fff;overflow:hidden}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#2a2a2a;border-bottom:1px solid #444;min-height:3.5rem}.mobile-title{font-size:1.25rem;font-weight:600;margin:0}.mobile-buttons{display:flex;gap:.5rem}.mobile-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.mobile-image-container{flex:1;position:relative;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}.mobile-image-container .image-container{width:100%;height:100%}.mobile-controls-toggle{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#007acc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:0;font-size:1rem;font-weight:500;box-shadow:0 4px 12px #007acc66;z-index:100;transition:all .2s ease}.mobile-controls-toggle:active{transform:translate(-50%) scale(.95)}.mobile-controls{position:fixed;bottom:0;left:0;right:0;background:#2a2a2a;border-top:1px solid #444;padding:1.5rem 1rem 2rem;box-shadow:0 -4px 12px #0000004d;z-index:99;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.glitch-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.glitch-button{background:#333;color:#fff;border:1px solid #555;padding:.75rem;border-radius:0;font-size:.875rem;font-weight:500;min-height:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease}.glitch-button:active:not(:disabled){background:#444;transform:scale(.95)}.history-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.history-button{background:#2a2a2a;color:#fff;border:1px solid #444;padding:.75rem;border-radius:0;font-size:.875rem;font-weight:500;min-height:2.5rem;transition:all .2s ease}.history-button:active:not(:disabled){background:#333;transform:scale(.95)}.mobile-welcome{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.mobile-instructions{font-size:1.125rem;color:#888;max-width:20rem}.mobile-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.mobile-loading p{font-size:1.125rem;color:#888;animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.app>header,.app>main{display:none}.mobile-interface{display:flex}}@media (min-width: 769px){.mobile-interface{display:none}}@media (max-width: 768px){.load-button{min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem}.export-button{min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;background:#28a745;color:#fff;border:none;border-radius:0;font-weight:500}.export-button:active:not(:disabled){background:#218838}.export-button:disabled{background:#444;opacity:.5}.mobile-controls-container{background:#2a2a2a;border-top:1px solid #444;padding:.75rem}.mobile-controls-container .action-buttons{display:flex;flex-wrap:wrap;gap:.25rem;max-width:100%}.mobile-controls-container .action-button{flex:1 1 calc(11.11% - .25rem);min-width:0;padding:.5rem .25rem;font-size:.6rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:0;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center}}.glitch-controls{padding:1rem;background:#2a2a2a;border-bottom:1px solid #444;max-height:300px;overflow-y:auto}.glitch-section{margin-bottom:1.5rem}.glitch-section:last-child{margin-bottom:0}.section-title{font-size:.875rem;font-weight:600;color:#ccc;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03rem}.glitch-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.glitch-button{background:#333;color:#fff;border:1px solid #555;padding:.5rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:2rem;border-radius:0}.glitch-button:hover:not(:disabled){background:#444;border-color:#666}.glitch-button:active:not(:disabled){background:#555;transform:translateY(1px)}.glitch-button:disabled{opacity:.5;cursor:not-allowed}.history-controls{display:flex;gap:.5rem}.history-button{background:#2a2a2a;color:#fff;border:1px solid #444;padding:.5rem 1rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:0}.history-button:hover:not(:disabled){background:#333;border-color:#555}.history-button:active:not(:disabled){background:#444;transform:translateY(1px)}.history-button:disabled{opacity:.5;cursor:not-allowed}.glitch-controls button{border-radius:0!important}.unified-controls{background:#2a2a2a;border-top:1px solid #444;padding:.75rem}.unified-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.unified-button{background:#333;color:#fff;border:1px solid #555;padding:0;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.unified-button:hover:not(:disabled){background:#444;border-color:#666}.unified-button:active:not(:disabled){background:#555;transform:translateY(1px)}.unified-button:disabled{opacity:.5;cursor:not-allowed}.hex-controls .chunk-info{text-align:center;padding:.5rem 0;border-bottom:1px solid #444;margin-bottom:.75rem}.hex-controls .chunk-info small{color:#ccc;font-size:.75rem}