:root{--coreFont: "Rajdhani", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--secondaryFont: "Orbitron", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--monoFont: "JetBrains Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--clrPrimary: oklch(.6625 .2045 26.71);--clrSecondary: oklch(.8965 .1273 200.71);--clrBg: oklch(.1685 .0187 284.21);--clrHeading: var(--clrSecondary);--clrText: var(--clrPrimary);--clrTextMuted: oklch(.4701 .0112 285.96);--clrEleBg: oklch(from var(--clrBg) l c h / .8);--clrEleBorderIdle: oklch(from var(--clrPrimary) l c h / .3);--clrEleBorderHover: var(--clrPrimary);--clrEleBorderEnabled: var(--clrPrimary);--clrEleBorderClicked: var(--clrPrimary);--clrEleTrimIdle: oklch(from var(--clrPrimary) l c h / .1);--clrEleTrimHover: oklch(from var(--clrPrimary) l c h / .4);--clrEleOverlayHover: oklch(from var(--clrPrimary) l c h / .1);--clrEleOverlayEnabled: oklch(from var(--clrPrimary) l c h / .4);--clrEleOverlayClicked: oklch(from var(--clrPrimary) l c h / .7)}[data-theme=light]{--clrPrimary: oklch(.3085 .1548 275.01);--clrSecondary: var(--clrPrimary);--clrBg: oklch(.9098 0 0);--clrHeading: var(--clrSecondary);--clrText: var(--clrPrimary);--clrTextMuted: oklch(.4701 .0112 285.96)}::selection{background:var(--clrEleOverlayEnabled)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--coreFont);font-size:62.5%;color:var(--clrText);background-color:var(--clrBg)}body{font-size:1.6rem}#root{display:flex;flex-direction:column;min-height:100dvh;padding:0 1.6rem}header,main{padding:1.6rem 0}header{flex-shrink:0;font-weight:700;text-align:center;opacity:.3}main{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}button{all:unset}h1,h2,h3,h4,h5,h6{font-family:var(--coreFont);font-weight:500}a{color:inherit}img{display:block;max-width:100%}pre,code{font-family:var(--monoFont);font-weight:200}.sr-only{position:absolute;left:-9999;top:auto;width:1px;height:1px;overflow:hidden}.hide{display:none}#toolbar{position:fixed;top:50%;left:1rem;width:fit-content;padding:1px;background-color:var(--clrEleBorderIdle);transform:translateY(-50%);z-index:1000;clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,1rem 100%,0 calc(100% - 1rem));transition:clip-path .2s ease-in-out}#toolbar:hover,#toolbar:has(:focus-visible){background-color:var(--clrEleBorderHover)}#toolbar[data-open=false]{clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% 100%,99% 100%,1rem 100%,0 calc(100% - 1rem))}#toolbar-inner{display:flex;gap:.2rem;background-color:var(--clrBg);clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,1rem 100%,0 calc(100% - 1rem));transition:clip-path .2s ease-in-out}#toolbar[data-open=false] #toolbar-inner{clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% 100%,99% 100%,1rem 100%,0 calc(100% - 1rem))}#toolbar-trim{flex-shrink:0;width:3rem;background:var(--clrEleBorderIdle);padding-right:1px;clip-path:polygon(0 0,100% 0,100% 3rem,calc(100% - .3rem) 3.3rem,calc(100% - .3rem) calc(100% - 3rem),100% calc(100% - 2.7rem),100% 100%,0 100%)}#toolbar-trim-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--clrBg);clip-path:polygon(0 0,100% 0,100% 2.95rem,calc(100% - .3rem) 3.25rem,calc(100% - .3rem) calc(100% - 2.95rem),100% calc(100% - 2.65rem),100% 100%,0 100%)}#toolbar-trim-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--clrEleTrimIdle)}#toolbar:hover #toolbar-trim-inner:before,#toolbar:has(:focus-visible) #toolbar-trim-inner:before{background:var(--clrEleTrimHover)}#toolbar-control{display:flex;align-items:center;justify-content:center;width:2rem;height:100%;margin-left:-.2rem;z-index:1;cursor:pointer}#toolbar-control:hover,#toolbar-control:focus-visible{color:var(--clrSecondary)}#toolbar-control svg{width:2rem;height:2rem}#toolbar-content{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;overflow:hidden;transition:all .2s ease-in-out;opacity:1}#toolbar-content[inert]{grid-template-rows:0fr;grid-template-columns:0fr;opacity:0}#toolbar-content[inert]>div{padding:1.6rem 0}#toolbar-content>div{display:flex;flex-direction:column;gap:1.6rem;padding:1.6rem;min-height:0;min-width:0;border-left:1px solid var(--clrEleBorderIdle);transition:padding .2s ease-in-out}.setting{position:relative;padding:1px;font-weight:500;line-height:1;text-align:center;color:var(--clrPrimary);text-transform:uppercase;background:var(--clrEleBorderIdle);cursor:pointer;white-space:nowrap;clip-path:polygon(0 0,2.4rem 0,2.6rem .2rem,100% .2rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%)}.setting:hover,.setting:focus-visible{background:var(--clrEleBorderHover)}.setting:active{color:var(--clrBg)}.setting[aria-checked=true]{background:var(--clrEleBorderEnabled)}.setting>span{position:relative;display:block;padding:.8rem 3.5rem .4rem 4rem;background:var(--clrBg);clip-path:polygon(0 0,2.25rem 0,2.45rem .2rem,100% .2rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%)}.setting>span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.setting:hover>span:before,.setting:focus-visible>span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--clrEleOverlayHover);z-index:-1}.setting:active>span:before{background:var(--clrEleOverlayClicked)}.setting[aria-checked=true]>span:before{background:var(--clrEleOverlayEnabled)}.setting svg{position:absolute;top:50%;left:.8rem;height:2rem;width:2rem;transform:translateY(-50%)}.setting .padding-value{position:absolute;bottom:.4rem;right:.8rem;font-size:1.4rem;color:var(--clrPrimary);transition:color .2s ease-in-out}.setting .padding-value.highlight{color:var(--clrSecondary);transition:none}#resizable-canvas-wrapper{position:relative;border:1px solid var(--clrEleBorderIdle)}#handle-left,#handle-right{position:absolute;top:0;width:1rem;height:100%;display:flex;align-items:center;justify-content:center;color:var(--clrTextMuted);cursor:ew-resize;z-index:10;outline:none}#handle-left:hover,#handle-left:focus-visible,#handle-right:hover,#handle-right:focus-visible{background:var(--clrEleOverlayHover)}#handle-left{left:0;transform:translate(-50%)}#handle-right{right:0;transform:translate(50%)}#width-display{position:absolute;left:0;right:0;bottom:-2rem;text-align:center;color:var(--clrTextMuted);font-size:1.4rem;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}#width-display.visible{opacity:1;transition:none}#canvas{width:100%;background:var(--clrBg);background:radial-gradient(circle at center -50%,oklch(from var(--clrPrimary) l c h / .2),var(--clrBg) 100%);background-repeat:no-repeat;transition:padding .2s ease-in-out;line-height:1.2}#canvas.bg-transparent{background:transparent}#card{height:100%;padding:1px;background-color:var(--clrEleBorderIdle);clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,1rem 100%,0 calc(100% - 1rem))}#card-inner{display:flex;gap:.2rem;height:100%;background-color:var(--clrBg);clip-path:polygon(0 .6rem,.2rem .4rem,1.6rem .4rem,2rem 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,1rem 100%,0 calc(100% - 1rem))}#card-trim{flex-shrink:0;width:4rem;background:var(--clrEleBorderIdle);padding-right:1px;clip-path:polygon(0 0,100% 0,100% 3rem,calc(100% - .3rem) 3.3rem,calc(100% - .3rem) calc(100% - 3rem),100% calc(100% - 2.7rem),100% 100%,0 100%)}#card-trim-inner{position:relative;width:100%;height:100%;background:var(--clrBg);clip-path:polygon(0 0,100% 0,100% 2.95rem,calc(100% - .3rem) 3.25rem,calc(100% - .3rem) calc(100% - 2.95rem),100% calc(100% - 2.65rem),100% 100%,0 100%)}#card-trim-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--clrEleTrimIdle)}#card-trim-inner:after{content:"";position:absolute;top:50%;left:0;width:1rem;height:.2rem;border-top:1px solid var(--clrEleBorderIdle);border-right:1px solid var(--clrEleBorderIdle);border-bottom:1px solid var(--clrEleBorderIdle);transform:translateY(-50%)}#card-content{flex-grow:1;display:flex;padding:1.6rem;border-left:1px solid var(--clrEleBorderIdle)}#card-editable{flex-grow:1;display:flex;flex-direction:column;gap:1.6rem}#file-name{all:unset;color:var(--clrTextMuted)}#file-name::placeholder{color:var(--clrTextMuted)}#markdown-raw{position:relative}#markdown-raw textarea{all:unset;resize:none;position:absolute;top:0;left:0;color:transparent;-webkit-text-fill-color:transparent;text-size-adjust:none;caret-color:var(--clrText);overflow:hidden}#markdown-raw textarea::selection{color:transparent}.markdown-raw-highlighted{pointer-events:none}#markdown-raw .markdown-raw-highlighted code{counter-reset:step;counter-increment:step 0}#markdown-raw .markdown-raw-highlighted code .line{position:relative}#markdown-raw .markdown-raw-highlighted code .line:before{content:counter(step);counter-increment:step;position:absolute;left:-5.5rem;text-align:right;color:var(--clrTextMuted);width:3ch;overflow:hidden}.markdown-raw-highlighted.hide-numbers code .line:before{display:none}.markdown-raw-highlighted::selection{color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none}#markdown-raw textarea,.markdown-raw-highlighted{width:100%;min-height:1lh;height:100%;font-family:var(--monoFont);font-weight:200;font-size:1.6rem}#markdown-raw textarea,.markdown-raw-highlighted,pre,code,.line,.line span{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}#markdown-rendered{min-height:1lh}#markdown-rendered h1,#markdown-rendered h2,#markdown-rendered h3,#markdown-rendered h4,#markdown-rendered h5,#markdown-rendered h6{color:var(--clrSecondary)}#markdown-rendered ul,#markdown-rendered ol{margin-left:1em}#markdown-rendered li input[type=checkbox]{vertical-align:middle}#markdown-rendered pre,#markdown-rendered code{font-family:var(--monoFont);font-weight:200}#markdown-rendered blockquote{padding:.5em;border-left:.5em solid var(--clrEleBorderIdle);background-color:var(--clrEleOverlayHover);font-style:italic}#markdown-rendered table{border-spacing:0;border-collapse:collapse;white-space:nowrap;overflow-wrap:normal;word-break:normal}#markdown-rendered th,#markdown-rendered td{padding:.2em .5em;border:1px solid var(--clrPrimary)}#markdown-rendered>*:not(hr),#markdown-rendered blockquote>*:not(hr){margin-bottom:1rem}#markdown-rendered ol>li::marker{font-weight:700}#markdown-rendered>*:last-child{margin-bottom:0}#markdown-rendered hr{margin:1rem 0;border-color:var(--clrEleBorderIdle)}#markdown-rendered>pre{background-color:var(--clrEleOverlayHover);padding:1em}#markdown-rendered p>code{background-color:var(--clrEleOverlayHover)}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani/Rajdhani-Light.woff2) format("woff2"),url(/fonts/rajdhani/Rajdhani-Light.woff) format("woff"),url(/fonts/rajdhani/Rajdhani-Light.ttf) format("truetype"),url(/fonts/rajdhani/Rajdhani-Light.eot) format("eot");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani/Rajdhani-Regular.woff2) format("woff2"),url(/fonts/rajdhani/Rajdhani-Regular.woff) format("woff"),url(/fonts/rajdhani/Rajdhani-Regular.ttf) format("truetype"),url(/fonts/rajdhani/Rajdhani-Regular.eot) format("eot");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani/Rajdhani-Medium.woff2) format("woff2"),url(/fonts/rajdhani/Rajdhani-Medium.woff) format("woff"),url(/fonts/rajdhani/Rajdhani-Medium.ttf) format("truetype"),url(/fonts/rajdhani/Rajdhani-Medium.eot) format("eot");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani/Rajdhani-SemiBold.woff2) format("woff2"),url(/fonts/rajdhani/Rajdhani-SemiBold.woff) format("woff"),url(/fonts/rajdhani/Rajdhani-SemiBold.ttf) format("truetype"),url(/fonts/rajdhani/Rajdhani-SemiBold.eot) format("eot");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani/Rajdhani-Bold.woff2) format("woff2"),url(/fonts/rajdhani/Rajdhani-Bold.woff) format("woff"),url(/fonts/rajdhani/Rajdhani-Bold.ttf) format("truetype"),url(/fonts/rajdhani/Rajdhani-Bold.eot) format("eot");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-Regular.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-Regular.woff) format("woff"),url(/fonts/orbitron/Orbitron-Regular.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-Regular.eot) format("eot");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-Medium.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-Medium.woff) format("woff"),url(/fonts/orbitron/Orbitron-Medium.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-Medium.eot) format("eot");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-SemiBold.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-SemiBold.woff) format("woff"),url(/fonts/orbitron/Orbitron-SemiBold.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-SemiBold.eot) format("eot");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-Bold.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-Bold.woff) format("woff"),url(/fonts/orbitron/Orbitron-Bold.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-Bold.eot) format("eot");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-ExtraBold.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-ExtraBold.woff) format("woff"),url(/fonts/orbitron/Orbitron-ExtraBold.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-ExtraBold.eot) format("eot");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-Black.woff2) format("woff2"),url(/fonts/orbitron/Orbitron-Black.woff) format("woff"),url(/fonts/orbitron/Orbitron-Black.ttf) format("truetype"),url(/fonts/orbitron/Orbitron-Black.eot) format("eot");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Thin.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Thin.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-ThinItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-ThinItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-ThinItalic.ttf) format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLightItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Light.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Light.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-LightItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-LightItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Italic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Italic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Medium.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Bold.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-Bold.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-BoldItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-BoldItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBold.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBold.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff2) format("woff2"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.woff) format("woff"),url(/fonts/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-display:swap;font-style:italic}