@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Sarabun:wght@400;500;600;700&display=swap";.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-emerald-400:oklch(76.5% .177 163.223);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{button,input,select,textarea{font:inherit;color:inherit;border:0 solid}button{background-color:#0000}}@layer utilities{.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-px{top:-1px}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-\[-14px\]{top:-14px}.top-\[-18px\]{top:-18px}.top-\[7px\]{top:7px}.top-\[38px\]{top:38px}.-right-px{right:-1px}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-\[3\.4cqw\]{right:3.4cqw}.right-\[9px\]{right:9px}.-bottom-3{bottom:calc(var(--spacing) * -3)}.-bottom-px{bottom:-1px}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-\[2\.4cqw\]{bottom:2.4cqw}.-left-px{left:-1px}.left-\[3\.4cqw\]{left:3.4cqw}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.z-\[8\]{z-index:8}.z-\[500\]{z-index:500}.z-\[700\]{z-index:700}.col-\[2\/-1\]{grid-column:2/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-\[14px\]{margin-inline:-14px}.-mx-\[18px\]{margin-inline:-18px}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[calc\(-1\*clamp\(18px\,2\.4vw\,34px\)\)\]{margin-inline:calc(-1*clamp(18px,2.4vw,34px))}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-\[5px\]{margin-block:5px}.my-\[14px\]{margin-block:14px}.-mt-\[14px\]{margin-top:-14px}.-mt-\[18px\]{margin-top:-18px}.mt-0{margin-top:0}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[3px\]{margin-top:3px}.mt-\[6px\]{margin-top:6px}.mt-\[7px\]{margin-top:7px}.mt-\[14px\]{margin-top:14px}.mt-\[17px\]{margin-top:17px}.mt-\[18px\]{margin-top:18px}.mt-\[30px\]{margin-top:30px}.mr-1{margin-right:var(--spacing)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[3px\]{margin-bottom:3px}.mb-\[5px\]{margin-bottom:5px}.mb-\[11px\]{margin-bottom:11px}.mb-\[14px\]{margin-bottom:14px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.ml-\[9px\]{margin-left:9px}.ml-\[14px\]{margin-left:14px}.ml-\[46px\]{margin-left:46px}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-\[7px\]{width:7px;height:7px}.size-\[9px\]{width:9px;height:9px}.size-\[21px\]{width:21px;height:21px}.size-\[30px\]{width:30px;height:30px}.size-\[34px\]{width:34px;height:34px}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-\[22px\]{height:22px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[40px\]{height:40px}.h-\[53px\]{height:53px}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[280px\]{max-height:280px}.max-h-\[360px\]{max-height:360px}.max-h-\[calc\(100vh-150px\)\]{max-height:calc(100vh - 150px)}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[2lh\]{min-height:2lh}.min-h-\[24px\]{min-height:24px}.min-h-\[34px\]{min-height:34px}.min-h-\[38px\]{min-height:38px}.min-h-\[42px\]{min-height:42px}.min-h-\[46px\]{min-height:46px}.min-h-\[160px\]{min-height:160px}.min-h-\[175px\]{min-height:175px}.min-h-\[260px\]{min-height:260px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.w-3{width:calc(var(--spacing) * 3)}.w-56{width:calc(var(--spacing) * 56)}.w-\[27px\]{width:27px}.w-\[34px\]{width:34px}.w-\[min\(420px\,100\%\)\]{width:min(420px,100%)}.w-\[min\(calc\(100vw-5vw\)\,calc\(\(100vh-150px\)\*16\/9\)\)\]{width:min(95vw,177.778vh - 266.667px)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[45ch\]{max-width:45ch}.max-w-\[80ch\]{max-width:80ch}.max-w-\[190px\]{max-width:190px}.max-w-\[260px\]{max-width:260px}.max-w-\[720px\]{max-width:720px}.min-w-0{min-width:0}.min-w-\[31px\]{min-width:31px}.min-w-\[34px\]{min-width:34px}.min-w-\[42px\]{min-width:42px}.min-w-\[72px\]{min-width:72px}.min-w-\[140px\]{min-width:140px}.min-w-\[170px\]{min-width:170px}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-24{flex-basis:calc(var(--spacing) * 24)}.basis-28{flex-basis:calc(var(--spacing) * 28)}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.origin-bottom-right{transform-origin:100% 100%}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[pulse_1s_ease-in-out_infinite\]{animation:1s ease-in-out infinite pulse}.animate-\[pulse_1s_ease-in-out_infinite_0\.5s\]{animation:1s ease-in-out .5s infinite pulse}.animate-bounce{animation:var(--animate-bounce)}.animate-bubble-pop{animation:.5s cubic-bezier(.175,.885,.32,1.275) .3s backwards bubble-pop}.animate-float{animation:3s ease-in-out infinite float}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(64px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(88px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(150px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(170px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[18px_minmax\(0\,1fr\)\]{grid-template-columns:18px minmax(0,1fr)}.grid-cols-\[18px_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:18px minmax(0,1fr) auto auto}.grid-cols-\[25px_1fr_auto\]{grid-template-columns:25px 1fr auto}.grid-cols-\[30px_minmax\(0\,1fr\)_auto\]{grid-template-columns:30px minmax(0,1fr) auto}.grid-cols-\[32px_1fr\]{grid-template-columns:32px 1fr}.\[grid-template-rows\:44px_minmax\(0\,1fr\)\]{grid-template-rows:44px minmax(0,1fr)}.grid-rows-\[56px_minmax\(0\,1fr\)\]{grid-template-rows:56px minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-rows:auto minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[11px\]{gap:11px}.gap-\[14px\]{gap:14px}.gap-\[15px\]{gap:15px}.gap-\[18px\]{gap:18px}.gap-px{gap:1px}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-y-1{row-gap:var(--spacing)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[15px\]{border-radius:15px}.rounded-\[17px\]{border-radius:17px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent,.border-accent\/25{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/25{border-color:color-mix(in oklab, var(--c-accent) 25%, transparent)}}.border-accent\/30{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/30{border-color:color-mix(in oklab, var(--c-accent) 30%, transparent)}}.border-accent\/40{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/40{border-color:color-mix(in oklab, var(--c-accent) 40%, transparent)}}.border-accent\/70{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/70{border-color:color-mix(in oklab, var(--c-accent) 70%, transparent)}}.border-code-accent{border-color:#55c9b3}.border-code-line{border-color:#364454}.border-danger\/30{border-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/30{border-color:color-mix(in oklab, var(--c-danger) 30%, transparent)}}.border-danger\/70{border-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/70{border-color:color-mix(in oklab, var(--c-danger) 70%, transparent)}}.border-line{border-color:var(--c-line)}.border-line-soft{border-color:var(--c-line-soft)}.border-ok\/40{border-color:var(--c-ok)}@supports (color:color-mix(in lab, red, red)){.border-ok\/40{border-color:color-mix(in oklab, var(--c-ok) 40%, transparent)}}.border-ok\/60{border-color:var(--c-ok)}@supports (color:color-mix(in lab, red, red)){.border-ok\/60{border-color:color-mix(in oklab, var(--c-ok) 60%, transparent)}}.border-transparent{border-color:#0000}.border-warn,.border-warn\/40{border-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.border-warn\/40{border-color:color-mix(in oklab, var(--c-warn) 40%, transparent)}}.border-warn\/50{border-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.border-warn\/50{border-color:color-mix(in oklab, var(--c-warn) 50%, transparent)}}.border-t-accent{border-top-color:var(--c-accent)}.border-r-accent{border-right-color:var(--c-accent)}.border-b-accent{border-bottom-color:var(--c-accent)}.border-b-line{border-bottom-color:var(--c-line)}.border-l-accent{border-left-color:var(--c-accent)}.border-l-code-line{border-left-color:#364454}.border-l-danger{border-left-color:var(--c-danger)}.border-l-live{border-left-color:var(--c-orange)}.border-l-ok{border-left-color:var(--c-ok)}.border-l-transparent{border-left-color:#0000}.border-l-warn{border-left-color:var(--c-warn)}.bg-\[\#080f1c\]{background-color:#080f1c}.bg-\[rgba\(8\,17\,30\,\.96\)\]{background-color:#08111ef5}.bg-\[rgba\(8\,17\,30\,\.985\)\]{background-color:#08111efb}.bg-accent,.bg-accent\/10{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/10{background-color:color-mix(in oklab, var(--c-accent) 10%, transparent)}}.bg-accent\/15{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/15{background-color:color-mix(in oklab, var(--c-accent) 15%, transparent)}}.bg-accent\/20{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/20{background-color:color-mix(in oklab, var(--c-accent) 20%, transparent)}}.bg-card{background-color:var(--c-card)}.bg-code-bg{background-color:#11161d}.bg-code-danger{background-color:#eb7777}.bg-code-head{background-color:#19212a}.bg-code-muted{background-color:#8b9dae}.bg-code-ok{background-color:#58bd8b}.bg-code-raised{background-color:#1a232d}.bg-code-warn{background-color:#ddb755}.bg-danger,.bg-danger\/5{background-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/5{background-color:color-mix(in oklab, var(--c-danger) 5%, transparent)}}.bg-danger\/15{background-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/15{background-color:color-mix(in oklab, var(--c-danger) 15%, transparent)}}.bg-danger\/20{background-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/20{background-color:color-mix(in oklab, var(--c-danger) 20%, transparent)}}.bg-danger\/30{background-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/30{background-color:color-mix(in oklab, var(--c-danger) 30%, transparent)}}.bg-editor-header{background-color:var(--c-editor-header)}.bg-ink-faint{background-color:var(--c-ink-faint)}.bg-line{background-color:var(--c-line)}.bg-line-soft,.bg-line-soft\/50{background-color:var(--c-line-soft)}@supports (color:color-mix(in lab, red, red)){.bg-line-soft\/50{background-color:color-mix(in oklab, var(--c-line-soft) 50%, transparent)}}.bg-live,.bg-live\/15{background-color:var(--c-orange)}@supports (color:color-mix(in lab, red, red)){.bg-live\/15{background-color:color-mix(in oklab, var(--c-orange) 15%, transparent)}}.bg-ok,.bg-ok\/15{background-color:var(--c-ok)}@supports (color:color-mix(in lab, red, red)){.bg-ok\/15{background-color:color-mix(in oklab, var(--c-ok) 15%, transparent)}}.bg-ok\/20{background-color:var(--c-ok)}@supports (color:color-mix(in lab, red, red)){.bg-ok\/20{background-color:color-mix(in oklab, var(--c-ok) 20%, transparent)}}.bg-pane-left{background-color:var(--c-pane-left)}.bg-pane-right{background-color:var(--c-pane-right)}.bg-transparent{background-color:#0000}.bg-warn,.bg-warn\/5{background-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.bg-warn\/5{background-color:color-mix(in oklab, var(--c-warn) 5%, transparent)}}.bg-warn\/10{background-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.bg-warn\/10{background-color:color-mix(in oklab, var(--c-warn) 10%, transparent)}}.bg-warn\/15{background-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.bg-warn\/15{background-color:color-mix(in oklab, var(--c-warn) 15%, transparent)}}.bg-warn\/20{background-color:var(--c-warn)}@supports (color:color-mix(in lab, red, red)){.bg-warn\/20{background-color:color-mix(in oklab, var(--c-warn) 20%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[image\:var\(--deck-stage\)\]{background-image:var(--deck-stage)}.bg-\[radial-gradient\(circle_at_96\%_-30\%\,rgba\(85\,201\,179\,0\.13\)\,transparent_58\%\)\]{background-image:radial-gradient(circle at 96% -30%,#55c9b321,#0000 58%)}.bg-tech-dots{background-image:var(--c-tech-dots)}.bg-tech-grid{background-image:var(--c-tech-grid)}.from-\[\#14283b\]{--tw-gradient-from:#14283b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-accent{--tw-gradient-from:var(--c-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pane-right{--tw-gradient-from:var(--c-pane-right);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#172336\]{--tw-gradient-to:#172336;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-line{--tw-gradient-to:var(--c-line);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-\[2px\]{padding:2px}.p-\[5px\]{padding:5px}.p-\[9px\]{padding:9px}.p-\[13px\]{padding:13px}.p-\[14px\]{padding:14px}.p-\[18px\]{padding:18px}.p-\[26px\]{padding:26px}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[7px\]{padding-inline:7px}.px-\[9px\]{padding-inline:9px}.px-\[10px\]{padding-inline:10px}.px-\[14px\]{padding-inline:14px}.px-\[15px\]{padding-inline:15px}.px-\[18px\]{padding-inline:18px}.px-\[clamp\(16px\,2\.4vw\,44px\)\]{padding-inline:clamp(16px,2.4vw,44px)}.px-\[clamp\(18px\,2\.4vw\,34px\)\]{padding-inline:clamp(18px,2.4vw,34px)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[7px\]{padding-block:7px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[14px\]{padding-block:14px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[11px\]{padding-top:11px}.pt-\[14px\]{padding-top:14px}.pr-\[15px\]{padding-right:15px}.pr-\[38px\]{padding-right:38px}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-\[14px\]{padding-bottom:14px}.pb-\[18px\]{padding-bottom:18px}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-\[1\.1em\]{padding-left:1.1em}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[clamp\(1\.25rem\,2vw\,1\.625rem\)\]{font-size:clamp(1.25rem,2vw,1.625rem)}.text-\[clamp\(9px\,1\.15cqw\,17px\)\]{font-size:clamp(9px,1.15cqw,17px)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.42\]{--tw-leading:1.42;line-height:1.42}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.035em\]{--tw-tracking:.035em;letter-spacing:.035em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#f5f8fc\]{color:#f5f8fc}.text-\[rgba\(215\,228\,240\,\.62\)\]{color:#d7e4f09e}.text-accent{color:var(--c-accent)}.text-accent-on{color:var(--c-on-accent)}.text-black{color:var(--color-black)}.text-code-accent{color:#55c9b3}.text-code-ink{color:#d2d8df}.text-code-muted{color:#8b9dae}.text-danger,.text-danger\/70{color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.text-danger\/70{color:color-mix(in oklab, var(--c-danger) 70%, transparent)}}.text-inherit{color:inherit}.text-ink{color:var(--c-ink)}.text-ink-faint{color:var(--c-ink-faint)}.text-ink-muted{color:var(--c-ink-muted)}.text-ink-strong{color:var(--c-ink-strong)}.text-live{color:var(--c-orange)}.text-ok{color:var(--c-ok)}.text-pane-right{color:var(--c-pane-right)}.text-warn{color:var(--c-warn)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.accent-accent{accent-color:var(--c-accent)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_rgb\(88_189_139\/0\.14\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#58bd8b24);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_5px\]{--tw-shadow:0 0 0 5px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_4px\]{--tw-shadow:0 0 4px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(85\,201\,179\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#55c9b34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.8\)\,0_0_20px_rgba\(85\,201\,179\,0\.2\)\]{--tw-shadow:0 10px 40px var(--tw-shadow-color,#000c), 0 0 20px var(--tw-shadow-color,#55c9b333);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(0\,0\,0\,\.35\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(0\,0\,0\,\.45\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_70px_rgba\(0\,0\,0\,\.3\)\]{--tw-shadow:0 24px 70px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_3px_0\]{--tw-shadow:inset 3px 0 var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-emerald-400\/15{--tw-shadow-color:#00d29426}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-400\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-400) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-ok{--tw-shadow-color:var(--c-ok)}@supports (color:color-mix(in lab, red, red)){.shadow-ok{--tw-shadow-color:color-mix(in oklab, var(--c-ok) var(--tw-shadow-alpha), transparent)}}.shadow-orange-400{--tw-shadow-color:oklch(75% .183 55.934)}@supports (color:color-mix(in lab, red, red)){.shadow-orange-400{--tw-shadow-color:color-mix(in oklab, var(--color-orange-400) var(--tw-shadow-alpha), transparent)}}.ring-accent\/20{--tw-ring-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.ring-accent\/20{--tw-ring-color:color-mix(in oklab, var(--c-accent) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[180ms\]{--tw-duration:.18s;transition-duration:.18s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:0\.3s\]{animation-delay:.3s}.\[animation-delay\:0\.15s\]{animation-delay:.15s}.\[animation-direction\:reverse\]{animation-direction:reverse}.\[animation-duration\:1\.5s\]{animation-duration:1.5s}.group-data-\[controls\=hidden\]\:pointer-events-none:is(:where(.group)[data-controls=hidden] *){pointer-events:none}.group-data-\[controls\=hidden\]\:-translate-y-\[7px\]:is(:where(.group)[data-controls=hidden] *){--tw-translate-y:calc(7px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[controls\=hidden\]\:translate-y-\[7px\]:is(:where(.group)[data-controls=hidden] *){--tw-translate-y:7px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[controls\=hidden\]\:opacity-0:is(:where(.group)[data-controls=hidden] *){opacity:0}.marker\:text-accent ::marker{color:var(--c-accent)}.marker\:text-accent::marker{color:var(--c-accent)}.marker\:text-accent ::-webkit-details-marker{color:var(--c-accent)}.marker\:text-accent::-webkit-details-marker{color:var(--c-accent)}.placeholder\:text-ink-faint::placeholder{color:var(--c-ink-faint)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-accent:hover{border-color:var(--c-accent)}.hover\:border-accent-hover\/50:hover{border-color:var(--c-accent-hover)}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent-hover\/50:hover{border-color:color-mix(in oklab, var(--c-accent-hover) 50%, transparent)}}.hover\:border-code-accent:hover{border-color:#55c9b3}.hover\:border-ink-faint:hover{border-color:var(--c-ink-faint)}.hover\:border-line-soft:hover{border-color:var(--c-line-soft)}.hover\:bg-accent-hover:hover{background-color:var(--c-accent-hover)}.hover\:bg-accent\/90:hover{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/90:hover{background-color:color-mix(in oklab, var(--c-accent) 90%, transparent)}}.hover\:bg-card:hover,.hover\:bg-card\/60:hover{background-color:var(--c-card)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-card\/60:hover{background-color:color-mix(in oklab, var(--c-card) 60%, transparent)}}.hover\:bg-code-head:hover{background-color:#19212a}.hover\:bg-danger\/10:hover{background-color:var(--c-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/10:hover{background-color:color-mix(in oklab, var(--c-danger) 10%, transparent)}}.hover\:bg-line:hover{background-color:var(--c-line)}.hover\:bg-line-soft:hover{background-color:var(--c-line-soft)}.hover\:bg-pane-right:hover{background-color:var(--c-pane-right)}.hover\:text-accent:hover{color:var(--c-accent)}.hover\:text-ink:hover{color:var(--c-ink)}.hover\:text-ink-strong:hover{color:var(--c-ink-strong)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-accent:focus{border-color:var(--c-accent)}.focus\:text-ink:focus{color:var(--c-ink)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-accent\/70:focus{--tw-ring-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-accent\/70:focus{--tw-ring-color:color-mix(in oklab, var(--c-accent) 70%, transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-accent\/60:focus-visible{--tw-ring-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--c-accent) 60%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--c-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (width>=960px){.max-\[960px\]\:rounded-xl{border-radius:var(--radius-xl)}.max-\[960px\]\:border{border-style:var(--tw-border-style);border-width:1px}}@media not all and (width>=560px){.max-\[560px\]\:hidden{display:none}}@media not all and (width>=520px){.max-\[520px\]\:max-w-\[42vw\]{max-width:42vw}}@media (width>=520px){.min-\[520px\]\:w-auto{width:auto}.min-\[520px\]\:min-w-\[74px\]{min-width:74px}.min-\[520px\]\:flex-none{flex:none}}@media (width>=560px){.min-\[560px\]\:-mx-\[clamp\(22px\,5vw\,70px\)\]{margin-inline:calc(-1*clamp(22px,5vw,70px))}.min-\[560px\]\:-mt-\[18px\]{margin-top:-18px}.min-\[560px\]\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.min-\[560px\]\:flex{display:flex}.min-\[560px\]\:w-auto{width:auto}.min-\[560px\]\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(112px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.min-\[560px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\[560px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[560px\]\:grid-cols-\[repeat\(auto-fit\,minmax\(95px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.min-\[560px\]\:grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.min-\[560px\]\:flex-wrap{flex-wrap:wrap}.min-\[560px\]\:p-\[14px\]{padding:14px}.min-\[560px\]\:px-\[9px\]{padding-inline:9px}.min-\[560px\]\:px-\[18px\]{padding-inline:18px}.min-\[560px\]\:px-\[clamp\(22px\,5vw\,70px\)\]{padding-inline:clamp(22px,5vw,70px)}.min-\[560px\]\:py-3{padding-block:calc(var(--spacing) * 3)}.min-\[560px\]\:py-\[14px\]{padding-block:14px}.min-\[560px\]\:py-\[18px\]{padding-block:18px}.min-\[560px\]\:pt-4{padding-top:calc(var(--spacing) * 4)}.min-\[560px\]\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.min-\[560px\]\:pb-\[34px\]{padding-bottom:34px}.min-\[560px\]\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=720px){.min-\[720px\]\:basis-auto{flex-basis:auto}}@media (width>=820px){.min-\[820px\]\:block{display:block}.min-\[820px\]\:w-auto{width:auto}.min-\[820px\]\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.min-\[820px\]\:flex-row{flex-direction:row}.min-\[820px\]\:items-center{align-items:center}.min-\[820px\]\:justify-end{justify-content:flex-end}}@media (width>=960px){.min-\[960px\]\:col-auto{grid-column:auto}.min-\[960px\]\:block{display:block}.min-\[960px\]\:grid{display:grid}.min-\[960px\]\:inline{display:inline}.min-\[960px\]\:h-\[53px\]{height:53px}.min-\[960px\]\:max-h-none{max-height:none}.min-\[960px\]\:w-auto{width:auto}.min-\[960px\]\:min-w-\[220px\]{min-width:220px}.min-\[960px\]\:flex-none{flex:none}.min-\[960px\]\:\[grid-template-columns\:minmax\(0\,1\.2fr\)_minmax\(300px\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.min-\[960px\]\:\[grid-template-columns\:minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)_auto\]{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) auto}.min-\[960px\]\:\[grid-template-columns\:minmax\(0\,1\.12fr\)_minmax\(0\,0\.88fr\)\]{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.min-\[960px\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.min-\[960px\]\:grid-cols-\[25px_minmax\(120px\,\.7fr\)_minmax\(160px\,1fr\)_auto\]{grid-template-columns:25px minmax(120px,.7fr) minmax(160px,1fr) auto}.min-\[960px\]\:grid-cols-\[minmax\(250px\,300px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.min-\[960px\]\:grid-cols-\[minmax\(250px\,300px\)_minmax\(0\,1fr\)_minmax\(180px\,230px\)\]{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(180px,230px)}.min-\[960px\]\:grid-cols-\[minmax\(320px\,\.8fr\)_minmax\(480px\,1\.2fr\)\]{grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)}.min-\[960px\]\:grid-rows-\[auto_auto_minmax\(0\,1fr\)\]{grid-template-rows:auto auto minmax(0,1fr)}.min-\[960px\]\:flex-row{flex-direction:row}.min-\[960px\]\:flex-nowrap{flex-wrap:nowrap}.min-\[960px\]\:items-center{align-items:center}.min-\[960px\]\:gap-5{gap:calc(var(--spacing) * 5)}.min-\[960px\]\:overflow-auto{overflow:auto}.min-\[960px\]\:overflow-hidden{overflow:hidden}.min-\[960px\]\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.min-\[960px\]\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.min-\[960px\]\:px-3{padding-inline:calc(var(--spacing) * 3)}.min-\[960px\]\:px-\[18px\]{padding-inline:18px}.min-\[960px\]\:py-0{padding-block:0}.min-\[960px\]\:pt-0{padding-top:0}.min-\[960px\]\:pl-\[17px\]{padding-left:17px}.min-\[960px\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=40rem){.sm\:right-10{right:calc(var(--spacing) * 10)}.sm\:bottom-10{bottom:calc(var(--spacing) * 10)}.sm\:inline{display:inline}}@media (width>=64rem){.lg\:block{display:block}}@media (width>=80rem){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-80{width:calc(var(--spacing) * 80)}}@container (width>=300px){.\@\[300px\]\:inline{display:inline}}@container (width>=420px){.\@\[420px\]\:inline{display:inline}}.\[\&_\.icon\]\:size-3 .icon{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:text-accent svg{color:var(--c-accent)}}:root{--ui-font:"Sarabun",system-ui,sans-serif;--mono-font:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;font-family:var(--ui-font);--radius:10px;--header:56px;--shadow:0 10px 28px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-pane-left:#171e27;--c-pane-right:#11161d;--c-card:#1a232d;--c-editor-header:#19212a;--c-zone-fill:#1a3034;--c-zone-border:#4ab3a4;--c-note:#173437;--c-line:#2a3644;--c-line-soft:#364454;--c-ink-strong:#fff;--c-ink:#d2d8df;--c-ink-muted:#8b9dae;--c-ink-faint:#4a5a6a;--c-ok:#58bd8b;--c-warn:#ddb755;--c-danger:#eb7777;--c-orange:#e69255;--c-accent:#55c9b3;--c-accent-hover:#4ab3a4;--c-on-accent:#11161d;--c-tech-grid:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 0L0 0 0 60' fill='none' stroke='%231F2A38' stroke-opacity='0.6' stroke-width='1'/%3E%3C/svg%3E");--c-tech-dots:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%2355C9B3' fill-opacity='0.15'/%3E%3C/svg%3E");--c-tech-dots-dark:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23364454' fill-opacity='0.3'/%3E%3C/svg%3E");--bg:#11161d;--surface:#171e27;--surface-2:#1a232d;--surface-3:#19212a;--text:#d2d8df;--muted:#8b9dae;--line:#2a3644;--accent:#55c9b3;--accent-soft:#1a3034;--accent-text:#11161d;--ok:#58bd8b;--warn:#ddb755;--danger:#eb7777;--orange:#e69255;--focus:0 0 0 3px #55c9b355;--thumb:#2a3644;--thumb-hover:#3b4a5a;--deck-stage:radial-gradient(circle at 88% 8%,#f078242e,transparent 28%),radial-gradient(circle at 8% 92%,#0090cc33,transparent 32%),linear-gradient(145deg,#101b2e 0%,#14283b 55%,#172336 100%)}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;color:var(--text);margin:0}body{line-height:1.55}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}code,pre{font-family:JetBrains Mono,monospace}.brand{white-space:nowrap;align-items:center;gap:9px;font-weight:700;display:flex}.brand-icon{background:var(--accent);min-width:38px;height:28px;color:var(--accent-text);border-radius:7px;place-items:center;padding:0 7px;font:600 .75rem JetBrains Mono;display:inline-grid}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.user-chip{color:var(--muted);font-size:.8125rem}.language-switch{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:2px;display:inline-flex}.language-switch button{min-width:31px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 7px;font:600 .6875rem JetBrains Mono}.language-switch button.active{background:var(--accent);color:var(--accent-text)}.student-grid{background:var(--line);grid-template-rows:minmax(0,1fr);gap:1px;height:100%;display:grid;overflow:hidden}.course-rail,.guide-pane,.workspace-pane{min-width:0;min-height:0;overflow:auto}.course-rail{padding:14px 10px;position:relative}.course-rail.collapsed{padding:10px 6px}.rail-toggle{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;width:32px;height:32px;position:absolute;top:9px;right:8px}.rail-title{padding:4px 38px 14px 5px;display:grid}.rail-title span{font-weight:700}.rail-title small{color:var(--muted)}.course-rail nav{gap:4px;display:grid}.course-rail nav button{text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:32px 1fr;align-items:start;gap:7px;width:100%;padding:8px;display:grid}.course-rail nav button span{color:var(--muted);font:500 .75rem JetBrains Mono}.course-rail nav button strong{font-size:.8125rem;font-weight:500}.course-rail nav button:hover{background:var(--surface-2)}.course-rail nav button.active{background:var(--accent-soft);color:var(--accent)}.course-rail nav button.live{box-shadow:inset 3px 0 var(--orange)}.guide-pane{padding:18px clamp(18px,2.4vw,34px)}.eyebrow{letter-spacing:.08em;color:var(--accent);font:600 .6875rem JetBrains Mono}.status-badge{background:var(--surface-2);min-height:24px;color:var(--muted);border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;display:inline-flex}.status-badge.healthy{background:var(--ok)}@supports (color:color-mix(in lab, red, red)){.status-badge.healthy{background:color-mix(in srgb,var(--ok) 16%,transparent)}}.status-badge.healthy{color:var(--ok)}.status-badge.stopped{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.status-badge.stopped{background:color-mix(in srgb,var(--danger) 16%,transparent)}}.status-badge.stopped{color:var(--danger)}.checklist{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;margin-bottom:18px;padding:12px;display:grid}.checklist ul{gap:5px;margin:0;padding-left:1.1em;display:grid}.checklist li{font-size:.875rem}.markdown{max-width:80ch;margin:auto}.markdown h1{font-size:1.5625em}.markdown h2{margin-top:2em;font-size:1.25em}.markdown h3{margin-top:1.5em}.markdown p,.markdown li{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.markdown p,.markdown li{color:color-mix(in srgb,var(--text) 90%,var(--muted))}}.markdown pre{color:#e2eaf2;background:#101827;border-radius:8px;padding:14px;font-size:.8125em;line-height:1.6;overflow:auto}.markdown code:not(pre code){background:var(--surface-2);color:var(--orange);border-radius:4px;padding:2px 5px}.markdown table{border-collapse:collapse;width:100%;display:block;overflow:auto}.markdown th,.markdown td{border:1px solid var(--line);text-align:left;padding:8px 10px}.markdown blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);margin-left:0;padding:6px 14px}.split-handle{background:var(--line);cursor:col-resize;z-index:4;width:5px}.split-handle:hover{background:var(--accent)}.workspace-pane{grid-template-rows:45px minmax(0,1fr);display:grid;overflow:hidden}.workspace-tabs,.workspace-tabs button{height:33px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 13px}.workspace-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.workspace-tabs select,.terminal-host{height:100%;min-height:0;overflow:hidden}.terminal-host{background:#11161d;padding:8px}.cm-editor{height:100%;font-size:13px}.cm-scroller{font-family:JetBrains Mono,monospace!important}.connection.connected{color:var(--ok)}.connection.error,.connection.disconnected,.error{color:var(--danger)}.markdown h2,.markdown h3{scroll-margin-top:90px}.content-editor{height:calc(100dvh - var(--header) - 120px);grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:340px;display:grid}.content-editor-bar{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.content-editor-bar code{color:var(--muted);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.content-editor-bar span{color:var(--muted);margin-left:auto;font-size:.82rem}.content-editor-bar span.content-editor-dirty{color:var(--orange);font-weight:600}.content-editor-host{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:0;overflow:hidden}.content-editor-host .cm-editor{height:100%}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px}th{background:var(--surface-2);color:var(--muted);font-size:.75rem;position:sticky;top:0}td a{color:var(--accent)}.form-stack{gap:14px;display:grid}.form-stack label{gap:6px;font-weight:500;display:grid}.form-stack input{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;min-height:42px;padding:8px 10px}.qr-box{color:#111;background:#fff;border-radius:8px;justify-items:center;gap:8px;padding:12px;display:grid}.center-state{min-height:160px;color:var(--muted);place-items:center;display:grid}@media (width<=960px){.brand>span:last-child,.user-chip{display:none}.student-grid{display:block;overflow:auto}.course-rail{height:auto;max-height:210px}.course-rail.collapsed{height:48px}.guide-pane,.workspace-pane{height:calc(100dvh - var(--header))}.split-handle{display:none}}@media (width<=560px){.header-actions .button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-pane-tabs{display:none}@media (width<=960px){.student-grid{grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden;grid-template-columns:minmax(150px,210px) minmax(0,1fr)!important}.course-rail{height:100%;max-height:none}.guide-pane,.workspace-pane{height:100%}.student-grid.mobile-guide .workspace-pane,.student-grid.mobile-workspace .guide-pane{display:none}.mobile-pane-tabs{gap:5px;display:flex}.mobile-pane-tabs button{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;min-height:34px;padding:5px 10px}.mobile-pane-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.guide-pane>.mobile-pane-tabs{margin-bottom:12px}.workspace-tabs{flex-wrap:wrap;height:auto;min-height:45px}}@media (width<=560px){.student-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr!important}.course-rail{max-height:132px}.course-rail.collapsed{height:48px}.guide-pane,.workspace-pane{grid-column:1}}.topology-page{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;display:grid;overflow:hidden}.topology-layout{background:var(--line);grid-template-columns:minmax(0,1fr);gap:1px;min-height:0;display:grid;overflow:hidden}.topology-layout.has-detail{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.topology-canvas{background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 1.2px);background-size:22px 22px;min-width:0;min-height:0;position:relative;overflow:hidden}.topology-canvas>svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:420px;display:block}.topology-canvas>svg:active{cursor:grabbing}.zoom-controls{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:4px;padding:4px;display:flex;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.zoom-controls{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.zoom-controls{box-shadow:var(--shadow)}.zoom-controls button{background:0 0;border:0;border-radius:6px;min-width:34px;height:32px}.zoom-controls button:hover{background:var(--surface-2)}.topology-edge line{stroke:var(--accent);stroke-width:2px;marker-end:url(#topology-arrow);opacity:.72}.topology-edge text{fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round;font:500 12px JetBrains Mono}.topology-edge.delegation line{stroke:var(--orange);stroke-dasharray:7 5}.topology-edge.dnssec line{stroke:#7655c8;stroke-width:3px}.topology-node{cursor:pointer;outline:none}.topology-node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5px;filter:drop-shadow(0 4px 7px #14232d14)}.topology-node:hover rect,.topology-node:focus-visible rect{stroke:var(--accent);stroke-width:3px}.topology-node.hidden-primary rect{stroke-dasharray:6 4;fill:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.topology-node.hidden-primary rect{fill:color-mix(in srgb,var(--surface-2) 70%,transparent)}}.topology-node.role-concept rect{stroke-dasharray:3 4;fill:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.topology-node.role-concept rect{fill:color-mix(in srgb,var(--surface-2) 45%,transparent)}}.topology-node.role-concept rect{opacity:.72}.topology-node.role-concept .node-label{fill:var(--text)}@supports (color:color-mix(in lab, red, red)){.topology-node.role-concept .node-label{fill:color-mix(in srgb,var(--text) 72%,var(--muted))}}.topology-node.role-concept .node-subtitle{fill:var(--muted)}@supports (color:color-mix(in lab, red, red)){.topology-node.role-concept .node-subtitle{fill:color-mix(in srgb,var(--muted) 88%,transparent)}}.topology-region.warn rect{fill:var(--danger)}@supports (color:color-mix(in lab, red, red)){.topology-region.warn rect{fill:color-mix(in srgb,var(--danger) 6%,transparent)}}.topology-region.warn rect{stroke:var(--danger)}@supports (color:color-mix(in lab, red, red)){.topology-region.warn rect{stroke:color-mix(in srgb,var(--danger) 45%,var(--line))}}.topology-region.warn rect{stroke-width:1.5px;stroke-dasharray:9 6}.topology-region.warn text{fill:var(--danger)}@supports (color:color-mix(in lab, red, red)){.topology-region.warn text{fill:color-mix(in srgb,var(--danger) 70%,var(--muted))}}.topology-region.warn text{letter-spacing:.08em;text-transform:uppercase;font:600 11px JetBrains Mono}.topology-region.neutral rect{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.topology-region.neutral rect{fill:color-mix(in srgb,var(--accent) 4%,transparent)}}.topology-region.neutral rect{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.topology-region.neutral rect{stroke:color-mix(in srgb,var(--accent) 32%,var(--line))}}.topology-region.neutral rect{stroke-width:1.25px}.topology-region.neutral text{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.topology-region.neutral text{fill:color-mix(in srgb,var(--accent) 75%,var(--muted))}}.topology-region.neutral text{letter-spacing:.08em;text-transform:uppercase;font:600 11px JetBrains Mono}.topology-node circle{fill:var(--muted)}.topology-node.health-healthy circle,.topology-node.health-running circle{fill:var(--ok)}.topology-node.health-starting circle,.topology-node.health-fallback circle{fill:var(--warn)}.topology-node.health-unhealthy circle,.topology-node.health-stopped circle{fill:var(--danger)}.topology-node text{pointer-events:none}.node-label{fill:var(--text);font:600 15px Sarabun}.node-subtitle{fill:var(--muted);font:12px JetBrains Mono}.topology-detail{padding:22px 18px;position:relative;overflow:auto}.topology-detail h2{margin:3px 0 10px}.topology-detail p{color:var(--muted)}.topology-detail dl{grid-template-columns:82px minmax(0,1fr);gap:8px;margin:20px 0;display:grid}.topology-detail dt{color:var(--muted);font-size:.8125rem}.topology-detail dd{overflow-wrap:anywhere;min-width:0;margin:0}.topology-legend{align-items:center;gap:18px;min-height:39px;padding:7px 18px;font-size:.75rem;display:flex}.topology-legend span{align-items:center;gap:6px;display:flex}.topology-legend span:last-child{margin-left:auto}@media (width<=960px){.topology-actions select{flex:1;max-width:none}.topology-layout.has-detail{grid-template-columns:1fr;position:relative}.topology-detail{z-index:5;border:1px solid var(--line);border-radius:12px;max-height:min(52%,420px);position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 -12px 38px #00000038}.topology-legend{white-space:nowrap;overflow:auto}.topology-legend span:last-child{margin-left:0}}@media (width<=560px){.layer-tabs{grid-template-columns:repeat(3,1fr);display:grid}.layer-tabs button{padding:4px 6px;font-size:.75rem}.topology-canvas>svg{min-height:360px}.topology-legend{padding:6px 10px}}.status-badge.ok{color:var(--ok)}.status-badge.failed{color:var(--danger)}.topology-status{background:var(--muted);border-radius:50%;width:7px;height:7px}.topology-status.healthy,.topology-status.running{background:var(--ok);box-shadow:0 0 0 3px var(--ok)}@supports (color:color-mix(in lab, red, red)){.topology-status.healthy,.topology-status.running{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 14%,transparent)}}.topology-status.starting,.topology-status.fallback{background:var(--warn)}.topology-status.unhealthy,.topology-status.stopped{background:var(--danger)}.presentation-toolbar,.presentation-actions,.presentation-controls{align-items:center;gap:8px;display:flex}.markdown-image{border-radius:12px;max-width:100%;height:auto;margin:14px auto;display:block}.presentation-root{color:#f5f8fc;grid-template-rows:auto minmax(0,1fr) auto auto;gap:11px;min-height:0;display:grid;position:relative}.presentation-toolbar{justify-content:space-between;min-height:42px;transition:opacity .18s,transform .18s}.presentation-title{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:9px;font-size:.8125rem;font-weight:700;display:flex;overflow:hidden}.presentation-dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 5px var(--ok);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.presentation-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 14%,transparent)}}kbd{min-width:1.45em;color:inherit;background:#0000002e;border:1px solid #fff3;border-radius:4px;margin-left:4px;padding:1px 5px;font:500 .72em JetBrains Mono;display:inline-block}.presentation-stage-wrap{justify-content:center;align-items:center;min-height:0;display:flex}.presentation-stage{aspect-ratio:16/9;background:radial-gradient(circle at 88% 8%,#f078242e,#0000 28%),radial-gradient(circle at 8% 92%,#0090cc33,#0000 32%),linear-gradient(145deg,#101b2e 0%,#14283b 55%,#172336 100%);border:1px solid #55c9b35c;border-radius:17px;outline:0;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000004d;container-type:inline-size}.presentation-stage:focus-visible{box-shadow:0 0 0 3px #55c9b394,0 24px 70px #0000004d}.presentation-slide.markdown{color:#f5f8fc;flex-direction:column;justify-content:center;max-width:none;margin:0;padding:6.2cqw 7.2cqw 7.2cqw;font-size:clamp(12px,2.15cqw,31px);line-height:1.5;display:flex;position:absolute;inset:0;overflow:hidden}.presentation-slide>:first-child{margin-top:0}.presentation-slide>:last-child{margin-bottom:0}.presentation-slide h1,.presentation-slide h2,.presentation-slide h3{color:#fff;max-width:94%;margin:0 0 .46em;line-height:1.3}.presentation-slide h1{font-size:2.15em}.presentation-slide h2{color:#55c9b3;margin-top:0;font-size:1.45em}.presentation-slide h3{margin-top:0;font-size:1.12em}.presentation-slide p,.presentation-slide li{color:#f5f8fc;margin-top:.22em;margin-bottom:.22em}.presentation-slide ul,.presentation-slide ol{margin:.35em 0;padding-left:1.3em}.presentation-slide strong{color:#ffd0ac}.presentation-slide code:not(pre code){font-size:.86em}.presentation-slide pre{white-space:pre-wrap;background:#040a14c2;border:1px solid #7eacd140;border-radius:10px;max-width:100%;margin:.45em 0;padding:.7em .85em;font-size:.7em;line-height:1.34;overflow:hidden}.presentation-slide blockquote{background:#f078241a;border-left:4px solid #f07824;margin:.55em 0 0;padding:.45em .75em}.presentation-slide table{margin:.4em 0;font-size:.72em;display:table}.presentation-slide th,.presentation-slide td{padding:.42em .55em}.presentation-slide .markdown-image{object-fit:contain;width:auto;max-width:min(100%,930px);max-height:48%;margin:.4em auto;box-shadow:0 12px 34px #00000038}.presentation-stage>footer{color:#d7e4f09e;letter-spacing:.035em;justify-content:space-between;font:500 clamp(9px,1.15cqw,17px) JetBrains Mono;display:flex;position:absolute;bottom:2.4cqw;left:3.4cqw;right:3.4cqw}.presentation-progress{background:#ffffff17;border-radius:99px;height:4px;overflow:hidden}.presentation-progress span{border-radius:inherit;background:linear-gradient(90deg,#55c9b3,#f07824);height:100%;transition:width .18s;display:block}.presentation-controls{justify-content:space-between;transition:opacity .18s,transform .18s}.presentation-controls p{color:var(--muted);text-align:center;margin:0;font:500 .75rem JetBrains Mono}.presentation-overview{z-index:30;border:1px solid var(--line);background:#08111efb;border-radius:15px;padding:18px;position:absolute;inset:0;overflow:auto}.presentation-overview>header{z-index:2;border-bottom:1px solid var(--line);background:#08111ef5;justify-content:space-between;align-items:center;margin:-18px -18px 18px;padding:18px;display:flex;position:sticky;top:-18px}.presentation-overview h2{margin:2px 0}.presentation-overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.presentation-overview-grid>button{aspect-ratio:16/9;border:1px solid var(--line);color:#f5f8fc;text-align:left;background:linear-gradient(145deg,#14283b,#172336);border-radius:12px;padding:20px;position:relative;overflow:hidden}.presentation-overview-grid>button:hover,.presentation-overview-grid>button.active{border-color:#55c9b3;box-shadow:0 0 0 2px #55c9b32b}.presentation-overview-grid>button>span{color:#94a9bd;font:500 .6875rem JetBrains Mono;position:absolute;top:7px;right:9px}.presentation-preview.markdown{pointer-events:none;max-height:100%;margin:0;font-size:.5625rem;line-height:1.4;overflow:hidden}.presentation-preview h1{font-size:1.375rem}.presentation-preview h2{color:#55c9b3;margin-top:4px;font-size:1rem}.presentation-preview p,.presentation-preview ul,.presentation-preview pre,.presentation-preview table{margin:4px 0}.presentation-preview .markdown-image{max-height:90px;margin:3px auto}:is(.presentation-root:fullscreen,.presentation-root.fallback-fullscreen){background:#080f1c;border:0;border-radius:0;width:100vw;height:100vh;margin:0;padding:14px clamp(16px,2.4vw,44px) 18px}.presentation-root.fallback-fullscreen{z-index:500;position:fixed;inset:0}.presentation-fallback-active{overflow:hidden}.presentation-fallback-active .app-header{visibility:hidden}:is(.presentation-root:fullscreen .presentation-stage,.presentation-root.fallback-fullscreen .presentation-stage){border-radius:12px;width:min(95vw,177.778vh - 266.667px);max-height:calc(100vh - 150px)}.presentation-root.controls-hidden .presentation-toolbar,.presentation-root.controls-hidden .presentation-controls{opacity:0;pointer-events:none;transform:translateY(-7px)}.presentation-root.controls-hidden .presentation-controls{transform:translateY(7px)}.presentation-print-deck{display:none}@media (width<=820px){.presentation-toolbar{align-items:flex-start}.presentation-actions{flex-wrap:wrap;justify-content:flex-end}.presentation-controls p{display:none}.presentation-slide.markdown{font-size:clamp(9px,2.2cqw,17px)}.presentation-overview-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (width<=520px){.presentation-title{max-width:42vw}.presentation-actions .button,.presentation-controls .button{min-height:32px;padding:5px 8px;font-size:.75rem}.presentation-slide.markdown{padding:5.8cqw 6.5cqw 7cqw}.presentation-slide pre{font-size:.62em}}@media print{@page{size:13.333in 7.5in;margin:0}html,body,#root{background:#101b2e!important;width:auto!important;height:auto!important;min-height:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-shell,.app-main,.docs-grid,.docs-reader,.presentation-root{background:#101b2e!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.app-header,.docs-sidebar,.docs-page-header,.presentation-root>:not(.presentation-print-deck){display:none!important}.presentation-print-deck{display:block!important}.presentation-print-page{break-after:page;page-break-after:always;color:#f5f8fc;background:radial-gradient(circle at 88% 8%,#f078242e,#0000 28%),radial-gradient(circle at 8% 92%,#0090cc33,#0000 32%),linear-gradient(145deg,#101b2e 0%,#14283b 55%,#172336 100%);width:13.333in;height:7.5in;position:relative;overflow:hidden;container-type:inline-size}.presentation-print-page:last-child{break-after:auto;page-break-after:auto}.presentation-print-page>footer{color:#d7e4f09e;letter-spacing:.035em;justify-content:space-between;font:500 17px JetBrains Mono;display:flex;position:absolute;bottom:2.4cqw;left:3.4cqw;right:3.4cqw}}.workspace-tool-deck{height:100%;min-height:0;position:relative;overflow:hidden}.workspace-tool{visibility:hidden;pointer-events:none;position:absolute;inset:0}.workspace-tool.active{visibility:visible;pointer-events:auto}.terminal-fullscreen-active{overflow:hidden}.terminal-fullscreen-active .app-header{visibility:hidden}.language-switch{flex:none}.topology-actions .topology-export{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}@media (width<=560px){.topology-actions .topology-export{width:100%;display:inline-flex}}@media print{@page topology{size:A4 landscape;margin:10mm}.topology-page{page:topology;background:var(--bg)!important;width:277mm!important;height:190mm!important;color:var(--text)!important;grid-template-rows:auto minmax(0,1fr) auto!important;display:grid!important;overflow:hidden!important}.topology-toolbar{border-bottom:1px solid var(--line)!important;background:var(--surface)!important;padding:0 0 4mm!important}.topology-actions,.zoom-controls,.detail-close,.topology-detail .button{display:none!important}.topology-layout{background:var(--line)!important;height:auto!important;min-height:0!important;overflow:hidden!important}.topology-canvas{background-color:var(--surface)!important;overflow:hidden!important}.topology-canvas>svg{cursor:default!important;width:100%!important;height:100%!important;min-height:0!important}.topology-detail{background:var(--surface)!important;padding:8mm 6mm!important;overflow:hidden!important}.topology-legend{border-top:1px solid var(--line)!important;background:var(--surface)!important;white-space:nowrap!important;min-height:10mm!important;padding:2mm 0 0!important;overflow:hidden!important}}.org-plate{background:linear-gradient(165deg,#fff,#eef3fb);border:1px solid #ffffffb3;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #fff,0 2px 8px #060c2824}.org-plate.full{border-radius:var(--radius);gap:18px;width:100%;padding:16px 22px;box-shadow:inset 0 1px #fff,0 12px 28px #060c282e}.org-plate.compact{gap:9px;padding:5px 10px}.org-logo{object-fit:contain;width:auto;max-width:100%;display:block}.org-divider{background:#d5deec;flex:none;align-self:stretch;width:1px;margin:3px 0}.org-plate.full .org-logo-thnic{height:46px}.org-plate.full .org-logo-ncsa{height:38px}.org-plate.compact .org-logo-thnic{height:24px}.org-plate.compact .org-logo-ncsa{height:21px}@media (width<=960px){.org-plate.full{gap:12px;padding:14px 16px}.org-plate.full .org-logo-thnic{height:36px}.org-plate.full .org-logo-ncsa{height:30px}.org-plate.compact{gap:7px;padding:4px 7px}.org-plate.compact .org-logo-thnic{height:20px}.org-plate.compact .org-logo-ncsa{height:18px}}@media (width<=560px){.org-plate.compact{border-radius:6px;gap:5px;padding:3px 6px}.org-plate.compact .org-logo-thnic{height:18px}.org-plate.compact .org-logo-ncsa{height:16px}}.guide-view-switch{width:fit-content;margin-bottom:14px}.guide-view-switch .button{min-width:auto}.markdown.speaker-notes{border-left:3px solid var(--orange);padding-left:14px}@keyframes home-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--orange) 50%,transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.icon{flex:none;display:block}.zoom-controls button,.detail-close,.rail-toggle{justify-content:center;align-items:center;gap:6px;display:inline-flex}.workspace-tabs button{align-items:center;gap:6px;display:inline-flex}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.8)}}