.CodeToImage-module__sOk3CG__pageContainer{min-height:100vh;padding:1rem}.CodeToImage-module__sOk3CG__content{width:100%;margin:0 auto}.CodeToImage-module__sOk3CG__editorLayout{grid-template-columns:320px 1fr;gap:1.5rem;display:grid}@media (max-width:1024px){.CodeToImage-module__sOk3CG__editorLayout{grid-template-columns:1fr}}.CodeToImage-module__sOk3CG__controlsPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #94a3b81a;border-radius:12px;height:fit-content;position:sticky;top:2rem}.CodeToImage-module__sOk3CG__editorPanel,.CodeToImage-module__sOk3CG__previewPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #94a3b81a;border-radius:12px}.CodeToImage-module__sOk3CG__codeInput{color:#f8fafc;resize:vertical;background:#0f172acc;border:1px solid #94a3b833;border-radius:8px;width:100%;min-height:200px;padding:1rem;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:14px;line-height:1.6}.CodeToImage-module__sOk3CG__codeInput:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}.CodeToImage-module__sOk3CG__fileNameInput{color:#f8fafc;background:#0f172acc;border:1px solid #94a3b833;border-radius:8px;width:100%;margin-top:.75rem;padding:.5rem 1rem;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:13px}.CodeToImage-module__sOk3CG__fileNameInput:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}.CodeToImage-module__sOk3CG__imageContainer{border-radius:12px;width:100%;display:inline-block}.CodeToImage-module__sOk3CG__window{border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0006}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__macos{background:#1e1e1e}.CodeToImage-module__sOk3CG__macosChrome{background:#2d2d30;border-bottom:1px solid #0003;align-items:center;gap:12px;padding:12px 16px;display:flex}.CodeToImage-module__sOk3CG__macosButtons{gap:8px;display:flex}.CodeToImage-module__sOk3CG__macosButtonRed,.CodeToImage-module__sOk3CG__macosButtonYellow,.CodeToImage-module__sOk3CG__macosButtonGreen{border:.5px solid #0000001a;border-radius:50%;width:12px;height:12px}.CodeToImage-module__sOk3CG__macosButtonRed{background:#ff5f57}.CodeToImage-module__sOk3CG__macosButtonYellow{background:#febc2e}.CodeToImage-module__sOk3CG__macosButtonGreen{background:#28c840}.CodeToImage-module__sOk3CG__fileName{color:#ccc;text-align:center;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__macosLight{background:#fff}.CodeToImage-module__sOk3CG__macosLightChrome{background:#ebebeb;border-bottom:1px solid #0000001a;align-items:center;gap:12px;padding:12px 16px;display:flex}.CodeToImage-module__sOk3CG__macosLightChrome .CodeToImage-module__sOk3CG__fileName{color:#3c3c3c}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__windows{background:#1e1e1e}.CodeToImage-module__sOk3CG__windowsChrome{background:#2d2d2d;border-bottom:1px solid #0003;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.CodeToImage-module__sOk3CG__windowsButtons{gap:0;display:flex}.CodeToImage-module__sOk3CG__windowsButtonMin,.CodeToImage-module__sOk3CG__windowsButtonMax,.CodeToImage-module__sOk3CG__windowsButtonClose{color:#fff;cursor:default;justify-content:center;align-items:center;width:46px;height:32px;font-family:Segoe UI,sans-serif;font-size:10px;transition:background .15s;display:flex}.CodeToImage-module__sOk3CG__windowsButtonMin:hover,.CodeToImage-module__sOk3CG__windowsButtonMax:hover{background:#ffffff1a}.CodeToImage-module__sOk3CG__windowsButtonClose:hover{background:#e81123}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__windowsLight{background:#fff}.CodeToImage-module__sOk3CG__windowsLightChrome{background:#f3f3f3;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.CodeToImage-module__sOk3CG__windowsLightChrome .CodeToImage-module__sOk3CG__fileName{color:#1f1f1f}.CodeToImage-module__sOk3CG__windowsLightButtons{gap:0;display:flex}.CodeToImage-module__sOk3CG__windowsLightButtonMin,.CodeToImage-module__sOk3CG__windowsLightButtonMax,.CodeToImage-module__sOk3CG__windowsLightButtonClose{color:#1f1f1f;cursor:default;justify-content:center;align-items:center;width:46px;height:32px;font-family:Segoe UI,sans-serif;font-size:10px;transition:background .15s;display:flex}.CodeToImage-module__sOk3CG__windowsLightButtonMin:hover,.CodeToImage-module__sOk3CG__windowsLightButtonMax:hover{background:#0000000d}.CodeToImage-module__sOk3CG__windowsLightButtonClose:hover{color:#fff;background:#e81123}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__linux{background:#1e1e1e}.CodeToImage-module__sOk3CG__linuxChrome{background:#3c3c3c;border-bottom:1px solid #0003;align-items:center;gap:12px;padding:10px 12px;display:flex}.CodeToImage-module__sOk3CG__linuxButtons{gap:8px;display:flex}.CodeToImage-module__sOk3CG__linuxButton{background:#5c5c5c;border:1px solid #0003;border-radius:50%;width:14px;height:14px}.CodeToImage-module__sOk3CG__window.CodeToImage-module__sOk3CG__linuxLight{background:#fff}.CodeToImage-module__sOk3CG__linuxLightChrome{background:#e1e1e1;border-bottom:1px solid #00000026;align-items:center;gap:12px;padding:10px 12px;display:flex}.CodeToImage-module__sOk3CG__linuxLightChrome .CodeToImage-module__sOk3CG__fileName{color:#2c2c2c}.CodeToImage-module__sOk3CG__linuxLightButtons{gap:8px;display:flex}.CodeToImage-module__sOk3CG__linuxLightButton{background:#b8b8b8;border:1px solid #00000026;border-radius:50%;width:14px;height:14px}.CodeToImage-module__sOk3CG__codeContent{max-width:100%;overflow-x:auto}.CodeToImage-module__sOk3CG__codeContent pre{margin:0!important;padding:1.5rem!important}.CodeToImage-module__sOk3CG__codeContent code{font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace!important;font-size:14px!important;line-height:1.6!important}