:root{--colors-gray1: hsl(0 0% 8.5%);--colors-gray2: hsl(0 0% 11%);--colors-gray3: hsl(0 0% 13.6%);--colors-gray4: hsl(0 0% 15.8%);--colors-gray5: hsl(0 0% 17.9%);--colors-gray6: hsl(0 0% 20.5%);--colors-gray7: hsl(0 0% 24.3%);--colors-gray8: hsl(0 0% 31.2%);--colors-gray9: hsl(0 0% 43.9%);--colors-gray10: hsl(0 0% 49.4%);--colors-gray11: hsl(0 0% 62.8%);--colors-gray12: hsl(0 0% 93%);--colors-red7: hsl(8 71.2% 29.1%);--colors-red9: hsl(10 78% 54%);--colors-orange7: hsl(24 92.4% 24%);--colors-orange9: hsl(24 94% 50%);--colors-indigo9: hsl(226 70% 55.5%);--colors-blue10: hsl(209 100% 60.6%)}a{text-decoration:inherit;color:var(--colors-gray11)}a:visited{color:var(--colors-gray11)}a:hover{color:var(--colors-indigo9)}h1{font-size:3.2em;line-height:1.1}button{border-radius:0;border:none;font-family:inherit;background-color:transparent;color:inherit;cursor:pointer;transition:border-color .25s;color:var(--colors-gray11)}button:hover{color:var(--colors-gray12)}.IconButton{display:inline-flex;gap:6px;align-items:center;justify-content:center;font-weight:500;cursor:pointer;color:var(--colors-gray11)}.IconButton:hover,.IconButton[data-state=open]{color:var(--colors-gray12)}.IconButton svg{width:14px;height:14px}.App{width:100vw;height:100vh;display:flex;background-color:var(--colors-gray1)}.Sidebar{height:100%;background-color:var(--colors-gray1);display:flex;flex-direction:column;padding:16px 0}.Logo{align-items:center;justify-content:center;display:flex}.Layout{display:flex;flex:1;height:100%;width:100%}.Editor{height:100%}.Menu,.ActionMenu{flex:1;display:flex;flex-direction:column;gap:8px}.ActionItem{padding:0 16px}.Separator{width:100%;height:1px;border:none;background:var(--colors-gray3);margin:5px 0}.Info{display:flex;flex-direction:column}.Info .Versions{display:flex;flex-direction:column;gap:2px}.Version{display:flex;gap:8px;justify-content:space-between}.Version .Number{font-weight:600}.ResizeHandle{flex:0 0 1px;position:relative;z-index:20;outline:none;--background-color: transparent;background-color:var(--colors-gray6)}.ResizeHandle:hover{background-color:var(--colors-gray9);outline:1px solid var(--colors-gray9);outline-offset:0px}.ResizeHandle[data-resize-handle-active]{background-color:var(--colors-gray7);outline:1px solid var(--colors-gray7);outline-offset:0px}.Left,.Right,.Right .Expand{display:flex;flex-direction:column;height:100%}.Toolbar{display:flex;width:100%;justify-content:space-between;padding:0 8px}.Tabs{display:flex;font-size:12px;padding-top:1rem;padding-right:.8rem;padding-left:.8rem;gap:16px;transition:color .25s}.Tabs button{background-color:transparent;padding-bottom:1rem;outline:none;border-bottom:1px solid transparent;color:var(--colors-gray11)}.Tabs button:hover{border-color:transparent;color:var(--colors-gray12)}.Tabs button:focus,.Tabs button:focus-visible{color:var(--colors-gray10);outline:none}.Tabs button.active{color:var(--colors-gray12);border-bottom:1px solid var(--colors-gray12);background-color:transparent}.Tabs.ToEnd{justify-content:flex-end}.Live{background:var(--colors-gray4);border-radius:4px;padding:4px;height:calc(100% - 8px);margin-left:8px;margin-right:8px;margin-bottom:8px}.Live .EmptyPreview{overflow-wrap:anywhere;padding:6px 12px}.Live code{background-color:var(--colors-gray5);padding:1px 5px;border-radius:4px}.ConsoleHeader{display:flex;flex-direction:row;justify-content:space-between;padding:8px;background-color:var(--colors-gray3)}.ConsoleHeader .Clear{font-size:12px}.ConsoleHeader .Title,.ConsoleHeader .Actions{display:flex;flex-direction:row;align-items:center;gap:8px}.Console{width:100%;height:100%;overflow:auto;background-color:var(--colors-gray3);border-top:1px solid var(--colors-gray6)}.Console .Item{border-bottom:1px solid var(--colors-gray6);padding-bottom:2px;padding-top:2px;padding-left:4px}.Console .EmptyItem{height:22px}.Problems{width:100%;white-space:pre-line;height:100%;overflow:auto;background-color:var(--colors-gray3);padding:12px;line-height:18px}.ProblemsHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px;background-color:var(--colors-gray3)}.Scrollbar:not(:hover)::-webkit-scrollbar{visibility:hidden;width:8px}.Scrollbar:not(:hover)::-webkit-scrollbar-thumb{background:transparent}.Scrollbar::-webkit-scrollbar{width:8px;transition:all .2s ease-in-out}.Scrollbar::-webkit-scrollbar-track{background:transparent;transition:all .2s ease-in-out}.Scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);transition:all .2s ease-in-out}.Scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);transition:all .2s ease-in-out}.Counter{font-size:10px;font-weight:600;background-color:var(--colors-gray5);color:var(--colors-gray11);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;margin:-3px 0}.Text-xs{font-size:10px;line-height:14px}.Text-m{font-size:12px;line-height:18px}.Text-l{font-size:14px;line-height:22px}.Text-xl{font-size:16px;line-height:28px}.SquareLogo{width:14px;height:14px;display:inline-block;border-radius:2px}.active .SquareLogo.OCaml{background-color:var(--colors-orange9)}.SquareLogo.OCaml{background-color:var(--colors-orange7)}.active .SquareLogo.Reason{background-color:var(--colors-red9)}.SquareLogo.Reason{background-color:var(--colors-red7)}.DropdownContent{background-color:var(--colors-gray1);border-radius:4px;border:1px solid var(--colors-gray5)}.DropdownLabel{padding:12px;border-bottom:1px solid var(--colors-gray5)}.DropdownGroup{display:flex;flex-direction:column;padding:6px 0}.DropdownItem{padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:5px}.DropdownItem:hover{background-color:var(--colors-gray3);outline:none}.ToastRoot{position:relative;overflow:hidden;list-style:none;border-radius:4px;border:1px solid var(--colors-gray6);background-color:var(--colors-gray2);padding:12px 16px;font-size:12px;transition:all .2s ease-in-out;width:100%}.ToastViewport{position:fixed;bottom:0px;transition:all .2s ease-in-out;left:calc(50% - 130px);display:flex;flex-direction:column;padding:25px;width:360px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.ToastTitle{font-size:14px;font-weight:600;color:var(--colors-gray12)}.ToastURL{font-size:12px;font-weight:400;color:var(--colors-gray11);user-select:all;overflow:hidden}.Stack{display:flex;flex-direction:column;gap:8px;width:100%}.Row{display:flex;flex-direction:row;gap:8px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--colors-gray1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}#root{width:100vw;height:100vh;margin:0;padding:0}