:root{--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-xs:4px;--control-lg:48px;--control-md:40px;--control-sm:32px;--control-xs:24px}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gulzar;src:url(/fonts/Gulzar/Gulzar-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@layer base{:root{--font-title:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-accent:"Gulzar","Times New Roman",serif;--title-2xl:32px/40px var(--font-title);--title-xl:24px/32px var(--font-title);--title-lg:20px/25px var(--font-title);--title-md:16px/20px var(--font-title);--title-sm:14px/18px var(--font-title);--title-xs:12px/16px var(--font-title);--body-lg:16px/24px var(--font-body);--body-md:14px/20px var(--font-body);--body-sm:12px/14px var(--font-body);--mono-lg:14px/20px var(--font-mono);--mono-md:12px/20px var(--font-mono);--mono-sm:10px/14px var(--font-mono);--letter-spacing-title:-0.02em;--letter-spacing-body:0px;--letter-spacing-mono:0px;--icon-stroke-width:1.5}html{font-family:var(--font-body)}button,pre{font-family:inherit}button{font-size:inherit;line-height:inherit;font-weight:inherit}}@layer utilities{.title-2xl{font-size:32px;line-height:40px}.title-2xl,.title-xl{font-family:var(--font-title);font-weight:600;letter-spacing:var(--letter-spacing-title)}.title-xl{font-size:24px;line-height:32px}.title-lg{font-size:20px;line-height:25px}.title-lg,.title-md{font-family:var(--font-title);font-weight:600;letter-spacing:var(--letter-spacing-title)}.title-md{font-size:16px;line-height:20px}.title-sm{font-size:14px;line-height:18px}.title-sm,.title-xs{font-family:var(--font-title);font-weight:600;letter-spacing:var(--letter-spacing-title)}.title-xs{font-size:12px;line-height:16px}.body-lg{font-size:16px;line-height:24px}.body-lg,.body-md{font-family:var(--font-body);font-weight:400;letter-spacing:var(--letter-spacing-body)}.body-md{font-size:14px;line-height:20px}.body-sm{font-size:12px;line-height:14px}.body-sm,.body-xs{font-family:var(--font-body);font-weight:400;letter-spacing:var(--letter-spacing-body)}.body-xs{font-size:10px;line-height:12px}.mono-lg{font-size:14px}.mono-lg,.mono-md{line-height:20px;font-family:var(--font-mono);font-weight:400;letter-spacing:var(--letter-spacing-mono)}.mono-md{font-size:12px}.mono-sm{font-size:10px;line-height:14px;font-family:var(--font-mono);font-weight:400;letter-spacing:var(--letter-spacing-mono)}}@layer base{:root{--anim-duration-fast:120ms;--anim-duration-base:160ms;--anim-duration-slow:220ms;--anim-ease:ease;--anim-ease-out:ease-out;--anim-ease-smooth:cubic-bezier(0.4,0,0.2,1);--anim-duration-slide:200ms;--anim-ease-slide:cubic-bezier(0.2,0,0,1);--toolbar-transition-duration:250ms;--anim-ease-out-quint:cubic-bezier(0.22,1,0.36,1);--anim-ease-in-out-quint:cubic-bezier(0.83,0,0.17,1);--easing-toolbar:var(--anim-ease-in-out-quint);--scene-crossfade-duration:400ms;--design-chrome-duration:220ms;--kf-spin:spin;--kf-pulse:pulse;--kf-shimmer:shimmer;--kf-fade-in:fadeIn;--kf-fade-out:fadeOut;--kf-fade-in-up:fadeInUp;--kf-slide-in-left:slideInFromLeft;--kf-slide-in-right:slideInFromRight;--kf-shake:shake;--kf-scramble-strip:scrambleStrip}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInFromLeft{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes scrambleStrip{to{transform:translateY(calc(-1 * var(--scramble-steps) * var(--scramble-line, 1lh)))}}@layer base{:root{--z-hud:10;--z-sketch-chip:20;--z-canvas-card:25;--z-toolbar:30;--z-chrome:40;--z-portal:50;--z-pill:60;--z-flyout-backdrop:70;--z-flyout:80;--viewport-selection-tint:215 100% 72%;--viewport-selection-hover:0.086;--viewport-selection-selected:0.2;--viewport-ghost-opacity:0.22;--radius:var(--radius-xs);--radius-card:var(--radius-sm);--radius-button:var(--radius-sm);--radius-title:var(--radius-md);--radius-input:var(--radius-xs);--radius-selectSlide-inner:var(--radius-sm);--radius-selectSlide-outer:var(--radius-md);--control-height-field:var(--control-sm);--control-height-nested:28px;--panel-inset:16px;--panel-gap:4px;--shadow-sm:0 8px 24px rgb(0 0 0/10%);--shadow-md:0 8px 24px rgb(0 0 0/20%);--sidebar-left-max:220px;--sidebar-right-max:300px;--sidebar-width:220px;--sidebar-width-collapsed:48px;--bp-small-max:767px}.light{--background:14 16% 96%;--background-outer:14 16% 93%;--foreground:0 16% 10%;--muted:0 0% 96%;--muted-foreground:222 84% 5%/0.7;--extra-muted-foreground:222 84% 5%/0.45;--popover:0 0% 98%;--popover-foreground:222 84% 5%;--border:0 0% 85%;--input:0 0% 85%;--border-accent:0 0% 70%;--card:14 16% 97%;--card-foreground:222 84% 5%;--primary:210 81% 49%;--primary-foreground:0 0% 100%;--accent:0 0% 96%;--accent-foreground:222 84% 5%;--destructive:9 93% 48%;--destructive-foreground:0 0% 98%;--ring:214 96% 44%;--link:210 81% 49%;--grid:0 0% 90%;--background-transparent:0 0% 97%/0.6;--hover:240 7% 87%;--hover-muted:240 7% 91%;--secondary:0 0% 92%;--secondary-foreground:222 84% 5%;--avatar-bg:0 0% 90%;--avatar-stroke:0 0% 40%;--default:0 0% 85%;--default-foreground:0 0% 12%;--success:134 93% 27%;--success-foreground:0 0% 98%;--caution:44 99% 60%;--caution-foreground:222 84% 5%;--focus:214 96% 44%;--blanket:0 0% 0%/0.4}.dark{--background:0 0% 9%;--background-outer:0 0% 7%;--foreground:240 5% 96%;--muted:0 0% 15%;--muted-foreground:240 5% 96%/0.7;--extra-muted-foreground:240 5% 96%/0.45;--popover:0 0% 12%;--popover-foreground:0 0% 100%;--border:0 0% 20%;--input:0 0% 16%;--border-accent:0 0% 30%;--card:0 0% 12%;--card-foreground:204 45% 98%;--primary:210 81% 49%;--primary-foreground:0 0% 98%;--accent:0 0% 15%;--accent-foreground:240 5% 96%;--destructive:358 97% 62%;--destructive-foreground:0 0% 98%;--ring:214 96% 44%;--link:210 81% 49%;--grid:0 0% 12%;--background-transparent:0 0% 9%/0.7;--hover:240 1% 16%;--hover-muted:240 1% 12%;--secondary:0 0% 18%;--secondary-foreground:0 0% 98%;--avatar-bg:0 0% 20%;--avatar-stroke:0 0% 70%;--default:0 0% 12%;--default-foreground:0 0% 98%;--success:131 37% 34%;--success-foreground:0 0% 98%;--caution:45 68% 56%;--caution-foreground:222 84% 5%;--focus:214 96% 44%;--blanket:0 0% 0%/0.9}}@layer base{}@layer utilities{.text-balance{text-wrap:balance}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}}@layer components{}@layer base{*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));margin:0;padding:0}}.app-shell{width:100%;height:100dvh}.app-shell,.app-shell-main{min-height:0;display:flex;overflow:hidden}.app-shell-main{flex:1 1;min-width:0;height:100%;flex-direction:column}.app-shell-content{flex:1 1;min-height:0;overflow:auto;padding:24px;background-color:hsl(var(--background));box-sizing:border-box}@media (max-width:767px){.app-shell-content{padding:16px}}.app-shell-content.app-shell-content--flush{padding:0;overflow:hidden}