:root{--bg-color: #ffccff;--box-bg: #fff0f5;--content-bg: #ffe6f2;--text-main: #660066;--accent-main: #ff66b2;--accent-highlight: #00ffff;--border-light: #ffffff;--border-dark: #cc0066;--font-main: "Silkscreen", cursive;--font-header: "Pixelify Sans", sans-serif;--font-mono: "Tektur", monospace;--grid-color: rgba(255, 0, 255, .2)}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:-.5px}body{background-color:var(--bg-color);--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='30' viewBox='0 0 130 30'%3E%3Ctext x='50%25' y='50%25' fill='rgba(255,0,255,0.18)' font-family='monospace' font-size='20' text-anchor='middle' dominant-baseline='middle' transform='rotate(-15, 65, 15)'%3E%26%239516%3B%26%239524%3B%26%239516%3B%26%239524%3B%26%239508%3B%28%26%2365381%3B_%26%239500%3B%26%239516%3B%26%239524%3B%26%239516%3B%26%239524%3B%3C/text%3E%3C/svg%3E");--bg-size: 160px;--bg-size-y: 36.92px;--bg-speed: 60s;background-image:var(--bg-pattern);background-repeat:repeat;background-size:var(--bg-size) var(--bg-size-y);animation:bgScroll var(--bg-speed) linear infinite;color:var(--text-main);font-family:var(--font-main);font-size:14px;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}@keyframes bgScroll{0%{background-position:0 0}to{background-position:var(--bg-size) var(--bg-size-y)}}#wrapper{width:auto;min-width:450px;max-width:90vw;height:600px;background:var(--box-bg);border:2px solid var(--border-light);border-right-color:var(--border-dark);border-bottom-color:var(--border-dark);box-shadow:10px 10px #00000080;display:flex;flex-direction:column}header{background:var(--accent-main);color:#fff;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-light);flex-shrink:0}#logo-area h1{font-family:var(--font-header);font-size:20px;color:var(--accent-highlight);letter-spacing:2px}#about-btn{background:transparent;border:none;padding:0;color:#fff;font-family:var(--font-main);cursor:pointer;text-decoration:none;font-size:11px;position:static}#about-btn:hover{text-decoration:underline;background:transparent}.blink{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#main-content{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden}#control-panel{width:400px;flex-shrink:0;display:flex;flex-direction:column}.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}.control-group{margin-bottom:0}.control-group label{display:block;font-weight:700;margin-bottom:3px;font-size:11px}#output-window{flex:1}.view-container{width:100%;height:100%;display:flex;gap:15px}#about-view{justify-content:center;align-items:center}#about-view .window-box{width:380px;height:auto;max-height:100%;border:2px solid var(--border-light);border-right-color:var(--border-dark);border-bottom-color:var(--border-dark);background:var(--box-bg)}#about-view .window-content{align-items:center;justify-content:center;text-align:center}#about-view h2{font-size:18px;margin-bottom:15px;color:var(--accent-highlight);background:var(--accent-main);padding:5px;width:100%}#about-view p{font-size:12px;line-height:1.4;margin-bottom:10px}#back-to-dash-btn{margin-top:20px;padding:10px 20px;font-size:14px;border:2px solid var(--border-dark)}.hidden{display:none!important}.window-title{background:var(--accent-main);color:#fff;padding:4px 8px;font-weight:700;font-size:12px;flex-shrink:0}.window-content{padding:20px;flex:1;display:flex;flex-direction:column;overflow:hidden}.scrollable-content{overflow-y:auto}.control-group{margin-bottom:20px}.control-group label{display:block;font-weight:700;margin-bottom:5px}input[type=text],select{width:100%;padding:5px;font-family:var(--font-main);font-size:14px;border:2px solid var(--border-dark);border-right-color:var(--border-light);border-bottom-color:var(--border-light);background:var(--content-bg);color:var(--text-main)}.file-input-wrapper{display:flex;gap:5px}button{font-family:var(--font-main);background:var(--box-bg);border:2px solid var(--border-light);border-right-color:var(--border-dark);border-bottom-color:var(--border-dark);padding:5px 10px;cursor:pointer;color:var(--text-main)}button:active{border:2px solid var(--border-dark);border-right-color:var(--border-light);border-bottom-color:var(--border-light);transform:translate(1px,1px)}#go-btn{width:100%;padding:10px;font-weight:700;font-size:16px;background:var(--accent-main);color:#fff}#go-btn:hover{filter:brightness(1.2)}#ascii-output{background:#2a002a;color:#ff66b2;padding:10px;font-family:var(--font-mono);font-size:10px;line-height:1.1;overflow:auto;flex:1;border:2px inset var(--border-dark);margin-bottom:10px}.button-row{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}input[type=range]{-webkit-appearance:none;width:100%;height:10px;background:var(--content-bg);border:1px solid var(--border-dark);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-main);border:2px solid var(--border-light);cursor:pointer}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;padding-left:25px}.checkbox-group input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;height:16px;width:16px;background-color:var(--content-bg);border:2px solid var(--border-dark)}.checkbox-group label:hover input~.checkmark{background-color:var(--box-bg)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-group input:checked~.checkmark:after{display:block}.checkbox-group .checkmark:after{left:4px;top:0;width:4px;height:8px;border:solid var(--accent-main);border-width:0 3px 3px 0;transform:rotate(45deg)}.preview-box{margin-top:10px;border:2px solid var(--border-dark);padding:5px;background:var(--content-bg);text-align:center}.preview-box img{max-width:100%;max-height:150px;display:block;margin:0 auto}#result-view-container{flex:1;overflow:hidden;position:relative;display:flex}#result-preview-img{max-width:100%;height:auto;object-fit:contain;margin:auto}.modal a{color:var(--accent-main);font-weight:700}#advanced-controls{margin-top:10px;padding:10px;border:none;background:#0000000d;display:flex;flex-direction:column;gap:8px;font-size:11px;overflow-y:auto;flex:1}#advanced-controls .control-group{margin-bottom:0}#font-debugger{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background:var(--box-bg);border:4px solid var(--accent-main);box-shadow:0 0 50px #000c;z-index:2147483647;font-family:var(--font-main);font-size:12px}.fd-header{background:var(--accent-main);color:#fff;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer}#fd-toggle{background:transparent;border:none;color:#fff;font-weight:700;padding:0;width:auto}.fd-content{padding:10px;display:flex;flex-direction:column;gap:10px}.fd-content.hidden{display:none}.fd-group label{display:block;margin-bottom:3px;font-weight:700;color:var(--text-main)}#fd-reset{width:100%;margin-top:5px;background:var(--content-bg)}