@layer celestialUI{.grid{display:grid;grid-template-columns:repeat(12,1fr)}.column-1{grid-column:span 1}.column-2{grid-column:span 2}.column-3{grid-column:span 3}.column-4{grid-column:span 4}.column-5{grid-column:span 5}.column-6{grid-column:span 6}.column-7{grid-column:span 7}.column-8{grid-column:span 8}.column-9{grid-column:span 9}.column-10{grid-column:span 10}.column-11{grid-column:span 11}.column-12{grid-column:span 12}}@layer celestialUI{:root{--shadow-body-height: 95vh;--shadow-body-width: 100%;--shadow-body-overflow-y: auto;--base-font-size: 16px;--xs-text: .5rem;--sm-text: .75rem;--xlsm-text: .875rem;--md-text: 1rem;--lg-text: 1.5rem;--xl-text: 2rem;--2xl-text: 3rem;--font-family: system-ui, sans-serif;--font-family-header: var(--font-family);--font-family-mono: var(--font-family);--xxs-space: .25rem;--xs-space: .5rem;--sm-space: .75rem;--md-space: 1rem;--lg-space: 1.5rem;--xl-space: 2rem;--2xl-space: 3rem;--xs-icon: 8px;--sm-icon: 16px;--md-icon: 24px;--lg-icon: 32px;--surface-color: oklch(27.4% .006 286.033);--surface-color-secondary: oklch(25% .006 286.033);--surface-color-secondary-hover: oklch(35% .006 286.033);--on-surface-color-secondary-hover: oklch(40% .006 286.033);--background: rgb(20, 20, 20);--background-secondary: rgb(25, 25, 25);--primary-color: oklch(.65 .27 250);--primary-color-light: oklch(.75 .2 250);--primary-color-dark: oklch(.55 .27 250);--on-primary-color: oklch(.98 .005 0);--accent-color: oklch(.7 .2 200);--accent-color-light: oklch(.8 .15 200);--accent-color-dark: oklch(.6 .2 200);--on-accent-color: oklch(.1 .02 270);--success-color: oklch(.65 .2 150);--warning-color: oklch(.7 .2 80);--error-color: oklch(.65 .25 30);--info-color: oklch(.7 .2 230);--border-color: rgb(40, 40, 40);--divider-color: rgb(70, 70, 70);--on-surface-color: oklch(.8607 0 0);--on-surface-color-muted: oklch(.7692 .0145 248.02);--on-surface-color-disabled: oklch( from var(--on-surface-color-muted) l c h / .5 );--lg-shadow: 0px 3px 5px rgba(0, 0, 0, .15);--md-shadow: 0px 2px 3px 3px rgba(0, 0, 0, .3);--sm-shadow: 0px 1px 2px rgba(0, 0, 0, .3);--container-width: 720px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-header);font-weight:600}h1{font-size:var(--2xl-text);margin:var(--xl-space) 0 0}h2{font-size:var(--xl-text);line-height:1.25;margin:var(--lg-space) 0}h3{font-size:var(--lg-text);line-height:1.33;margin:var(--lg-space) 0}h4,h5,h6{font-size:var(--md-text)}hr{margin:var(--md-space) 0}p{margin:var(--md-space) 0;padding:0;font-size:var(--md-text);line-height:1.5;font-weight:400;font-family:var(--font-family)}ul,ol{margin:var(--md-space) 0 var(--md-space) var(--lg-space);padding:0;font-family:var(--font-family)}li{margin:var(--xs-space) 0;padding:0;p{margin:0}}a{color:var(--primary-color)}code{background:var(--surface-color);padding:2px var(--xs-space);border-radius:var(--xs-space);font-family:var(--font-family-mono)}.editor{outline:none;border:none;padding:var(--lg-space);margin:0 auto;position:relative;max-width:var(--container-width);p.empty{position:relative;&:after{content:"Enter text";display:inline-block;pointer-events:none;font-style:italic;color:var(--on-surface-color-muted);position:absolute;left:0;top:0}}}}@layer celestialUI{.combobox{margin:var(--sm-space) 0;button{display:flex;padding:var(--xs-space) var(--sm-space);border-radius:var(--xs-space);border:none;color:var(--on-surface-color);font-size:var(--sm-text);cursor:pointer;text-align:left;min-width:240px;background:var(--surface-color);font-family:var(--font-family);&.muted{background:var(--surface-color-secondary)}}}.comboboxOptions{--spacing: var(--sm-space);background:var(--surface-color);border-radius:var(--rounding);width:var(--radix-popover-trigger-width);height:var(--radix-popover-content-available-height);overflow-y:scroll;overflow-x:hidden;font-size:var(--sm-text);.search{display:flex;gap:var(--spacing);padding:var(--spacing);min-width:240px;text-align:left;background:var(--surface-color)}input{flex:1;width:100%;font-family:var(--font-family);font-size:var(--base-font-size);background:inherit;border:none;outline:none;color:var(--on-surface-color)}.comboboxOption{padding:var(--spacing);&:hover{background:var(--primary-color)}}}}@layer celestialUI{.codeBlock{--spacing: var(--sm-space);--rounding: var(--xs-space);border-radius:var(--rounding);padding:0;input{margin-bottom:var(--spacing);background:var(--surface-color);border:none;border-radius:var(--rounding);padding:var(--xs-space) var(--md-space);color:var(--on-surface-color);font-size:var(--base-font-size)}.cm-editor,.cm-gutters{border-radius:var(--rounding)}}}html,body{overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body{background:var(--background);color:var(--on-surface-color);font-family:var(--font-family);font-size:var(--base-font-size);margin:0;padding:0}a{color:var(--primary-color)}hr{border:none;border-top:1px solid var(--divider-color)}blockquote{margin:0;border-left:4px solid var(--border-color);padding-left:var(--md-space)}input,.react-aria-Input{background:var(--surface-color);outline:none;border:none;color:var(--on-surface-color);font-size:var(--sm-text);border-radius:var(--xs-space);padding:var(--xs-space) var(--sm-space)}.relative{position:relative}.bg{background-color:var(--background)}.bg-secondary{background-color:var(--background-secondary)}.surface{background-color:var(--surface-color)}.surface-secondary{background-color:var(--surface-color-secondary)}.border{border:1px solid var(--border-color)}.circle{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:var(--xs-space);svg{width:var(--sm-icon);height:var(--sm-icon)}}.flex{display:flex;.flex-1{flex:1}}.align-center{align-items:center}.justify-center{justify-content:center}.sm-icon{width:var(--sm-icon);height:var(--sm-icon);min-width:var(--sm-icon);min-height:var(--sm-icon)}.md-icon{width:var(--md-icon);height:var(--md-icon)}.pointer{cursor:pointer}.viewport{overflow:hidden}.editorContainer{margin:0 auto;position:relative;max-width:100%}button{display:flex;padding:var(--xs-space) var(--sm-space);border-radius:var(--xs-space);background:var(--primary-color);border:none;color:var(--on-surface-color);font-size:var(--sm-text);cursor:pointer;&.muted{background:var(--surface-color-secondary)}}.iconToolbar{align-self:flex-end;display:flex;width:fit-content;gap:var(--sm-space);padding:var(--xs-space);border-radius:var(--xs-space)}.iconButton{--transition: stroke .1s ease-in-out;transition:var(--transition);&:hover{transition:var(--transition);stroke:var(--primary-color);cursor:pointer}}.lg-shadow{box-shadow:var(--lg-shadow)}.md-shadow{box-shadow:var(--md-shadow)}.sm-shadow{box-shadow:var(--sm-shadow)}div:has(>.dragHandle){.dragHandle{display:block;float:left;margin-left:calc(-1 * (var(--lg-space) + var(--md-space) * 2));padding:0 var(--md-space);cursor:grab;opacity:0;&:hover{opacity:1}}&:hover{.dragHandle{opacity:1}}}.dropIndicator{background:var(--primary-color)!important;height:2px!important;width:100%!important}.spinner{width:var(--sm-icon);height:var(--sm-icon);border-radius:50%;display:inline-block;border-top:4px solid #fff;border-right:4px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite;&:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:var(--sm-icon);height:var(--sm-icon);border-radius:50%;border-bottom:4px solid var(--primary-color);border-left:4px solid transparent}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search{--spacing: var(--xs-space);display:flex;padding:0 var(--spacing);margin-bottom:var(--spacing);text-align:left;background:var(--surface-color);border-radius:var(--xs-space);.react-aria-SearchField{width:100%;display:flex;align-items:center;justify-content:space-between}button{padding:0;margin:0;background:transparent;cursor:pointer;--transition: stroke .1s ease-in-out;svg{transition:var(--transition)}svg:hover{transition:var(--transition);stroke:var(--primary-color)}}input{flex:1;width:100%;font-family:var(--font-family);font-size:var(--xlsm-text);background:inherit;border:none;outline:none;color:var(--on-surface-color);&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none}}}.hideOverflow{overflow:hidden}.sidebar{background:var(--background-secondary);height:100vh;border-right:1px solid var(--border-color);position:relative;.sidebarContainer{padding:var(--sm-space);height:100vh;position:relative;overflow-y:scroll}}.react-aria-ModalOverlay{width:100vw;height:100vh;background:#00000080;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.react-aria-Modal{margin:0 auto;outline:none;background:var(--background-secondary);border-radius:var(--xs-space);padding:var(--xl-space);border:1px solid var(--border-color);width:100%;max-width:640px}.settings{display:flex;flex-direction:column;gap:var(--sm-space);.settingsSection{display:flex;width:100%;flex-direction:row;gap:var(--sm-space);align-items:center;justify-content:space-between}}.resizeHandle{--transition: background .15s ease-in-out;width:4px;height:100%;background:transparent;cursor:col-resize;position:absolute;right:0;top:0;transition:var(--transition);user-select:none;&:hover{transition:var(--transition);background:var(--primary-color)}}.react-aria-Menu{border-radius:var(--xs-space);border:1px solid var(--border-color);box-shadow:var(--sm-shadow);background:var(--surface-color-secondary);display:flex;flex-direction:column;gap:var(--xs-space);font-size:var(--sm-text);.react-aria-MenuItem{padding:var(--xxs-space) var(--md-space);cursor:pointer;&:hover{border-radius:var(--xs-space);background:var(--primary-color)}}}.shadowContainer{display:flex;flex:1;margin:var(--xs-space);height:100%}