code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}.app{display:flex;height:100vh;width:100vw}.prompt-area{flex-shrink:0;min-width:300px;width:30%}.editor-area{flex:1 1;min-width:0;width:70%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.app{flex-direction:column}.prompt-area{height:40%;min-height:250px;width:100%}.editor-area{height:60%;width:100%}}::selection{background-color:#007bff;color:#fff}button:focus,input:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.loading{opacity:.7;pointer-events:none}.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545}.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}