@font-face{font-family:geistSans;src:url(/_next/static/media/4473ecc91f70f139-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local("Arial");ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.__className_1e4310{font-family:geistSans,geistSans Fallback}.__variable_1e4310{--font-geist-sans:"geistSans","geistSans Fallback"}@font-face{font-family:geistMono;src:url(/_next/static/media/463dafcda517f24f-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local("Arial");ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.__className_c3aa02{font-family:geistMono,geistMono Fallback}.__variable_c3aa02{--font-geist-mono:"geistMono","geistMono Fallback"}.fill-height{height:calc(100vh - 114px)}.workspace-container{display:flex;flex:1;gap:20px;padding:4px;height:calc(100vh - 120px);background-color:#435fff71;box-shadow:0 0 10px rgba(0,0,0,.1)}.workspace-left{width:65%}.workspace-left,.workspace-right{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.workspace-right{width:35%;display:flex;flex-direction:column;gap:16px;padding:16px}.workspace-right pre{margin:0;padding:10px;background:#f5f5f5;border-radius:4px}.workspace-right textarea{flex:1;width:100%;max-width:100%;padding:12px;border:2px solid #a0a0a0;border-radius:6px;font-family:monospace;font-size:14px;line-height:1.5;resize:none;box-sizing:border-box;overflow-y:auto;overflow-x:auto}.navbar{padding:16px 24px;background-color:#2c3e50;color:white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1.5rem;margin-left:auto}.navbar-links a{color:white;text-decoration:none;padding:.5rem 1rem;transition:opacity .2s}.navbar-links a:hover{opacity:.8;text-decoration:none}.footer{padding:16px 24px;background-color:#2c3e50;color:white;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.app-container{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;background-color:#f5f5f5;overflow:hidden}button{padding:12px 24px;background-color:#4CAF50;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}button:hover{background-color:#45a049}@media (max-width:768px){.navbar-content{flex-direction:column;align-items:flex-start}.navbar-links{flex-direction:column;width:100%}.navbar-links a{padding:.5rem 0}.footer-content{font-size:.9rem}}@media (max-width:1024px){.workspace-container{flex-direction:column;height:auto}.workspace-left,.workspace-right{width:100%}}