:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1440px;--touch-target: 48px;--icon-md: 20px;--icon-touch: var(--touch-target);--gap-none: 0;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 2rem;--dialog-auto: 32rem;--dialog-form: 28rem;--dialog-text: 42rem;--dialog-image: 56rem;--dialog-code: 72rem;--z-header: 100;--z-sidebar: 90;--z-footer: 1;--z-overlay: 40;--z-breadcrumbs: 10;--z-dropdown: 50;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200;color-scheme:light dark;--theme-is-dark: 0;--background: #ffffff;--foreground: #000000;--text-color: #000000;--primary: #00bcd4;--primary-foreground: #000000;--secondary: #10b981;--secondary-foreground: #ffffff;--accent: #ff9800;--accent-foreground: #000000;--destructive: #dc2626;--destructive-foreground: #ffffff;--success: #10b981;--success-foreground: #ffffff;--warning: #f59e0b;--warning-foreground: #000000;--muted: color-mix(in oklab, var(--foreground) 5%, var(--background));--muted-foreground: color-mix(in oklab, var(--foreground) 60%, var(--background));--border: color-mix(in oklab, var(--foreground) 15%, var(--background));--input: var(--muted);--ring: var(--primary);--card: var(--background);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--card-foreground);--radius: .75rem;--radius-none: 0;--radius-md: var(--radius);--radius-full: 9999px;--radius-interactive: 0;--radius-surface: var(--radius-md);--radius-floating: var(--radius-none);--font-family: var(--font-sans);--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, Monaco, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.563rem;--font-size-2xl: 1.953rem;--font-size-3xl: 2.441rem;--line-height: 1.25;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-1: color-mix(in oklab, var(--foreground) 6%, transparent);--line-2: color-mix(in oklab, var(--foreground) 10%, transparent);--border-hairline: 1px;--border-width: 2px;--border-huge: 3px;--shadow-color: color-mix(in oklab, var(--foreground) 12%, transparent);--shadow-color-light: color-mix(in oklab, var(--foreground) 8%, transparent);--shadow-color-medium: color-mix( in oklab, var(--foreground) 10%, transparent );--shadow-sm: .5px 1px 2px -.5px var(--shadow-color), .25px .5px 1px -.25px var(--shadow-color-light);--shadow-sm-rtl: -.5px 1px 2px -.5px var(--shadow-color), -.25px .5px 1px -.25px var(--shadow-color-light);--shadow-md: 1px 2px 4px -1px var(--shadow-color), .5px 1px 2px -.5px var(--shadow-color-medium);--shadow-md-rtl: -1px 2px 4px -1px var(--shadow-color), -.5px 1px 2px -.5px var(--shadow-color-medium);--shadow-xl: 6px 12px 24px -6px var(--shadow-color), 3px 6px 12px -3px var(--shadow-color-light);--shadow-xl-rtl: -6px 12px 24px -6px var(--shadow-color), -3px 6px 12px -3px var(--shadow-color-light);--shadow-interactive: 0 0 0 3px color-mix(in oklab, var(--ring) 20%, transparent);--shadow-focus: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);--shadow-none: none;--ease-heavy: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .3s;--dur-slow: .5s;--dur-heavy: .7s;--dur-hero: 1s;--will-change-transform: transform;--will-change-none: auto;--opacity-subtle: .3;--opacity-muted: .6;--opacity-strong: .9;--panel-width-sm: 16rem;--panel-width-md: 20rem;--panel-width-lg: 24rem;--panel-width-xl: 28rem;--max-content-width: 87.5rem;--content-width: var( --max-content-width )}[data-density=compact]{--font-size-base: .875rem;--font-size-lg: 1.05rem;--font-size-xl: 1.26rem;--font-size-2xl: 1.512rem;--font-size-3xl: 1.814rem;--gap-sm: .375rem;--gap-md: .75rem;--gap-lg: 1.5rem;--line-height: 1.2}[data-density=standard]{--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.563rem;--font-size-2xl: 1.953rem;--font-size-3xl: 2.441rem;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 2rem;--line-height: 1.25}[data-density=expressive]{--font-size-base: clamp(1rem, .875rem + .5vw, 1.125rem);--font-size-lg: clamp(1.25rem, 1rem + .75vw, 1.5rem);--font-size-xl: clamp(1.5rem, 1rem + 1vw, 2rem);--font-size-2xl: clamp( 2.666rem, 2rem + 1.5vw, 3.5rem );--font-size-3xl: clamp( 3.555rem, 2.5rem + 2.5vw, 5rem );--gap-sm: clamp(.5rem, .375rem + .25vw, .75rem);--gap-md: clamp(1rem, .75rem + .5vw, 1.5rem);--gap-lg: clamp(2rem, 1.5rem + 1vw, 3rem);--line-height: 1.33}:root{--theme-icon: "Sun";--theme-label: "Light";--theme-is-dark: 0;--foreground: #000000;--background: #ffffff;--primary: #00bcd4;--secondary: #10b981;--accent: #ff9800;--success: #10b981;--warning: #f59e0b;--destructive: #dc2626;--card: var(--background);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--card-foreground);--primary-foreground: var(--foreground);--secondary-foreground: var(--background);--accent-foreground: var(--foreground);--success-foreground: var(--background);--warning-foreground: var(--foreground);--destructive-foreground: var(--background)}.dark{--theme-icon: "Moon";--theme-label: "Dark";--theme-is-dark: 1;--foreground: #ffffff;--background: #000000;--primary: #00bcd4;--secondary: #10b981;--accent: #ff9800;--success: #10b981;--warning: #f59e0b;--destructive: #ef4444;--card: var(--background);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--card-foreground);--primary-foreground: var(--background);--secondary-foreground: var(--foreground);--accent-foreground: var(--background);--success-foreground: var(--foreground);--warning-foreground: var(--background);--destructive-foreground: var(--foreground)}html{touch-action:manipulation;height:100%;width:100%}body{background-color:var(--background);color:var(--foreground);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;width:100%;height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@supports (overscroll-behavior: none){body{overscroll-behavior:none}}#root{height:100%;overflow-y:auto;position:relative}*{scrollbar-width:thin;scrollbar-color:var(--muted-foreground) var(--muted)}::-webkit-scrollbar{width:.5rem;background-color:var(--muted)}::-webkit-scrollbar-thumb{background-color:var(--muted-foreground);border-radius:var(--radius-interactive)}:root{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;line-height:var(--line-height);text-rendering:optimizeSpeed;font-size:var(--font-size-base)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a:not(.dndev-interactive),a:not(.dndev-interactive):link,a:not(.dndev-interactive):visited{color:var(--primary);text-decoration:none;transition:color var(--dur-fast) var(--ease-in-out)}a:not(.dndev-interactive):hover{color:var(--primary)}a:not(.dndev-interactive):active{color:var(--primary)}a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-md)}main ul,main ol,article ul,article ol{font-weight:500;line-height:var(--line-height);color:var(--foreground);background:transparent!important;list-style-position:outside;padding-inline-start:var(--gap-lg);margin-block:var(--gap-md)}main ul,article ul{list-style-type:disc}main ol,article ol{list-style-type:decimal}main li,article li{font-weight:500;line-height:var(--line-height);color:var(--foreground);background:transparent!important;margin-block:var(--gap-sm);padding-inline-start:var(--gap-sm)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--line-height);color:var(--foreground);background:transparent;margin-block:var(--gap-md)}h1{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}h3{font-size:var(--font-size-xl);font-weight:600}h4{font-size:var(--font-size-lg);font-weight:600}h5,h6{font-size:var(--font-size-base);font-weight:600}p{font-weight:500;line-height:var(--line-height);color:var(--foreground);background:transparent;margin-block:var(--gap-md)}strong{font-weight:var(--font-weight-semibold);font-size:inherit;line-height:inherit;color:inherit;background:transparent}em{font-style:italic;font-size:inherit;line-height:inherit;color:inherit;background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dndev-input{display:flex;width:100%;border-radius:0;border:var(--border-hairline) solid var(--line-2);background-color:transparent;color:var(--foreground);padding-inline-start:var(--gap-md);padding-inline-end:var(--gap-md);padding-top:var(--gap-sm);padding-bottom:var(--gap-sm);font-size:max(16px,var(--font-size-base));box-shadow:var(--shadow-sm);transition:all var(--dur-normal) var(--ease-in-out);height:var(--touch-target);touch-action:manipulation}.dndev-input:is(textarea){resize:vertical;min-height:var(--touch-target);max-height:50dvh;overflow-y:auto;height:auto}.dndev-input::placeholder{color:rgb(from var(--muted-foreground) r g b / .6)}.dndev-input:hover{border-color:var(--ring)}.dndev-input:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 2px var(--ring)}.dndev-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px rgb(from var(--ring) r g b / .2)}.dndev-input:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.dndev-input[data-variant=destructive]{border-color:var(--destructive)}.dndev-input[data-variant=destructive]:focus{border-color:var(--destructive);box-shadow:0 0 0 2px var(--destructive)}.dndev-input[data-variant=destructive]:focus-visible{box-shadow:0 0 0 2px var(--destructive),0 0 0 4px rgb(from var(--destructive) r g b / .2)}.dndev-input[type=file]::file-selector-button{border:0;background-color:transparent;font-size:var(--font-size-sm);font-weight:500}.dndev-control{flex-shrink:0;border:var(--border-width) solid color-mix(in oklab,var(--foreground) 25%,var(--background));background-color:transparent;transition:all var(--dur-fast) var(--ease-in-out);color:var(--primary);cursor:pointer;outline:none}.dndev-control:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px rgb(from var(--ring) r g b / .2)}.dndev-control:disabled{cursor:not-allowed;opacity:var(--opacity-muted);pointer-events:none}.dndev-control[data-variant=primary]{color:var(--primary);border-color:var(--primary)}.dndev-control[data-variant=secondary]{color:var(--secondary);border-color:var(--secondary)}.dndev-control[data-variant=muted]{color:var(--muted-foreground);border-color:var(--border)}.dndev-control[data-variant=accent]{color:var(--accent);border-color:var(--accent)}.dndev-control[data-variant=success]{color:var(--success);border-color:var(--success)}.dndev-control[data-variant=warning]{color:var(--warning);border-color:var(--warning)}.dndev-control[data-variant=destructive]{color:var(--destructive);border-color:var(--destructive)}.dndev-surface{--surface-glow-start: color-mix(in oklab, var(--card) calc(90% - 15% * var(--theme-is-dark)), var(--card-foreground) calc(10% + 15% * var(--theme-is-dark)));--surface-glow-mid: color-mix(in oklab, var(--card) calc(95% - 10% * var(--theme-is-dark)), var(--card-foreground) calc(5% + 10% * var(--theme-is-dark)));--surface-glow-end: var(--card);--surface-ring: color-mix(in oklab, var(--card) calc(92% - 12% * var(--theme-is-dark)), var(--card-foreground) calc(8% + 12% * var(--theme-is-dark)));--surface-glow-gradient: linear-gradient( 135deg, var(--surface-glow-end) 0%, var(--surface-glow-mid) 50%, var(--surface-glow-start) 100% );background:var(--surface-glow-gradient);color:var(--card-foreground);border:var(--border-hairline) solid var(--line-2);border-radius:var(--radius-surface);box-shadow:var(--shadow-md);padding:var(--gap-md);position:relative;overflow:hidden;contain:layout style;transform:translateZ(0);backface-visibility:hidden;transition:transform var(--dur-normal) var(--ease-in-out),box-shadow var(--dur-normal) var(--ease-in-out)}.dark .dndev-surface{--surface-glow-end: color-mix(in oklab, var(--card) 93%, var(--card-foreground) 7%)}.dndev-surface[data-glow=blank]{background:var(--card)}.dndev-surface:dir(rtl){background:linear-gradient(135deg,var(--surface-glow-start) 0%,var(--surface-glow-mid) 50%,var(--surface-glow-end) 100%)}.dndev-surface[data-size=sm]{padding:var(--gap-sm)}.dndev-surface[data-size=md]{padding:var(--gap-md)}.dndev-surface[data-size=lg]{padding:var(--gap-lg)}.dndev-surface[data-hover=lift]:hover{transform:scale(1.02)}.dndev-surface[data-hover=glow]:hover{box-shadow:var(--shadow-xl),0 0 40px #0000004d}.dndev-surface[data-hover=glow]:dir(rtl):hover{box-shadow:var(--shadow-xl-rtl),0 0 40px #0000004d}.dndev-surface[data-role=card]{padding:var(--gap-md);border-radius:var(--radius-md)}.dndev-surface[data-role=floating]{box-shadow:none;will-change:var(--will-change-none)}.dndev-surface[data-role=floating]:hover{transform:none}.dndev-surface[data-variant=muted]{--card: var(--muted);--card-foreground: var(--muted-foreground);border-color:var(--border)}.dndev-surface[data-variant=primary]{--card: var(--primary);--card-foreground: var(--primary-foreground);border-color:var(--primary)}.dndev-surface[data-variant=secondary]{--card: var(--secondary);--card-foreground: var(--secondary-foreground);border-color:var(--secondary)}.dndev-surface[data-variant=accent]{--card: var(--accent);--card-foreground: var(--accent-foreground);border-color:var(--accent);--surface-text: var(--accent-foreground);--surface-bg: var(--accent)}.dndev-surface[data-variant=destructive]{--card: var(--destructive);--card-foreground: var(--destructive-foreground);border-color:var(--destructive)}.dndev-surface[data-variant=success]{--card: var(--success);--card-foreground: var(--success-foreground);border-color:var(--success)}.dndev-surface[data-variant=warning]{--card: var(--warning);--card-foreground: var(--warning-foreground);border-color:var(--warning)}.dndev-surface [data-orientation=horizontal][role=separator]{height:1px;background-color:var(--border);margin-block-start:var(--gap-sm);margin-block-end:var(--gap-sm);margin-inline-start:calc(-1 * var(--gap-sm));margin-inline-end:calc(-1 * var(--gap-sm))}.dndev-floating{--floating-glow-start: color-mix(in oklab, var(--popover) calc(90% - 15% * var(--theme-is-dark)), var(--popover-foreground) calc(10% + 15% * var(--theme-is-dark)));--floating-glow-mid: color-mix(in oklab, var(--popover) calc(95% - 10% * var(--theme-is-dark)), var(--popover-foreground) calc(5% + 10% * var(--theme-is-dark)));--floating-glow-end: var(--popover);--floating-ring: color-mix(in oklab, var(--popover) calc(92% - 12% * var(--theme-is-dark)), var(--popover-foreground) calc(8% + 12% * var(--theme-is-dark)));--floating-glow-gradient: linear-gradient( 135deg, var(--floating-glow-end) 0%, var(--floating-glow-mid) 50%, var(--floating-glow-start) 100% );background:var(--floating-glow-gradient);color:var(--popover-foreground);border:var(--border-hairline) solid var(--line-2);border-radius:var(--radius-floating);box-shadow:var(--shadow-md);padding:var(--gap-md);position:relative;overflow:hidden;contain:layout style;transform:translateZ(0);backface-visibility:hidden;transition:transform var(--dur-normal) var(--ease-in-out),box-shadow var(--dur-normal) var(--ease-in-out)}.dark .dndev-floating{--floating-glow-end: color-mix(in oklab, var(--popover) 93%, var(--popover-foreground) 7%)}.dndev-floating[data-glow=blank]{background:var(--popover)}.dndev-floating:dir(rtl){background:linear-gradient(135deg,var(--floating-glow-start) 0%,var(--floating-glow-mid) 50%,var(--floating-glow-end) 100%)}.dndev-floating[data-size=sm]{padding:var(--gap-sm)}.dndev-floating[data-size=md]{padding:var(--gap-md)}.dndev-floating[data-size=lg]{padding:var(--gap-lg)}.dndev-floating[data-hover=lift]:hover{transform:scale(1.02)}.dndev-floating[data-hover=glow]:hover{box-shadow:var(--shadow-xl),0 0 40px #0000004d}.dndev-floating[data-hover=glow]:dir(rtl):hover{box-shadow:var(--shadow-xl-rtl),0 0 40px #0000004d}.dndev-floating[data-role=card]{padding:var(--gap-md);border-radius:var(--radius-md)}.dndev-floating[data-role=floating]{box-shadow:none;will-change:var(--will-change-none)}.dndev-floating[data-role=floating]:hover{transform:none}.dndev-floating[data-variant=muted]{--popover: var(--muted);--popover-foreground: var(--muted-foreground);border-color:var(--border)}.dndev-floating[data-variant=primary]{--popover: var(--primary);--popover-foreground: var(--primary-foreground);border-color:var(--primary)}.dndev-floating[data-variant=secondary]{--popover: var(--secondary);--popover-foreground: var(--secondary-foreground);border-color:var(--secondary)}.dndev-floating[data-variant=accent]{--popover: var(--accent);--popover-foreground: var(--accent-foreground);border-color:var(--accent);--surface-text: var(--accent-foreground);--surface-bg: var(--accent)}.dndev-floating[data-variant=destructive]{--popover: var(--destructive);--popover-foreground: var(--destructive-foreground);border-color:var(--destructive)}.dndev-floating[data-variant=success]{--popover: var(--success);--popover-foreground: var(--success-foreground);border-color:var(--success)}.dndev-floating[data-variant=warning]{--popover: var(--warning);--popover-foreground: var(--warning-foreground);border-color:var(--warning)}.dndev-floating [data-orientation=horizontal][role=separator]{height:1px;background-color:var(--border);margin-block-start:var(--gap-sm);margin-block-end:var(--gap-sm);margin-inline-start:calc(-1 * var(--gap-sm));margin-inline-end:calc(-1 * var(--gap-sm))}.dndev-interactive{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);min-height:var(--touch-target);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-interactive);font-size:var(--font-size-base);font-weight:500;transition:var(--transition-fast);cursor:pointer;border:none;background:var(--primary);color:var(--primary-foreground)}.dndev-interactive:hover{opacity:var(--opacity-strong)}.dndev-interactive:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dndev-interactive:disabled{pointer-events:none;opacity:var(--opacity-muted)}.dndev-interactive[data-size=sm]{padding:var(--gap-sm) var(--gap-md);font-size:var(--font-size-sm)}.dndev-interactive[data-size=md]{padding:var(--gap-sm) var(--gap-md);font-size:var(--font-size-base)}.dndev-interactive[data-size=lg]{padding:var(--gap-md) var(--gap-lg);font-size:var(--font-size-lg)}.dndev-interactive[data-icon-only=true]{padding:var(--gap-sm);width:var(--touch-target);height:var(--touch-target);flex-shrink:0}.dndev-interactive[data-variant=outline]{border:1px solid var(--border);background:transparent;color:var(--foreground)}.dndev-interactive[data-variant=outline]:hover{background:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-variant=ghost]{background:transparent;color:var(--foreground)}.dndev-interactive[data-variant=ghost]:hover{background:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-variant=destructive]{background:transparent;color:var(--destructive);border:1px solid var(--destructive)}.dndev-interactive[data-variant=destructive]:hover{background:var(--destructive);color:var(--destructive-foreground)}.dndev-interactive[data-variant=link]{background:transparent;color:var(--muted-foreground);padding:0;min-height:auto;font-size:var(--font-size-base);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-fast) ease-out}.dndev-interactive[data-variant=link]:hover{color:var(--primary)}.dndev-interactive[data-variant=muted]{background:var(--muted);color:var(--muted-foreground)}.dndev-interactive[data-variant=muted]:hover{background:color-mix(in oklab,var(--muted) 80%,black 20%)}.dndev-interactive[data-variant=accent]{background:var(--accent);color:var(--accent-foreground)}.dndev-interactive[data-variant=accent]:hover{opacity:var(--opacity-strong)}.dndev-interactive[data-variant=primary]{background:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-variant=primary]:hover{opacity:var(--opacity-strong)}.dndev-interactive[data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.dndev-interactive[data-variant=secondary]:hover{opacity:var(--opacity-strong)}.dndev-interactive[data-variant=success]{background:var(--success);color:var(--success-foreground)}.dndev-interactive[data-variant=success]:hover{opacity:var(--opacity-strong)}.dndev-interactive[data-variant=warning]{background:var(--warning);color:var(--warning-foreground)}.dndev-interactive[data-variant=warning]:hover{opacity:var(--opacity-strong)}:is(.dndev-surface[data-variant=accent] .dndev-interactive,.dndev-floating[data-variant=accent] .dndev-interactive):not([data-variant]){background:var(--surface-text);color:var(--surface-bg)}:is(.dndev-surface[data-variant=accent] .dndev-interactive,.dndev-floating[data-variant=accent] .dndev-interactive)[data-variant=outline],:is(.dndev-surface[data-variant=accent] .dndev-interactive,.dndev-floating[data-variant=accent] .dndev-interactive)[data-variant=ghost]{color:var(--surface-text)}:is(:is(.dndev-surface[data-variant=accent] .dndev-interactive,.dndev-floating[data-variant=accent] .dndev-interactive)[data-variant=outline],:is(.dndev-surface[data-variant=accent] .dndev-interactive,.dndev-floating[data-variant=accent] .dndev-interactive)[data-variant=ghost]):hover{background:var(--surface-text);color:var(--surface-bg)}.dndev-interactive[data-role=menu-item],.dndev-interactive[data-role=command-item],.dndev-interactive[data-role=nav-trigger]{min-height:auto;padding-block:var(--gap-sm);padding-inline:0;gap:var(--gap-md);font-size:var(--font-size-sm);justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;border-radius:var(--radius-none);text-decoration:none;background:transparent;color:inherit}:is(.dndev-interactive[data-role=menu-item],.dndev-interactive[data-role=command-item],.dndev-interactive[data-role=nav-trigger])[data-icon-only=true],:is(.dndev-interactive[data-role=menu-item],.dndev-interactive[data-role=command-item],.dndev-interactive[data-role=nav-trigger])[data-display=compact]{gap:0!important}.dndev-interactive[data-role=menu-item]:hover,.dndev-interactive[data-role=menu-item]:focus-visible,.dndev-interactive[data-role=menu-item][data-highlighted]{background-color:var(--accent);color:var(--accent-foreground);outline:2px solid var(--ring);outline-offset:0}.dndev-interactive[data-role=menu-item][data-disabled]{pointer-events:none;opacity:var(--opacity-muted)}.dndev-interactive[data-role=menu-item][data-inset=true]{padding-inline-start:var(--gap-lg)}.dndev-interactive[data-role=menu-item][data-inset=true] .dndev-menu-indicator{position:absolute;inset-inline-start:var(--gap-md);display:flex;align-items:center;justify-content:center}.dndev-interactive[data-role=command-item]{width:100%}.dndev-interactive[data-role=command-item]:hover:not([data-selected=true]){background-color:var(--accent);color:var(--accent-foreground)}.dndev-interactive[data-role=command-item][data-selected=true]{background-color:var(--accent);color:var(--accent-foreground)}.dndev-interactive[data-role=command-item][data-disabled=true]{pointer-events:none;opacity:var(--opacity-muted)}.dndev-interactive[data-role=command-item]:focus-visible{outline:2px solid var(--ring);outline-offset:0}.dndev-control{--control-bg: color-mix(in oklab, var(--foreground) 20%, var(--background));--control-border: color-mix(in oklab, var(--foreground) 70%, var(--background));background-color:var(--control-bg);border:var(--border-width) solid var(--control-border);transition:all var(--dur-fast) var(--ease-in-out);cursor:pointer}.dndev-control:hover:not(:disabled){background-color:color-mix(in oklab,var(--control-bg) 80%,var(--control-border) 20%)}.dndev-control:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dndev-control:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.dndev-control[data-state=checked],.dndev-control[data-state=on],.dndev-control[data-pressed=true]{background-color:var(--control-border);color:var(--background)}.dndev-control[data-variant=primary]{--control-border: var(--primary)}.dndev-control[data-variant=secondary]{--control-border: var(--secondary)}.dndev-control[data-variant=muted]{--control-border: var(--muted-foreground)}.dndev-control[data-variant=accent]{--control-border: var(--accent)}.dndev-control[data-variant=success]{--control-border: var(--success)}.dndev-control[data-variant=warning]{--control-border: var(--warning)}.dndev-control[data-variant=destructive]{--control-border: var(--destructive)}.dndev-control[data-variant=default]{--control-border: color-mix(in oklab, var(--foreground) 70%, var(--background))}.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]{gap:var(--gap-none)}:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=menu-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=command-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=nav-trigger]{padding-inline-start:var(--gap-sm);padding-inline-end:var(--gap-sm);color:var(--popover-foreground)}:is(:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=menu-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=command-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=nav-trigger])[data-icon-only=true],:is(:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=menu-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=command-item],:is(.dndev-floating,.dndev-command-group,.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=nav-trigger])[data-display=compact]{padding-inline-start:0!important;padding-inline-end:0!important}:is(.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=menu-item],:is(.sidebar-nav-content,.dndev-nav-menu-list[data-vertical=true]) .dndev-interactive[data-role=nav-trigger]{height:var(--touch-target);min-height:var(--touch-target);padding-block:0}.sidebar-section .dndev-interactive{height:var(--touch-target);min-height:var(--touch-target);padding-block:0}.sidebar-section .dndev-interactive[data-display=compact],.sidebar-section .dndev-interactive[data-icon-only=true]{padding-inline:0!important;width:var(--touch-target);justify-content:center}.dndev-menu-content{padding:0}.dndev-menu-label{padding:var(--gap-sm) var(--gap-md);font-size:var(--font-size-sm);font-weight:600}.dndev-menu-label[data-inset=true]{padding-inline-start:var(--gap-lg)}.dndev-menu-separator{margin-inline-start:calc(-1 * var(--gap-md));margin-inline-end:calc(-1 * var(--gap-md));margin-top:var(--gap-sm);margin-bottom:var(--gap-sm);height:1px;background-color:var(--accent);opacity:var(--opacity-strong)}.dndev-menu-shortcut{margin-inline-start:auto;font-size:var(--font-size-xs);letter-spacing:.1em;opacity:var(--opacity-muted)}.dndev-notification{display:grid;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-none);border:var(--border-hairline) solid var(--border);background:color-mix(in oklab,var(--popover-foreground) 95%,transparent);color:var(--popover);position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);--notification-shadow-base: var(--shadow-xl);box-shadow:var(--notification-shadow-base)}.dndev-notification:dir(rtl){--notification-shadow-base: var(--shadow-xl-rtl)}.dndev-notification[data-variant=default]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-hairline) solid var(--border)}.dndev-notification[data-variant=info]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--accent);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--accent) 20%,transparent)}.dndev-notification[data-variant=success]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--success);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--success) 20%,transparent)}.dndev-notification[data-variant=warning]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--warning);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--warning) 20%,transparent)}.dndev-notification[data-variant=error],.dndev-notification[data-variant=destructive]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--destructive);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--destructive) 20%,transparent)}.dndev-notification[data-variant=primary]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--primary);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--primary) 20%,transparent)}.dndev-notification[data-variant=secondary]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--secondary);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--secondary) 20%,transparent)}.dndev-notification[data-variant=accent]{background:color-mix(in oklab,var(--popover-foreground) 95%,transparent)!important;color:var(--popover)!important;border:var(--border-width) solid var(--accent);box-shadow:var(--notification-shadow-base),0 0 0 1px color-mix(in oklab,var(--accent) 20%,transparent)}.dndev-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity var(--dur-normal) var(--ease-in-out);will-change:opacity;z-index:var(--z-overlay)}.dndev-spinner{display:inline-block;width:var(--icon-md);height:var(--icon-md);border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:spin 1s linear infinite}.dndev-modal-content{position:fixed;left:50%;top:50%;z-index:calc(var(--z-modal) + 1);transform:translate(-50%,-50%);display:grid;grid-template-rows:auto 1fr auto;width:100%;gap:var(--gap-md);padding:var(--gap-lg);overflow:hidden}.dndev-modal-content[data-content-size=auto],.dndev-modal-content[data-content-size=form],.dndev-modal-content[data-content-size=text]{max-height:80dvh}.dndev-modal-content[data-content-size=auto]{max-width:var(--dialog-auto)}.dndev-modal-content[data-content-size=form]{max-width:var(--dialog-form)}.dndev-modal-content[data-content-size=text]{max-width:var(--dialog-text)}.dndev-modal-content[data-content-size=image]{max-width:var(--dialog-image);max-height:85dvh}.dndev-modal-content[data-content-size=code]{max-width:var(--dialog-code);max-height:90dvh}.dndev-modal-content[data-content-size=full]{max-width:95vw;max-height:95dvh}.dndev-alert-dialog-content{max-width:var(--content-text)}.dndev-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);flex-shrink:0;min-height:var(--touch-target)}.dndev-modal-footer{display:flex;flex-direction:column-reverse;gap:var(--gap-sm);flex-shrink:0}@media(min-width:640px){.dndev-modal-footer{flex-direction:row;justify-content:flex-end}}.dndev-modal-body{overflow-y:auto;overflow-x:hidden;min-height:0}.dndev-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground)}.dndev-modal-description{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--muted-foreground)}.dndev-modal-close{position:absolute;inset-inline-end:var(--gap-md);top:var(--gap-md);opacity:var(--opacity-muted)}.dndev-modal-close:hover{opacity:1}.dndev-modal-cancel{margin-top:var(--gap-sm)}@media(min-width:640px){.dndev-modal-cancel{margin-top:0}}.dndev-menu-content{display:flex;flex-direction:column;padding:0;border-radius:0;min-width:15ch;gap:var(--gap-none)}.dndev-menu-item-details{display:flex;flex-direction:column}.dndev-accordion{width:100%;min-width:0}.dndev-accordion-item{border-bottom:1px solid var(--border);min-width:0;width:100%}.dndev-accordion-header{display:flex;width:100%;min-width:0}.dndev-interactive[data-role=accordion-trigger]{flex:1;min-width:0;min-height:auto;padding:var(--gap-md) 0;justify-content:space-between;background:transparent;color:inherit;font-size:var(--font-size-base)}.dndev-interactive[data-role=accordion-trigger]:hover{background:transparent;text-decoration:underline}.dndev-interactive[data-role=accordion-trigger][data-state=open] svg{transform:rotate(180deg)}.dndev-accordion-trigger-icon{flex-shrink:0;width:var(--icon-md);height:var(--icon-md);transition:transform var(--dur-fast) var(--ease-in-out)}.dndev-accordion-content{overflow:hidden;font-size:var(--font-size-base);transition:all var(--dur-fast) var(--ease-in-out);width:100%;min-width:0}.dndev-accordion-content[data-state=closed]{display:none}.dndev-accordion-content-inner{padding-bottom:var(--gap-md);padding-top:0;width:100%;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.dndev-surface[role=alert]{display:flex}.dndev-alert-title{font-weight:500;line-height:1;letter-spacing:-.025em}.dndev-alert-description{font-size:var(--font-size-sm)}.dndev-avatar{position:relative;display:flex;width:var(--icon-touch);height:var(--icon-touch);flex-shrink:0;overflow:hidden;border-radius:var(--radius-full);border:1px solid var(--border)}.dndev-avatar-image{aspect-ratio:1;width:100%;height:100%}.dndev-avatar-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--muted)}.dndev-badge-base{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;border-radius:var(--radius-full);padding-inline-start:var(--gap-sm);padding-inline-end:var(--gap-sm);padding-top:.125rem;padding-bottom:.125rem;font-size:var(--font-size-sm);font-weight:600;box-shadow:none}.dndev-badge-base:focus{outline:none;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--ring);--tw-ring-offset-width: 2px}.dndev-badge-base[data-variant=outline]{background:transparent;color:var(--primary);border-color:var(--primary)}.dndev-blockquote{position:relative;margin-block:calc(var(--gap-lg) * 1.25);margin-inline:0;box-sizing:border-box}.dndev-blockquote *,.dndev-blockquote *:before,.dndev-blockquote *:after{box-sizing:border-box}.dndev-blockquote blockquote{margin:0;padding:0}.dndev-blockquote-content{font-size:1.125em;line-height:1.7;font-weight:400;color:inherit;margin:0}.dndev-blockquote-caption{display:block;font-style:normal;font-size:var(--font-size-sm);color:var(--muted-foreground);margin-block-start:var(--gap-md)}.dndev-blockquote-author{font-weight:600;font-style:normal;color:inherit}.dndev-blockquote-source{font-weight:400}.dndev-blockquote[data-variant=default] blockquote{padding:var(--gap-md) var(--gap-md) var(--gap-md) var(--gap-lg);background:var(--muted);border-inline-start:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.dndev-blockquote[data-variant=default] .dndev-blockquote-content{font-style:normal}.dndev-blockquote[data-variant=editorial] blockquote{padding-inline-start:var(--gap-lg);border-inline-start:3px solid var(--foreground)}.dndev-blockquote[data-variant=editorial] .dndev-blockquote-content{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.25em;color:inherit;opacity:.95}.dndev-blockquote[data-variant=editorial] .dndev-blockquote-caption{padding-inline-start:var(--gap-lg)}.dndev-blockquote[data-variant=testimonial]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(var(--gap-lg) + var(--gap-md));box-shadow:0 1px 3px hsl(var(--foreground-hsl) / .1),0 1px 2px -1px hsl(var(--foreground-hsl) / .1)}.dndev-blockquote[data-variant=testimonial] blockquote{position:relative;padding-block-start:var(--gap-md)}.dndev-blockquote[data-variant=testimonial] blockquote:before{content:'"';position:absolute;inset-block-start:-.25em;inset-inline-start:-.125em;font-size:4rem;line-height:1;color:var(--primary);opacity:.15;font-family:Georgia,serif;font-weight:700;pointer-events:none}.dndev-blockquote[data-variant=testimonial] .dndev-blockquote-content{font-style:normal;position:relative;z-index:1}@media(max-width:640px){.dndev-blockquote{margin-block:var(--gap-lg)}.dndev-blockquote-content{font-size:1.0625em}.dndev-blockquote[data-variant=editorial] .dndev-blockquote-content{font-size:1.125em}.dndev-blockquote[data-variant=testimonial]{padding:var(--gap-lg)}}.dndev-calendar{position:relative;width:fit-content;color:var(--popover-foreground);background:var(--popover);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-interactive);box-shadow:var(--shadow-md)}.dndev-calendar-months{display:flex;flex-direction:column;gap:0}.dndev-calendar-month{position:relative}.dndev-calendar-nav{position:absolute;top:0;left:0;right:0;height:var(--touch-target);pointer-events:none;z-index:1}.dndev-calendar-nav-button{position:absolute;top:0;width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;pointer-events:auto;border-radius:0;border:none;border-bottom:var(--border-hairline) solid var(--border);background:transparent;color:var(--foreground)}.dndev-calendar-nav-button:hover{background:var(--primary);color:var(--primary-foreground)}.dndev-calendar-nav-previous{left:0;border-start-start-radius:0;border-end-start-radius:0}.dndev-calendar-nav-next{right:0;border-start-end-radius:0;border-end-end-radius:0}.dndev-calendar-caption{position:relative;display:flex;flex-direction:row;align-items:center;height:var(--touch-target);width:100%;padding-inline:var(--touch-target);padding-block:0;gap:0;box-sizing:border-box;border:none;border-bottom:var(--border-hairline) solid var(--border)}.dndev-calendar-caption-label{display:flex;align-items:center;justify-content:center}.dndev-calendar-dropdowns{display:flex;flex-direction:row;width:calc(100% - calc(var(--touch-target) * 2));height:100%;gap:0;margin-inline:var(--touch-target)}.dndev-calendar-dropdown-month,.dndev-calendar-dropdown-year{flex:1;height:100%;padding:0;box-sizing:border-box}.dndev-calendar-dropdown-trigger{width:100%;height:100%;border-radius:0;border-top:none!important}.dndev-calendar-dropdown-selected,.dndev-calendar-dropdown-grid [data-selected=true]{color:var(--primary);font-weight:var(--font-weight-semibold);background-color:transparent}.dndev-calendar-table{width:auto;border-collapse:collapse;table-layout:fixed}.dndev-calendar-weekday{width:var(--touch-target);height:var(--touch-target);text-align:center;font-size:var(--font-size-sm);color:var(--muted-foreground)}.dndev-calendar-day{width:var(--touch-target);height:var(--touch-target);padding:0;text-align:center;border:none;box-sizing:border-box;vertical-align:middle}.dndev-calendar-day-button{width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--popover-foreground);font-size:var(--font-size-sm);border-radius:var(--radius-interactive);border:var(--border-width) solid transparent;box-sizing:border-box}.dndev-calendar-day-button:hover:not([disabled]){background:var(--accent);color:var(--accent-foreground);border:var(--border-width) solid transparent}.dndev-calendar-day-selected .dndev-calendar-day-button{background:var(--primary);color:var(--primary-foreground);border:var(--border-width) solid transparent;font-weight:var(--font-weight-semibold)}.dndev-calendar-day-today .dndev-calendar-day-button{border-color:var(--secondary)}.dndev-calendar-day-selected .dndev-calendar-day-button:hover:not([disabled]){background:var(--accent);color:var(--accent-foreground);border-color:var(--primary)}.dndev-calendar-day-today .dndev-calendar-day-button:hover:not([disabled]){background:var(--accent);color:var(--accent-foreground);border-color:var(--secondary)}.dndev-calendar-day-today.dndev-calendar-day-selected .dndev-calendar-day-button{background:var(--primary);color:var(--primary-foreground);border-color:var(--secondary)}.dndev-calendar-day-today.dndev-calendar-day-selected .dndev-calendar-day-button:hover:not([disabled]){background:var(--accent);color:var(--accent-foreground);border-color:var(--secondary)}.dndev-calendar-day-outside .dndev-calendar-day-button{color:var(--muted-foreground);font-style:italic}.dndev-calendar-day-outside .dndev-calendar-day-button:hover:not([disabled]){color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-selected .dndev-calendar-day-button{color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-selected .dndev-calendar-day-button:hover:not([disabled]){color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-today .dndev-calendar-day-button{color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-today .dndev-calendar-day-button:hover:not([disabled]){color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-today.dndev-calendar-day-selected .dndev-calendar-day-button{color:var(--muted-foreground)}.dndev-calendar-day-outside.dndev-calendar-day-today.dndev-calendar-day-selected .dndev-calendar-day-button:hover:not([disabled]){color:var(--muted-foreground)}.dndev-calendar-day-hidden{visibility:hidden}.dndev-cta{background:linear-gradient(to right,var(--secondary),var(--background));color:var(--foreground);padding-block:var(--gap-lg)}.dndev-cta-content{display:flex;flex-direction:column;gap:var(--gap-md);align-items:center;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--gap-md)}@media(min-width:1024px){.dndev-cta-content{padding-inline:var(--gap-lg)}}.dndev-cta-actions{display:flex;flex-direction:column;gap:var(--gap-md);justify-content:center}.dndev-cta-actions .dndev-interactive[data-variant=primary]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.dndev-cta-actions .dndev-interactive[data-variant=primary]:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.dndev-cta-actions .dndev-interactive[data-variant=outline]{background:transparent;color:var(--foreground);border-color:var(--foreground)}.dndev-cta-actions .dndev-interactive[data-variant=outline]:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground)}@media(min-width:768px){.dndev-cta-actions{flex-direction:row}}.dndev-card{display:grid;gap:var(--gap-md)}.dndev-card-title{font-size:var(--font-size-xl);font-weight:600;color:inherit;margin:0}.dndev-card-subtitle{font-size:var(--font-size-base);font-weight:600;color:inherit}.dndev-code{display:flex;flex-direction:column;background:var(--muted);color:var(--muted-foreground);overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-sm);min-height:0}.dndev-code[data-compact=true]{background:transparent;border:none;box-shadow:none;padding:0}.dndev-code[data-glow=blank]:before{display:none}.dndev-code-header{display:flex;align-items:center;padding:var(--gap-sm);border-bottom:var(--border-hairline) solid var(--line-2);font-size:var(--font-size-xs);color:var(--muted-foreground)}.dndev-code-traffic-lights{display:flex;gap:var(--gap-sm)}.dndev-code-traffic-light{width:.75rem;height:.75rem;border-radius:50%}.dndev-code-traffic-light[data-color=red]{background-color:#ef4444}.dndev-code-traffic-light[data-color=yellow]{background-color:#eab308}.dndev-code-traffic-light[data-color=green]{background-color:#22c55e}.dndev-code-language{text-transform:uppercase;font-weight:600;color:var(--foreground)}.dndev-code-line-count{opacity:var(--opacity-muted)}.dndev-code-content{flex:1;min-height:0}.dndev-code-pre{margin:0;padding:var(--gap-md);text-align:start;white-space:pre;overflow:visible}.dndev-code-pre[data-compact=true]{padding:var(--gap-sm)}.dndev-code-pre[data-wrap=true]{white-space:pre-wrap}.dndev-code-line-numbers{-webkit-user-select:none;user-select:none;padding-inline-end:var(--gap-md);text-align:end;font-size:var(--font-size-xs);opacity:var(--opacity-muted);width:3rem;flex-shrink:0;color:var(--muted-foreground)}.dndev-code-line-number{line-height:1.5}.dndev-code-code{flex:1;min-width:0;text-align:start;display:block}.dndev-command{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.dndev-command-input-wrapper{display:flex;align-items:center;gap:var(--gap-sm);border-bottom:1px solid var(--border);padding:var(--gap-md);flex-shrink:0;position:relative;width:100%}.dndev-command-input-wrapper>.dndev-relative{flex:1;min-width:0;width:100%}.dndev-command-input-wrapper .dndev-command-input{flex:1;min-width:0}.dndev-command-input{border:none;border-radius:0;padding-inline-start:0;padding-inline-end:0;box-shadow:none;width:100%}.dndev-command-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:var(--z-tooltip)}.dndev-command-empty{text-align:center;font-size:var(--font-size-sm);padding-top:var(--gap-lg);padding-bottom:var(--gap-lg)}.dndev-command-group{display:flex;flex-direction:column;overflow:visible;color:var(--foreground);padding:var(--gap-sm);gap:var(--gap-none)}.dndev-command-shortcut{margin-inline-start:auto;font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--muted-foreground)}.dndev-command-item-description{font-size:var(--font-size-xs);color:var(--muted-foreground);margin-top:.125rem;line-height:1.2}.dndev-interactive[data-role=command-item]{gap:var(--gap-sm)}@media(min-width:1024px){.dndev-interactive[data-role=command-item]{gap:var(--gap-md)}.dndev-command-item-label{flex:1}.dndev-command-item-path{font-size:var(--font-size-sm);color:var(--muted-foreground);flex-shrink:0}.dndev-command-favorite-button{flex-shrink:0}}@media(max-width:1023px){.dndev-interactive[data-role=command-item]{flex-wrap:wrap}.dndev-command-item-label{flex:1;order:1}.dndev-command-item-path{flex-basis:100%;order:3;font-size:var(--font-size-xs);color:var(--muted-foreground);padding-left:calc(var(--icon-md) + var(--gap-sm))}.dndev-command-favorite-button{order:2;flex-shrink:0}}.dndev-command-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);border-top:1px solid var(--border);font-size:var(--font-size-xs);color:var(--muted-foreground);flex-shrink:0;margin:0}.dndev-command-footer-shortcuts{display:flex;gap:var(--gap-md);align-items:center;justify-content:space-between;flex:1}.dndev-command-footer-shortcut{display:flex;align-items:center;gap:var(--gap-sm)}.dndev-command-footer-key{padding:.125rem .375rem;border-radius:calc(var(--radius-md) * .5);background:var(--muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:.6875rem}.dndev-command-favorite-button{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;cursor:pointer;opacity:var(--opacity-muted);transition:opacity var(--dur-normal) var(--ease-in-out);flex-shrink:0}.dndev-command-favorite-button:hover{opacity:1}.dndev-command-favorite-button[data-favorited=true] svg{fill:currentColor;opacity:1}.dndev-command-item[data-selected=true] .dndev-command-favorite-button,.dndev-interactive[data-role=command-item][data-selected=true] .dndev-command-favorite-button{opacity:1}.dndev-command-dialog-content{position:fixed;left:50%;top:50%;z-index:calc(var(--z-modal) + 1);transform:translate(-50%,-50%)!important;display:flex;flex-direction:column;width:90vw;max-width:640px;height:70vh;max-height:640px;padding:0!important;gap:0;overflow:hidden;border-radius:0;background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow-xl)}.dndev-command-dialog-content>.dndev-command{flex:1;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column}.dndev-command-dialog-content>.dndev-command-footer{flex-shrink:0}.dndev-command-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:var(--gap-md);border-bottom:1px solid var(--border);flex-shrink:0}.dndev-command-dialog-title{font-size:var(--font-size-base);font-weight:600;color:var(--foreground);margin:0;flex:1}.dndev-command-dialog-close{flex-shrink:0;opacity:var(--opacity-muted)}.dndev-command-dialog-close:hover{opacity:1}.dndev-command-close-inline{flex-shrink:0;opacity:var(--opacity-muted)}.dndev-command-close-inline:hover{opacity:1}.dndev-context-menu-sub-content{min-width:15ch;padding:var(--gap-sm)}.dndev-context-menu-radio-indicator{width:var(--gap-sm);height:var(--gap-sm)}.dndev-copy-button-transition{transition:transform var(--dur-fast) ease-out}.dndev-copy-button-scaled{transform:scale(.95)}.dndev-description-list{display:flex;flex-direction:column;gap:var(--gap-md)}.dndev-description-list[data-orientation=horizontal]{gap:var(--gap-lg)}.dndev-description-item{display:flex;flex-direction:column;gap:var(--gap-sm)}.dndev-description-list[data-orientation=horizontal] .dndev-description-item{flex-direction:row;align-items:baseline;justify-content:space-between}.dndev-description-term{font-size:var(--font-size-base);font-weight:600;color:var(--muted-foreground)}.dndev-description-details{font-size:var(--font-size-base);color:inherit;margin:0}.dndev-description-list[data-orientation=horizontal] .dndev-description-term{flex-shrink:0;min-width:120px}.dndev-description-list[data-orientation=horizontal] .dndev-description-details{flex:1;text-align:end}.dndev-feature-fallback-card{max-width:var(--content-text);border:none}.dndev-feature-fallback-title,.dndev-feature-fallback-text{color:var(--muted-foreground)}.dndev-file-button-label{cursor:pointer}.dndev-hero-badge{display:inline-block;font-size:var(--font-size-sm)}.dndev-hero-section{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--gap-md);padding-block:var(--gap-lg)}@media(min-width:1024px){.dndev-hero-section{padding-inline:var(--gap-lg)}}.dndev-hero-subtitle{font-size:var(--font-size-xl)}.dndev-hovercard-content{width:max-content;max-width:min(90vw,24rem);outline:none}.dndev-infinite-scroll-grid{display:grid;gap:var(--gap-md)}.dndev-infinite-scroll-grid[data-cols="1"],.dndev-infinite-scroll-grid[data-cols="2"],.dndev-infinite-scroll-grid[data-cols="3"],.dndev-infinite-scroll-grid[data-cols="4"],.dndev-infinite-scroll-grid[data-cols="5"],.dndev-infinite-scroll-grid[data-cols="6"]{grid-template-columns:1fr}@media(min-width:768px){.dndev-infinite-scroll-grid[data-cols="2"],.dndev-infinite-scroll-grid[data-cols="3"],.dndev-infinite-scroll-grid[data-cols="4"],.dndev-infinite-scroll-grid[data-cols="5"],.dndev-infinite-scroll-grid[data-cols="6"]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dndev-infinite-scroll-grid[data-cols="3"],.dndev-infinite-scroll-grid[data-cols="4"],.dndev-infinite-scroll-grid[data-cols="5"],.dndev-infinite-scroll-grid[data-cols="6"]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.dndev-infinite-scroll-grid[data-cols="4"],.dndev-infinite-scroll-grid[data-cols="5"],.dndev-infinite-scroll-grid[data-cols="6"]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1536px){.dndev-infinite-scroll-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.dndev-infinite-scroll-grid[data-cols="6"]{grid-template-columns:repeat(6,1fr)}}.dndev-infinite-scroll-loading-container,.dndev-infinite-scroll-end-title,.dndev-infinite-scroll-end-text,.dndev-infinite-scroll-more-text{color:var(--muted-foreground)}.dndev-infinite-scroll-end-container{padding-block:var(--gap-lg)}.dndev-json-viewer{position:relative}.dndev-json-viewer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-sm);margin-bottom:var(--gap-sm)}.dndev-json-viewer-container{background-color:var(--muted);border-radius:var(--radius);padding:1rem;overflow:auto;max-height:600px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.dndev-json-node{display:flex;align-items:flex-start;gap:.25rem}.dndev-json-key{color:var(--foreground);font-weight:600}.dndev-json-value{font-family:var(--font-mono);font-size:var(--font-size-sm)}.dndev-json-value-string{color:#16a34a}.dark .dndev-json-value-string{color:#4ade80}.dndev-json-value-number{color:#2563eb}.dark .dndev-json-value-number{color:#60a5fa}.dndev-json-value-boolean{color:#9333ea}.dark .dndev-json-value-boolean{color:#c4b5fd}.dndev-json-value-null{color:var(--muted-foreground)}.dndev-json-toggle{display:flex;align-items:flex-start;gap:.25rem;cursor:pointer;border-radius:var(--radius-sm);padding-inline-start:.25rem;padding-inline-end:.25rem;margin-inline-start:-.25rem;margin-inline-end:-.25rem}.dndev-json-toggle:hover{background-color:rgb(from var(--muted) r g b / .5)}.dndev-json-bracket{color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-sm)}.dndev-json-icon{width:.75rem;height:.75rem;margin-top:.125rem;color:var(--muted-foreground)}.dndev-json-count{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-sm)}.dndev-json-children{margin-inline-start:1rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem;border-inline-start:1px solid var(--border);padding-inline-start:.75rem}.dndev-label-base{cursor:pointer;font-size:var(--font-size-sm);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease-in-out);transition-duration:var(--dur-fast);display:inline-flex;align-items:center;gap:var(--gap-sm)}.dndev-label-base:has(+*:disabled){cursor:not-allowed;opacity:var(--opacity-muted)}.dndev-label-base:hover{color:var(--primary)}.dndev-label-base:focus{color:var(--primary)}.dndev-label-icon{width:var(--icon-md);height:var(--icon-md)}.dndev-label-icon[data-position=leading]{margin-inline-end:var(--gap-sm)}.dndev-label-icon[data-position=trailing]{margin-inline-start:var(--gap-sm)}.dndev-list{display:flex;flex-direction:column;gap:var(--gap-sm);padding-inline-start:var(--gap-lg);list-style-position:outside}.dndev-list[data-ordered=true]{list-style-type:decimal}.dndev-list:not([data-ordered=true]){list-style-type:disc}.dndev-list-item{display:flex;align-items:flex-start;gap:var(--gap-sm);line-height:1.5}.dndev-list-item-icon{display:flex;align-items:center;flex-shrink:0;margin-top:.125rem}.dndev-list-item-content{flex:1}.dndev-list-item:has(.dndev-list-item-icon){list-style:none;margin-inline-start:calc(-1 * var(--gap-lg))}.dndev-password-input-with-toggle{padding-inline-end:var(--gap-lg)}.dndev-password-toggle-button{position:absolute;inset-inline-end:0;top:0;height:100%;padding-inline-start:var(--gap-md);padding-inline-end:var(--gap-md)}.dndev-password-toggle-icon{color:var(--muted-foreground)}.dndev-pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);flex-wrap:wrap}.dndev-pagination-list{display:flex;align-items:center;gap:var(--gap-sm);list-style:none;padding:0;margin:0}.dndev-pagination-item{display:flex;align-items:center;justify-content:center}.dndev-pagination-button{min-width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);border-radius:var(--radius-interactive);font-weight:500;transition:var(--transition-fast);cursor:pointer;border:var(--border-hairline) solid var(--line-2);background:transparent;color:var(--foreground);padding:var(--gap-sm) var(--gap-md)}.dndev-pagination-button:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.dndev-pagination-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dndev-pagination-button:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.dndev-pagination-button[aria-current=page]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.dndev-pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);color:var(--muted-foreground)}.dndev-progress{position:relative;height:var(--gap-md);width:100%;overflow:hidden;border-radius:var(--radius-full);background-color:var(--secondary)}.dndev-progress [data-radix-progress-indicator]{height:100%;width:100%;flex:1;transition:transform var(--dur-normal) var(--ease-in-out)}.dndev-radio-group{display:grid;gap:var(--gap-sm)}.dndev-control[data-type=radio]{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-full);border-width:var(--border-hairline);background-color:transparent}.dndev-control[data-type=radio][data-state=checked],.dndev-control[data-type=radio][data-variant=primary][data-state=checked]{background-color:var(--primary)}.dndev-control[data-type=radio][data-variant=secondary][data-state=checked]{background-color:var(--secondary)}.dndev-control[data-type=radio][data-variant=muted][data-state=checked]{background-color:var(--muted)}.dndev-control[data-type=radio][data-variant=accent][data-state=checked]{background-color:var(--accent)}.dndev-control[data-type=radio][data-variant=success][data-state=checked]{background-color:var(--success)}.dndev-control[data-type=radio][data-variant=warning][data-state=checked]{background-color:var(--warning)}.dndev-control[data-type=radio][data-variant=destructive][data-state=checked]{background-color:var(--destructive)}.dndev-control[data-type=radio] [data-radix-radio-group-indicator]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dndev-control[data-type=radio] [data-radix-radio-group-indicator]:before{content:"";display:block;width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:var(--primary-foreground)}.dndev-control[data-type=radio][data-variant=primary] [data-radix-radio-group-indicator]:before{background-color:var(--primary-foreground)}.dndev-control[data-type=radio][data-variant=secondary] [data-radix-radio-group-indicator]:before{background-color:var(--secondary-foreground)}.dndev-control[data-type=radio][data-variant=muted] [data-radix-radio-group-indicator]:before{background-color:var(--muted-foreground)}.dndev-control[data-type=radio][data-variant=accent] [data-radix-radio-group-indicator]:before{background-color:var(--accent-foreground)}.dndev-control[data-type=radio][data-variant=success] [data-radix-radio-group-indicator]:before{background-color:var(--success-foreground)}.dndev-control[data-type=radio][data-variant=warning] [data-radix-radio-group-indicator]:before{background-color:var(--warning-foreground)}.dndev-control[data-type=radio][data-variant=destructive] [data-radix-radio-group-indicator]:before{background-color:var(--destructive-foreground)}.dndev-radio-group label{font-size:var(--font-size-base);color:var(--foreground);transition:color var(--dur-fast) var(--ease-in-out)}.dndev-radio-group label:has([data-state=checked]){color:var(--primary);font-weight:var(--font-weight-medium)}.dndev-radio-group[data-variant=primary] label:has([data-state=checked]){color:var(--primary)}.dndev-radio-group[data-variant=secondary] label:has([data-state=checked]){color:var(--secondary)}.dndev-radio-group[data-variant=muted] label:has([data-state=checked]){color:var(--muted-foreground)}.dndev-radio-group[data-variant=accent] label:has([data-state=checked]){color:var(--accent)}.dndev-radio-group[data-variant=success] label:has([data-state=checked]){color:var(--success)}.dndev-radio-group[data-variant=warning] label:has([data-state=checked]){color:var(--warning)}.dndev-radio-group[data-variant=destructive] label:has([data-state=checked]){color:var(--destructive)}.dndev-select-trigger{justify-content:space-between;align-items:center}.dndev-select-loading-container{display:flex;align-items:center;gap:var(--gap-sm)}.dndev-select-loading-spinner{border-radius:var(--radius-full);border:2px solid currentColor;border-top-color:transparent}.dndev-select-trigger [data-radix-select-icon]{opacity:var(--opacity-muted);width:var(--icon-md);height:var(--icon-md)}.dndev-select-trigger [data-radix-select-value]{font-size:var(--font-size-sm)}.dndev-select-content{width:var(--radix-select-trigger-width);min-width:var(--radix-select-trigger-width)}[data-radix-select-viewport]{display:flex;flex-direction:column;padding:0;overflow-y:auto}.dndev-interactive[data-radix-select-item]{width:100%;justify-content:flex-start;text-align:start}.dndev-interactive[data-radix-select-item] [data-radix-select-item-text]{display:flex;flex-direction:column;align-items:flex-start;text-align:start;flex:1}.dndev-select-item-description{font-size:var(--font-size-xs);color:var(--muted-foreground)}.dndev-interactive[data-radix-select-item] [data-radix-select-item-indicator]{display:flex;align-items:center;justify-content:center;color:currentColor}.dndev-interactive[data-radix-select-item] [data-radix-select-item-indicator] svg{width:1rem;height:1rem}.dndev-scroll-area{position:relative;overflow:hidden}.dndev-scroll-area-viewport{height:100%;width:100%;border-radius:inherit}.dndev-scroll-bar{display:flex;touch-action:none;-webkit-user-select:none;user-select:none;transition:colors var(--dur-fast) var(--ease-in-out)}.dndev-scroll-bar[data-orientation=vertical]{height:100%;width:.625rem;border-inline-start:var(--border-hairline) solid transparent;padding:var(--border-hairline)}.dndev-scroll-bar[data-orientation=horizontal]{height:.625rem;border-top:var(--border-hairline) solid transparent;padding:var(--border-hairline)}.dndev-scroll-bar-thumb{position:relative;border-radius:var(--radius-full);background-color:var(--border)}.dndev-scroll-bar-thumb[data-orientation=vertical]{flex:1}.dndev-scroll-area-end .dndev-scroll-bar[data-orientation=vertical]{inset-inline-end:0;inset-inline-start:auto}.dndev-section-content{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--gap-md);padding-top:var(--gap-lg);padding-bottom:var(--gap-lg)}@media(min-width:1024px){.dndev-section-content{padding-inline:var(--gap-lg)}}.dndev-section-grid{display:grid;gap:var(--gap-md)}.dndev-sheet-content{position:fixed;display:flex;flex-direction:column;z-index:var(--z-modal);border-radius:var(--radius-floating)}.dndev-sheet-content[data-side=right],.dndev-sheet-content[data-side=left]{top:0;bottom:0;width:80%;max-width:56rem}.dndev-sheet-content[data-side=right]{right:0}.dndev-sheet-content[data-side=left]{left:0}.dndev-sheet-content[data-side=top],.dndev-sheet-content[data-side=bottom]{left:0;right:0;height:80%;max-height:56rem}.dndev-sheet-content[data-side=top]{top:0}.dndev-sheet-content[data-side=bottom]{bottom:0}.dndev-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);flex-shrink:0;min-height:var(--touch-target);margin-bottom:var(--gap-md)}.dndev-sheet-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground)}.dndev-sheet-close{position:absolute;top:var(--gap-md);inset-inline-end:var(--gap-md);opacity:var(--opacity-muted)}.dndev-sheet-close:hover{opacity:1}.dndev-sheet-footer{flex-shrink:0;margin-top:var(--gap-md)}.dndev-skeleton{background-color:var(--muted)}.dndev-skeleton-pulse{animation:dndev-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes dndev-pulse{0%,to{opacity:1}50%{opacity:var(--opacity-muted)}}.dndev-skeleton-wave{background:linear-gradient(90deg,var(--muted) 0%,var(--muted-foreground) 50%,var(--muted) 100%);background-size:200% 100%;animation:dndev-wave 1.5s ease-in-out infinite}@keyframes dndev-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.dndev-skeleton-shimmer{background:linear-gradient(90deg,var(--muted) 0%,color-mix(in oklab,var(--muted) 80%,var(--foreground) 20%) 50%,var(--muted) 100%);background-size:200% 100%;animation:dndev-shimmer 2s ease-in-out infinite}@keyframes dndev-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dndev-slider{position:relative;display:flex;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;isolation:isolate}.dndev-slider-track{position:relative;width:100%;flex-grow:1;overflow:hidden;border-radius:var(--radius-full);background-color:var(--muted);height:.375rem}.dndev-slider-range{position:absolute;height:100%;border-radius:var(--radius-full);transition:all var(--dur-normal) var(--ease-in-out);background-color:var(--primary)}.dndev-slider[data-variant=default] .dndev-slider-range,.dndev-slider[data-variant=primary] .dndev-slider-range{background-color:var(--primary)}.dndev-slider[data-variant=secondary] .dndev-slider-range{background-color:var(--secondary)}.dndev-slider[data-variant=muted] .dndev-slider-range{background-color:var(--muted-foreground)}.dndev-slider[data-variant=accent] .dndev-slider-range{background-color:var(--accent)}.dndev-slider[data-variant=success] .dndev-slider-range{background-color:var(--success)}.dndev-slider[data-variant=warning] .dndev-slider-range{background-color:var(--warning)}.dndev-slider[data-variant=destructive] .dndev-slider-range{background-color:var(--destructive)}.dndev-slider-thumb{display:block;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border-radius:var(--radius-full);background-color:var(--background);border:2px solid var(--primary);box-shadow:var(--shadow-md);transition:all var(--dur-fast) var(--ease-in-out);cursor:grab;touch-action:none}.dndev-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.dndev-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.dndev-slider[data-variant=default] .dndev-slider-thumb,.dndev-slider[data-variant=primary] .dndev-slider-thumb{border-color:var(--primary)}.dndev-slider[data-variant=secondary] .dndev-slider-thumb{border-color:var(--secondary)}.dndev-slider[data-variant=muted] .dndev-slider-thumb{border-color:var(--muted-foreground)}.dndev-slider[data-variant=accent] .dndev-slider-thumb{border-color:var(--accent)}.dndev-slider[data-variant=success] .dndev-slider-thumb{border-color:var(--success)}.dndev-slider[data-variant=warning] .dndev-slider-thumb{border-color:var(--warning)}.dndev-slider[data-variant=destructive] .dndev-slider-thumb{border-color:var(--destructive)}.dndev-slider-thumb:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px rgb(from var(--ring) r g b / .2),var(--shadow-md)}.dndev-slider-container{width:100%}.dndev-slider-value{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--foreground);background-color:var(--background);padding:.125rem .375rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none}.dndev-spinner{width:1em;height:1em;border:2px solid transparent;border-top-color:var(--primary);border-right-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.dndev-spinner[data-variant=default]{border-top-color:var(--foreground);border-right-color:var(--foreground)}.dndev-spinner[data-variant=muted]{border-top-color:var(--muted-foreground);border-right-color:var(--muted-foreground)}.dndev-spinner[data-variant=primary]{border-top-color:var(--primary);border-right-color:var(--primary)}.dndev-spinner[data-variant=secondary]{border-top-color:var(--secondary);border-right-color:var(--secondary)}.dndev-spinner[data-variant=accent]{border-top-color:var(--accent);border-right-color:var(--accent)}.dndev-spinner[data-variant=success]{border-top-color:var(--success);border-right-color:var(--success)}.dndev-spinner[data-variant=warning]{border-top-color:var(--warning);border-right-color:var(--warning)}.dndev-spinner[data-variant=destructive]{border-top-color:var(--destructive);border-right-color:var(--destructive)}.dndev-spinner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(from var(--background) r g b / .8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay, 9999);transition:opacity var(--dur-normal, .2s) var(--ease-in-out, ease-in-out)}.dndev-spinner-overlay .dndev-spinner{width:var(--icon-touch, 48px);height:var(--icon-touch, 48px);border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.dndev-stepper-container:focus,.dndev-stepper-container:focus-visible{outline:none}.dndev-stepper-nav{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);flex-wrap:wrap}.dndev-stepper-nav-item{display:flex;align-items:center;gap:var(--gap-sm)}.dndev-interactive[data-role=stepper-button]{width:var(--touch-target);height:var(--touch-target);padding:0;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-lg);border-width:2px;border-style:solid}.dndev-interactive[data-role=stepper-button][data-state=active]{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:scale(1.1)}.dndev-interactive[data-role=stepper-button][data-state=completed]{background-color:rgb(from var(--primary) r g b / .2);color:var(--primary);border-color:rgb(from var(--primary) r g b / .5)}.dndev-interactive[data-role=stepper-button][data-state=completed]:hover{background-color:rgb(from var(--primary) r g b / .3)}.dndev-interactive[data-role=stepper-button][data-state=pending]{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--border)}.dndev-interactive[data-role=stepper-button][data-state=pending]:hover{background-color:rgb(from var(--muted) r g b / .8)}.dndev-stepper-connector{width:2rem;height:1px;transition-property:background-color;transition-timing-function:var(--ease-in-out);transition-duration:var(--dur-fast)}.dndev-stepper-connector[data-completed=true]{background-color:var(--primary)}.dndev-stepper-connector[data-completed=false]{background-color:var(--border)}.dndev-stepper-actions{display:flex;align-items:center;justify-content:space-between}.dndev-stepper-info{font-size:var(--font-size-sm);color:inherit}.dndev-stepper-card-content{border-width:2px}.dndev-stepper-button-min-width{min-width:var(--touch-target)}.dndev-switch{all:unset;width:2.75rem;height:1.5rem;background-color:var(--control-bg);border:2px solid var(--control-border);border-radius:9999px;position:relative;cursor:pointer;transition:all var(--dur-normal) var(--ease-in-out)}.dndev-switch[data-state=checked]{background-color:var(--control-border)}.dndev-switch[data-variant=primary]{--control-border: var(--primary)}.dndev-switch[data-variant=secondary]{--control-border: var(--secondary)}.dndev-switch[data-variant=muted]{--control-border: var(--muted-foreground)}.dndev-switch[data-variant=accent]{--control-border: var(--accent)}.dndev-switch[data-variant=success]{--control-border: var(--success)}.dndev-switch[data-variant=warning]{--control-border: var(--warning)}.dndev-switch[data-variant=destructive]{--control-border: var(--destructive)}.dndev-switch[data-variant=default]{--control-border: color-mix(in oklab, var(--foreground) 70%, var(--background))}.dndev-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dndev-switch:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.dndev-switch-thumb{display:block;width:1.25rem;height:1.25rem;background-color:var(--background);border-radius:9999px;box-shadow:var(--shadow-md);transition:transform var(--dur-normal) var(--ease-in-out);transform:translate(.125rem);will-change:transform}.dndev-switch[data-state=checked] .dndev-switch-thumb{transform:translate(1.375rem)}.dndev-table-wrapper{position:relative;width:100%;overflow-y:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.dndev-table{width:100%;caption-side:bottom;font-size:var(--font-size-sm);border-collapse:collapse}.dndev-table-row{border-bottom:1px solid var(--border);transition:background-color var(--dur-fast) ease-out}.dndev-table-row:hover{background-color:color-mix(in oklab,var(--accent) 15%,transparent)}.dndev-table-body .dndev-table-row:nth-child(2n){background-color:var(--muted)}.dndev-table-body .dndev-table-row:nth-child(2n):hover{background-color:color-mix(in oklab,var(--muted) 80%,var(--foreground) 20%)}.dndev-table-body tr:last-child{border-bottom:0}.dndev-table-footer{border-top:1px solid var(--border);background-color:color-mix(in srgb,var(--muted) 50%,transparent);font-weight:500}.dndev-table-head{text-align:left;vertical-align:middle;font-weight:500;color:var(--muted-foreground);height:var(--touch-target);padding-inline:var(--gap-md);padding-block:var(--gap-sm)}.dndev-table-head[data-sortable=true]{cursor:pointer}.dndev-table-head[data-align=center]{text-align:center}.dndev-table-head[data-align=right]{text-align:right}.dndev-table-head[data-align=left]{text-align:left}.dndev-table-cell{vertical-align:middle;padding-inline:var(--gap-md);padding-block:var(--gap-sm);min-height:var(--touch-target)}.dndev-table-cell[data-align=center]{text-align:center}.dndev-table-cell[data-align=right]{text-align:right}.dndev-table-cell[data-align=left]{text-align:left}.dndev-table-caption{font-size:var(--font-size-sm);color:var(--muted-foreground);padding:var(--gap-md)}.dndev-table-search-container{max-width:var(--content-narrow)}.dndev-table-search-icon{position:absolute;left:var(--gap-md);top:50%;transform:translateY(-50%);width:var(--icon-md);height:var(--icon-md);color:var(--muted-foreground);pointer-events:none;z-index:1}.dndev-table-search-input{padding-inline-start:calc(var(--gap-md) + var(--icon-md) + var(--gap-sm))}.dndev-grid-component[role=tablist]{display:flex!important;flex-wrap:wrap;width:100%;gap:var(--gap-sm)}.dndev-interactive[data-role=tab-trigger]{flex:1 1 auto;min-width:max-content;font-size:var(--font-size-base);word-break:break-word;border:var(--border-hairline) solid var(--line-2);background-color:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-role=tab-trigger][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--primary)}.dndev-interactive[data-role=tab-trigger][data-variant=default],.dndev-interactive[data-role=tab-trigger][data-variant=primary]{background-color:var(--primary);color:var(--primary-foreground)}:is(.dndev-interactive[data-role=tab-trigger][data-variant=default],.dndev-interactive[data-role=tab-trigger][data-variant=primary])[data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--primary)}.dndev-interactive[data-role=tab-trigger][data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=secondary][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--secondary)}.dndev-interactive[data-role=tab-trigger][data-variant=accent]{background-color:var(--accent);color:var(--accent-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=accent][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--accent)}.dndev-interactive[data-role=tab-trigger][data-variant=muted]{background-color:var(--muted);color:var(--muted-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=muted][data-state=active]{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);border-color:var(--primary)}.dndev-interactive[data-role=tab-trigger][data-variant=warning]{background-color:var(--warning);color:var(--warning-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=warning][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--warning)}.dndev-interactive[data-role=tab-trigger][data-variant=success]{background-color:var(--success);color:var(--success-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=success][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--success)}.dndev-interactive[data-role=tab-trigger][data-variant=destructive]{background-color:var(--destructive);color:var(--destructive-foreground)}.dndev-interactive[data-role=tab-trigger][data-variant=destructive][data-state=active]{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);border-color:var(--destructive)}.dndev-tabs-content{margin-top:var(--gap-md)}.dndev-tabs-content:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dndev-tabs-content[data-state=inactive]{display:none}.dndev-text-base{font-weight:500;line-height:var(--line-height);background-color:transparent}.dndev-text-base[data-variant=default]{color:var(--foreground)}.dndev-text-base[data-variant=muted]{color:var(--muted-foreground)}.dndev-text-base[data-variant=primary]{color:var(--primary)}.dndev-text-base[data-variant=secondary]{color:var(--secondary)}.dndev-text-base[data-variant=accent]{color:var(--accent)}.dndev-text-base[data-variant=success]{color:var(--success)}.dndev-text-base[data-variant=warning]{color:var(--warning)}.dndev-text-base[data-variant=destructive]{color:var(--destructive)}.dndev-text-base[data-level=h1]{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em}.dndev-text-base[data-level=h2]{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}.dndev-text-base[data-level=h3]{font-size:var(--font-size-xl);font-weight:600}.dndev-text-base[data-level=h4]{font-size:var(--font-size-lg);font-weight:600}.dndev-text-base[data-level=body]{font-size:var(--font-size-base)}.dndev-text-base[data-level=small],.dndev-text-base[data-level=caption]{font-size:var(--font-size-sm)}.dndev-toast-viewport{position:fixed;top:var(--gap-md);z-index:100;display:flex;flex-direction:column-reverse;max-height:100dvh;width:100%;padding:var(--gap-md)}@media(min-width:640px){.dndev-toast-viewport{bottom:var(--gap-md);inset-inline-end:var(--gap-md);top:auto;flex-direction:column;max-width:420px}}.dndev-toast-title{font-size:var(--font-size-sm);font-weight:600}.dndev-toast-description{font-size:var(--font-size-sm);opacity:var(--opacity-strong)}.dndev-interactive[data-role=toast-action]{height:2rem;flex-shrink:0;padding-inline-start:var(--gap-md);padding-inline-end:var(--gap-md);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--font-size-sm)}.dndev-interactive[data-role=toast-action]:hover{background-color:var(--secondary);color:var(--secondary-foreground)}.dndev-toast-close{position:absolute;inset-inline-end:var(--gap-sm);top:var(--gap-sm);padding:0;color:var(--muted-foreground);transition:color var(--dur-fast) var(--ease-in-out);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dndev-toast-close:hover{color:var(--popover)}.dndev-notification[data-state=open]{animation:toast-slide-in-mobile var(--dur-normal) var(--ease-heavy)}@media(min-width:640px){.dndev-notification[data-state=open]{animation:toast-slide-in-desktop var(--dur-normal) var(--ease-heavy)}}.dndev-notification[data-state=closed]{animation:toast-fade-out var(--dur-normal) var(--ease-in-out)}@keyframes toast-slide-in-mobile{0%{opacity:0;transform:translateY(-100%) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-slide-in-desktop{0%{opacity:0;transform:translate(calc(100% + var(--gap-md))) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.dndev-interactive[data-state=off]{background:var(--muted);color:var(--muted-foreground);border:none}.dndev-interactive[data-state=off]:hover:not(:disabled){background:color-mix(in oklab,var(--muted) 80%,black 20%)}.dndev-interactive[data-state=on],.dndev-interactive[data-state=on][data-variant=default],.dndev-interactive[data-state=on][data-variant=primary]{background:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-state=on][data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.dndev-interactive[data-state=on][data-variant=muted]{background:var(--muted);color:var(--muted-foreground)}.dndev-interactive[data-state=on][data-variant=accent]{background:var(--accent);color:var(--accent-foreground)}.dndev-interactive[data-state=on][data-variant=success]{background:var(--success);color:var(--success-foreground)}.dndev-interactive[data-state=on][data-variant=warning]{background:var(--warning);color:var(--warning-foreground)}.dndev-interactive[data-state=on][data-variant=destructive]{background:var(--destructive);color:var(--destructive-foreground)}.dndev-interactive[data-variant=outline][data-state=off]{background:transparent;color:var(--foreground);border:1px solid var(--border)}.dndev-interactive[data-variant=outline][data-state=off]:hover:not(:disabled){background:var(--primary);color:var(--primary-foreground)}.dndev-interactive[data-variant=outline][data-state=on]{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.dndev-toggle-group{display:inline-flex;align-items:center;gap:0;padding:.125rem;border-radius:var(--radius);background-color:var(--muted);border:var(--border-width) solid var(--border)}.dndev-toggle-group .dndev-interactive{border:none;border-radius:calc(var(--radius) - 2px);background-color:transparent!important;min-height:auto;padding:var(--gap-sm) var(--gap-md);font-size:var(--font-size-sm)}.dndev-toggle-group .dndev-interactive[data-state=off]{background:transparent!important;color:var(--muted-foreground)!important}.dndev-toggle-group .dndev-interactive:hover:not(:disabled)[data-state=off]{background-color:color-mix(in oklab,var(--muted) 80%,black 20%)!important}.dndev-toggle-group .dndev-interactive[data-state=on]{background-color:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:var(--shadow-md)}.dndev-toggle-group .dndev-interactive[data-variant=primary][data-state=on]{background-color:var(--primary);color:var(--primary-foreground)}.dndev-toggle-group .dndev-interactive[data-variant=secondary][data-state=on]{background-color:var(--secondary);color:var(--secondary-foreground)}.dndev-toggle-group .dndev-interactive[data-variant=accent][data-state=on]{background-color:var(--accent);color:var(--accent-foreground)}.dndev-toggle-group .dndev-interactive[data-variant=success][data-state=on]{background-color:var(--success);color:var(--success-foreground)}.dndev-toggle-group .dndev-interactive[data-variant=warning][data-state=on]{background-color:var(--warning);color:var(--warning-foreground)}.dndev-toggle-group .dndev-interactive[data-variant=destructive][data-state=on]{background-color:var(--destructive);color:var(--destructive-foreground)}.dndev-toggle-group[data-variant=outline]{background-color:transparent;border-color:var(--border)}.dndev-toggle-group[data-variant=outline] .dndev-interactive[data-state=off]{background:transparent;color:var(--foreground)}.dndev-toggle-group[data-variant=outline] .dndev-interactive:hover:not(:disabled)[data-state=off]{background-color:var(--primary);color:var(--primary-foreground)}.dndev-toggle-group[data-variant=outline] .dndev-interactive[data-state=on]{background-color:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.dndev-tooltip{z-index:var(--z-tooltip);background:var(--foreground);color:var(--background);box-shadow:var(--shadow-lg);padding:.375rem .5rem;font-size:var(--font-size-xs);border-radius:0;max-width:12.5rem}.dndev-video-container{position:relative;width:100%;overflow:hidden}.dndev-video-frame{width:100%;height:100%;border:none;display:block}.dndev-video-thumbnail{position:relative;width:100%;overflow:hidden;cursor:pointer;border:none;background:transparent;padding:0;display:block}.dndev-video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.dndev-video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(from var(--background) r g b / .3);transition:background var(--dur-normal) var(--ease-in-out)}.dndev-video-play-overlay:hover{background:rgb(from var(--background) r g b / .5)}.dndev-video-play-icon{width:4rem;height:4rem;color:var(--foreground);filter:drop-shadow(0 2px 8px rgb(from var(--background) r g b / .5))}.dndev-video-dialog{max-width:90vw;max-height:90vh}.dndev-video-dialog .dndev-modal-body{padding:0;aspect-ratio:16/9}@keyframes universal-float{0%,to{opacity:var(--opacity-start, .3);transform:var(--transform-start, translateY(0) scale(1) rotate(0deg))}50%{opacity:var(--opacity-mid, .8);transform:var( --transform-mid, translateY(-10px) scale(1.1) rotate(180deg) )}}@keyframes universal-slide{0%{opacity:var(--opacity-start, 0);transform:var(--transform-start, translateY(2rem))}to{opacity:var(--opacity-end, 1);transform:var(--transform-end, translateY(0))}}@keyframes universal-marquee{0%{transform:var(--transform-start, translateX(0))}to{transform:var(--transform-end, translateX(-50%))}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:var(--opacity-muted)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dndev-stars-twinkle{0%,to{opacity:var(--opacity-subtle);filter:brightness(.8)}25%{opacity:var(--opacity-strong);filter:brightness(1.2)}50%{opacity:1;filter:brightness(1.5)}75%{opacity:var(--opacity-muted);filter:brightness(1.1)}}@keyframes dndev-intro-fade-mobile{0%{opacity:1;visibility:visible}50%{opacity:1;visibility:visible}to{opacity:0;transform:scale(1);visibility:hidden}}@keyframes dndev-intro-fade-desktop{0%{opacity:1;transform:scale(1);visibility:visible}to{opacity:0;transform:scale(2);visibility:hidden}}@keyframes breath-cycle-442{0%{clip-path:inset(100% 0 0 0)}25%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 0 0 0)}87.5%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes breath-cycle-sigh{0%{clip-path:inset(100% 0 0 0)}20%{clip-path:inset(0 0 0 0)}40%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}:root{--debug-enabled: 0}.debug-layout{outline:calc(var(--debug-enabled) * 2px) solid rgba(255,0,0,.5)!important}.debug-flex{outline:calc(var(--debug-enabled) * 2px) dashed rgba(255,165,0,.8)!important}.debug-component{outline:calc(var(--debug-enabled) * 1px) dotted rgba(0,255,0,.6)!important}[data-debug=true] .dndev-layout,[data-debug=true] header[role=banner],[data-debug=true] main[role=main],[data-debug=true] aside[role=navigation],[data-debug=true] footer[role=contentinfo]{outline:2px solid rgba(255,0,0,.5)!important}[data-debug=true] .flex,[data-debug=true] .flex-col,[data-debug=true] .flex-row,[data-debug=true] .inline-flex,[data-debug=true] .grid,[data-debug=true] [class*=grid]{outline:2px dashed rgba(255,165,0,.8)!important}[data-debug=true] [class*=dndev-],[data-debug=true] [class*=card],[data-debug=true] button,[data-debug=true] input,[data-debug=true] select,[data-debug=true] textarea{outline:1px dotted rgba(0,255,0,.6)!important}.dndev-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dndev-flex{display:flex}.dndev-flex-col{flex-direction:column}.dndev-flex-col-reverse{flex-direction:column-reverse}.dndev-flex-row{flex-direction:row}.dndev-flex-wrap{flex-wrap:wrap}.dndev-flex-nowrap{flex-wrap:nowrap}.dndev-flex-1{flex:1 1 0%}.dndev-flex-shrink-0{flex-shrink:0}.dndev-inline-flex{display:inline-flex}.dndev-grid{display:grid}.dndev-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.dndev-block{display:block}.dndev-inline{display:inline}.dndev-hidden{display:none}.dndev-items-start{align-items:flex-start}.dndev-items-center{align-items:center}.dndev-items-end{align-items:flex-end}.dndev-items-stretch{align-items:stretch}.dndev-justify-start{justify-content:flex-start}.dndev-justify-center{justify-content:center}.dndev-justify-end{justify-content:flex-end}.dndev-justify-between{justify-content:space-between}.dndev-gap-none{gap:var(--gap-none)}.dndev-gap-sm{gap:var(--gap-sm)}.dndev-gap-md{gap:var(--gap-md)}.dndev-gap-lg{gap:var(--gap-lg)}[data-gap=none]{gap:var(--gap-none)}[data-gap=tight]{gap:var(--gap-sm)}[data-gap=medium]{gap:var(--gap-md)}[data-gap=large]{gap:var(--gap-lg)}[data-cols="1"]{grid-template-columns:repeat(1,minmax(350px,1fr));align-items:stretch}[data-cols="2"]{grid-template-columns:repeat(2,minmax(350px,1fr));align-items:stretch}@media(max-width:699px){[data-cols="2"]{grid-template-columns:repeat(1,minmax(350px,1fr))}}[data-cols="3"]{grid-template-columns:repeat(3,minmax(350px,1fr));align-items:stretch}@media(max-width:1049px){[data-cols="3"]{grid-template-columns:repeat(2,minmax(350px,1fr))}}@media(max-width:699px){[data-cols="3"]{grid-template-columns:repeat(1,minmax(350px,1fr))}}[data-cols="4"]{grid-template-columns:repeat(4,minmax(350px,1fr));align-items:stretch}@media(max-width:1399px){[data-cols="4"]{grid-template-columns:repeat(3,minmax(350px,1fr))}}@media(max-width:1049px){[data-cols="4"]{grid-template-columns:repeat(2,minmax(350px,1fr))}}@media(max-width:699px){[data-cols="4"]{grid-template-columns:repeat(1,minmax(350px,1fr))}}.dndev-section-full-width[data-tone=base]{background:var(--background)}.dndev-section-full-width[data-tone=muted]{background:color-mix(in oklab,var(--muted) 50%,transparent)}.dndev-section-full-width[data-tone=elevated]{background:var(--background)}.dndev-section-full-width[data-tone=contrast]{background:var(--background);color:var(--foreground)}.dndev-section-full-width[data-tone=accent]{background:color-mix(in oklab,var(--accent) 5%,transparent)}[data-tone=base]:not(.dndev-section-full-width){background:var(--background)}[data-tone=muted]:not(.dndev-section-full-width){background:color-mix(in oklab,var(--muted) 50%,transparent)}[data-tone=elevated]:not(.dndev-section-full-width){background:var(--background)}[data-tone=contrast]:not(.dndev-section-full-width){background:var(--background);color:var(--foreground)}[data-tone=accent]:not(.dndev-section-full-width){background:color-mix(in oklab,var(--accent) 5%,transparent)}code{font-family:var(--font-mono);font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:transparent}[data-variant=code],code[data-variant=code]{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--muted);color:var(--muted-foreground);padding:var(--gap-sm) var(--gap-md);display:inline-block;line-height:1.5;white-space:pre-wrap;word-break:break-all;border-radius:var(--radius-sm)}h1[data-variant=code],h2[data-variant=code],h3[data-variant=code],h4[data-variant=code]{font-family:var(--font-mono);background:var(--muted);color:var(--muted-foreground);padding:var(--gap-sm) var(--gap-md);display:inline-block;line-height:1.5;white-space:pre-wrap;word-break:break-all;border-radius:var(--radius-sm)}.dndev-size-md{width:var(--icon-md);height:var(--icon-md)}.dndev-size-touch{width:var(--touch-target);height:var(--touch-target)}.dndev-w-full{width:100%}.dndev-h-full{height:100%}.dndev-min-w-0{min-width:0}.dndev-max-w-none{max-width:none}.dndev-mx-auto{margin-inline-start:auto;margin-inline-end:auto}.dndev-ml-auto{margin-inline-start:auto}.dndev-mt-0{margin-top:0}.dndev-relative{position:relative}.dndev-absolute{position:absolute}.dndev-fixed{position:fixed}.dndev-abs-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dndev-overflow-hidden{overflow:hidden}.dndev-overflow-y-auto{overflow-y:auto}.dndev-overflow-x-hidden{overflow-x:hidden}.dndev-text-center{text-align:center}.dndev-text-start{text-align:start}.dndev-text-end{text-align:end}[data-text-align=start]{text-align:start}[data-text-align=center]{text-align:center}[data-text-align=end]{text-align:end}.dndev-inset-0{inset:0}.dndev-inset-y-0{top:0;bottom:0}.dndev-left-0{left:0}.dndev-min-h-0{min-height:0}.dndev-ms-auto{margin-inline-start:auto}.dndev-pointer-events-none{pointer-events:none}.dndev-pointer-events-auto{pointer-events:auto}.dndev-aspect-video{aspect-ratio:16 / 9}.dndev-object-contain{object-fit:contain}@media(min-width:768px){.dndev-md\:block{display:block}.dndev-md\:hidden{display:none}.dndev-md\:flex{display:flex}.dndev-md\:grid{display:grid}.dndev-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dndev-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.dndev-lg\:block{display:block}.dndev-lg\:hidden{display:none}}.dndev-animate-spin{animation:spin 1s linear infinite}.dndev-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dndev-animate-bounce{animation:bounce 1s infinite}.dndev-animate-fade-in{animation:fade-in .3s ease-out}.dndev-animate-slide-in{animation:slide-in .3s ease-out}.dndev-animate-scale-in{animation:scale-in .2s ease-out}.dndev-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-shadow=none]{box-shadow:none}[data-shadow=md]{box-shadow:var(--shadow-md)}[data-shadow=md]:dir(rtl){box-shadow:var(--shadow-md-rtl)}[data-shadow=xl]{box-shadow:var(--shadow-xl)}[data-shadow=xl]:dir(rtl){box-shadow:var(--shadow-xl-rtl)}[data-radius=none]{border-radius:var(--radius-none)}[data-radius=md]{border-radius:var(--radius-md)}[data-radius=full]{border-radius:var(--radius-full)}[data-gradient-text=primary]{background:linear-gradient(to right,var(--foreground),var(--primary),var(--foreground));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-gradient-text=accent]{background:linear-gradient(to right,var(--foreground),var(--accent),var(--foreground));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dndev-z-header{z-index:var(--z-header)}.dndev-z-sidebar{z-index:var(--z-sidebar)}.dndev-z-footer{z-index:var(--z-footer)}.dndev-z-overlay{z-index:var(--z-overlay)}.dndev-z-breadcrumbs{z-index:var(--z-breadcrumbs)}.dndev-z-dropdown{z-index:var(--z-dropdown)}.dndev-z-modal{z-index:var(--z-modal)}.dndev-z-tooltip{z-index:var(--z-tooltip)}.dndev-z-toast{z-index:var(--z-toast)}.dndev-h-screen{height:100dvh}.dndev-min-h-screen{min-height:100dvh}.dndev-max-h-screen{max-height:100dvh}.dndev-h-90{height:90dvh}.dndev-min-h-90{min-height:90dvh}.dndev-max-h-90{max-height:90dvh}.dndev-h-80{height:80dvh}.dndev-min-h-80{min-height:80dvh}.dndev-max-h-80{max-height:80dvh}.dndev-h-60{height:60dvh}.dndev-min-h-60{min-height:60dvh}.dndev-max-h-60{max-height:60dvh}:root{--header-height: 62px;--header-padding: 1rem;--sidebar-width: 0px;--sidebar-padding: 0px;--footer-height: 50px;--footer-padding: 1rem;--content-padding: var(--gap-md);--header-icon-size: calc(var(--header-height) - 2rem);--header-logo-max-height: calc(var(--header-height) - 1rem);--sidebar-item-height: var(--touch-target);--sidebar-icon-size: var(--icon-md);--sidebar-edge-padding: 1rem;--sidebar-edge-padding-collapsed: .5rem;--content-width: min( var(--max-content-width), calc(100% - var(--sidebar-width)) );--header-content-width: 100%}:root[data-sidebar-collapsed=true]{--sidebar-width: 48px}:root[data-sidebar-collapsed=true] .sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}:root[data-sidebar-collapsed=true] .sidebar-nav::-webkit-scrollbar{display:none}[data-layout=moolti],[data-layout=docs],[data-layout=blog]{--header-content-width: calc(100% - var(--sidebar-width))}@media(max-width:1023px){.dndev-layout aside[role=navigation].sidebar,aside[role=navigation].sidebar{display:none!important}}.dndev-layout{position:relative;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-rows:var(--header-height) 1fr var(--footer-height);grid-template-columns:var(--sidebar-width) 1fr}:root[data-layout=game] .dndev-layout{grid-template-rows:var(--header-height) 1fr var(--footer-height)}header[role=banner]{grid-area:header;box-sizing:border-box;height:var(--header-height);position:relative;z-index:var(--z-header);contain:layout style;display:flex;align-items:center;background:var(--background);border-bottom:2px solid var(--border);padding:0}header[role=banner]>*{width:100%;align-self:stretch}header[role=banner] [data-area=center]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.h-\[var\(--header-height\)\] svg,[class*="h-[var(--header-height)"] svg{height:100%;width:auto}aside[role=navigation].sidebar{grid-area:sidebar;box-sizing:border-box;min-width:0;z-index:var(--z-sidebar);overflow-y:auto;contain:layout style;padding:0;padding-inline-start:0px;padding-inline-end:0px;background:var(--background);border-inline-end:1px solid var(--border)}:root[data-layout=landing] aside[role=navigation].sidebar,:root[data-layout=plain] aside[role=navigation].sidebar,:root[data-layout=game] aside[role=navigation].sidebar{display:none}.sidebar-content{display:flex;flex-direction:column;height:100%;gap:var(--gap-lg)}.sidebar-section{flex-shrink:0}.sidebar-nav{flex:1 1 auto;overflow-y:auto}.sidebar-nav-content{display:grid;gap:0}.dndev-sidebar-nav-menu[data-vertical=true] .dndev-interactive[data-role=menu-item],.dndev-sidebar-nav-menu[data-vertical=true] .dndev-interactive[data-role=nav-trigger]{width:var(--touch-target);height:var(--touch-target)}main[role=main]{grid-area:main;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0;contain:layout style}main[role=main]>*:not(.breadcrumbs-container):first-of-type,main[role=main]>.breadcrumbs-container+*{flex:1 1 auto}main[role=main]>*:last-child{flex-shrink:0}footer[role=contentinfo]{grid-area:footer;box-sizing:border-box;grid-column:2 / -1;height:var(--footer-height);z-index:var(--z-footer);background:var(--background);border-top:2px solid var(--border);display:flex;align-items:center;padding:0}footer[role=contentinfo]>*{width:100%;height:100%}@media(max-width:1023px){:root[data-layout=game] footer[role=contentinfo]{display:none}}:root[data-layout=moolti] footer[role=contentinfo]{display:none}:root[data-layout=plain] footer[role=contentinfo]{display:none}[data-layout=admin]{--sidebar-width: 240px}@media(max-width:1023px){[data-layout=admin]{--sidebar-width: 0px}}[data-layout=moolti]{--header-height: 0px;--sidebar-width: 256px;--footer-height: 0px}@media(max-width:1023px){[data-layout=moolti]{--header-height: 62px;--sidebar-width: 0px}}[data-layout=docs]{--header-height: 0px;--sidebar-width: 300px}@media(max-width:1023px){[data-layout=docs]{--sidebar-width: 0px}}[data-layout=blog]{--sidebar-width: 280px}@media(max-width:1023px){[data-layout=blog]{--header-height: 0px;--sidebar-width: 0px}}[data-layout=plain]{--header-height: 0px;--sidebar-width: 0px;--footer-height: 0px}[data-layout=game]{--header-height: 92px}@media(max-width:1023px){[data-layout=game]{--footer-height: 0px}}.breadcrumbs-container{position:relative;z-index:var(--z-breadcrumbs);flex:0 0 auto;background:rgb(from var(--muted) r g b / .3);border-bottom:1px solid rgb(from var(--border) r g b / .5)}.breadcrumbs-container:not(:has(nav)){display:none}.dndev-container{width:100%;max-width:var(--content-width);flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-lg);margin-inline-start:auto;margin-inline-end:auto;padding-inline:var(--gap-md)}.dndev-container[data-centered=false]{margin-inline-start:0;margin-inline-end:0}.dndev-container[data-variant=full]{--max-content-width: 100%;max-width:none}.dndev-container[data-variant=standard]{--max-content-width: 100%}@media(min-width:1024px){.dndev-container[data-variant=standard]{--max-content-width: 87.5rem}}.dndev-container[data-variant=docs]{--max-content-width: 100%}@media(min-width:1024px){.dndev-container[data-variant=docs]{--max-content-width: 56.25rem}}.dndev-container[data-variant=fixed]{--max-content-width: 100%;--content-width: calc(100% - var(--sidebar-width));max-width:none;width:100%;height:100%;overflow:hidden;gap:0;padding-inline:0}.dndev-container:has(>*:only-child){gap:0}.dndev-container>.dndev-section-full-width,.dndev-container>.dndev-cta,.dndev-container>.dndev-hero-section{width:100dvw;max-width:100dvw;margin-inline:calc(-50dvw + 50%);margin-top:calc(-1 * var(--gap-lg));margin-bottom:0}.footer-mobile-button:hover{background-color:rgb(from var(--muted) r g b / .5)}.dndev-game-container{display:grid;grid-template-rows:1fr auto;height:100%;width:100%}.dndev-game-container__content{display:flex;flex-direction:column;min-height:0;width:100%}.dndev-game-container__scroll{width:100%;height:100%}.dndev-game-container__content[data-align=center]{align-items:center}.dndev-game-container__content[data-align=start]{align-items:flex-start}.dndev-game-container__content[data-align=stretch]{align-items:stretch}.dndev-game-container__content[data-justify=center]{justify-content:center}.dndev-game-container__content[data-justify=start]{justify-content:flex-start}.dndev-game-container__content[data-justify=end]{justify-content:flex-end}.dndev-game-container__content[data-justify=between]{justify-content:space-between}.dndev-game-container__cta{display:flex;flex-direction:column;padding-top:var(--gap-md);border-top:2px solid var(--border)}.dndev-game-container__cta-button{height:var(--touch-target);width:100%;border-radius:0}.app-icon-header{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;width:auto;height:var(--header-height)}.app-icon-header svg{width:100%;height:100%;object-fit:contain}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/Roboto-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/Roboto-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}.network-node{fill:var(--foreground);animation:universal-float 4s ease-in-out infinite;--opacity-start: .3;--opacity-mid: .8;--transform-start: scale(1);--transform-mid: scale(1.1)}.network-line{stroke:var(--foreground);stroke-width:1;animation:universal-float 6s ease-in-out infinite;--opacity-start: .1;--opacity-mid: .5;--transform-start: scale(1);--transform-mid: scale(1)}.wave-flow{background:linear-gradient(45deg,transparent 30%,color-mix(in oklab,var(--accent) 20%,transparent) 50%,transparent 70%);animation:universal-float 8s ease-in-out infinite;--transform-start: translateX(-20%) rotate(0deg);--transform-mid: translateX(20%) rotate(3deg)}.particle-float{animation:universal-slide 10s linear infinite;--opacity-start: .2;--opacity-end: 0;--transform-start: translateY(0px) rotate(0deg);--transform-end: translateY(-100px) rotate(360deg)}.geometric-rotate{animation:universal-float 20s linear infinite;--opacity-start: .1;--opacity-mid: .2;--transform-start: rotate(0deg) scale(1);--transform-mid: rotate(180deg) scale(1.1)}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.dndev-animate-fade-in-up{animation:universal-slide var(--dur-heavy) ease-out forwards}.animation-delay-100{animation-delay:.1s}.dndev-marketing-stack{display:grid;gap:var(--gap-md)}.dndev-marketing-cluster{display:flex;gap:var(--gap-sm);align-items:center;justify-content:center}.light{--theme-icon: "Sun";--theme-label: "Light";--theme-is-dark: 0;--background: #faf5ff;--foreground: #1e1b4b;--text-color: #1e1b4b;--primary: #7c3aed;--primary-foreground: #fff;--secondary: #fef3c7;--secondary-foreground: #1e1b4b;--accent: #f97316;--accent-foreground: #fff;--destructive: #dc2626;--destructive-foreground: #fff;--muted: #f3e8ff;--muted-foreground: #6b21a8;--border: #e9d5ff;--input: #fff;--ring: #7c3aed;--card: var(--background);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var( --card-foreground );--success: #059669;--success-foreground: #fff;--warning: #f97316;--warning-foreground: #fff}.dark{--theme-icon: "Moon";--theme-label: "Dark";--theme-is-dark: 1;--background: #282a36;--foreground: #f8f8f2;--text-color: #f8f8f2;--primary: #bd93f9;--primary-foreground: #282a36;--secondary: #44475a;--secondary-foreground: #ffb86c;--accent: #ffb86c;--accent-foreground: #282a36;--destructive: #f55;--destructive-foreground: #fff;--muted: #44475a;--muted-foreground: #bd93f9;--border: #6272a4;--input: #44475a;--ring: #bd93f9;--card: var(--background);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var( --card-foreground );--success: #50fa7b;--success-foreground: #282a36;--warning: #ffb86c;--warning-foreground: #282a36}:root{--font-sans: "Roboto", sans-serif;--font-mono: "Roboto Mono", monospace;--font-family: var(--font-sans)}.flow-screens :where(.dndev-card){border-radius:0;margin:0}.flow-screens .dndev-card+.dndev-card{border-top:1px solid var(--border)}.flow-screens>.grid,.flow-screens>div>.grid:first-child{gap:0}.dndev-stack{display:flex;flex-direction:column;width:100%}.dndev-stack[data-direction=row],div.dndev-stack[data-direction=row]{flex-direction:row}.dndev-stack[data-direction=row-reverse]{flex-direction:row-reverse}.dndev-stack[data-direction=column-reverse]{flex-direction:column-reverse}.dndev-stack[data-wrap=wrap]{flex-wrap:wrap}.dndev-stack[data-wrap=nowrap]{flex-wrap:nowrap}.dndev-stack[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}.dndev-stack[data-align=start]{align-items:flex-start}.dndev-stack[data-align=center]{align-items:center}.dndev-stack[data-align=end]{align-items:flex-end}.dndev-stack[data-align=stretch]{align-items:stretch}.dndev-stack[data-align=baseline]{align-items:baseline}.dndev-stack[data-justify=start]{justify-content:flex-start}.dndev-stack[data-justify=center]{justify-content:center}.dndev-stack[data-justify=end]{justify-content:flex-end}.dndev-stack[data-justify=between]{justify-content:space-between}.dndev-stack[data-justify=around]{justify-content:space-around}.dndev-stack[data-justify=evenly]{justify-content:space-evenly}.dndev-stack[data-gap=none]{gap:var(--gap-none)}.dndev-stack[data-gap=tight]{gap:var(--gap-sm)}.dndev-stack[data-gap=medium]{gap:var(--gap-md)}.dndev-stack[data-gap=large]{gap:var(--gap-lg)}.dndev-stack[data-direction=row]>*{min-width:0}.dndev-stack[data-direction=row][data-wrap=nowrap]:not([data-overflow])>*{overflow:hidden}.dndev-stack[data-direction=row][data-wrap=wrap]:not([data-overflow])>*,.dndev-stack[data-direction=row][data-wrap=wrap-reverse]:not([data-overflow])>*{overflow:visible}.dndev-stack[data-direction=row][data-overflow=hidden]>*{overflow:hidden}.dndev-stack[data-direction=row][data-overflow=visible]>*{overflow:visible}.dndev-stack[data-direction=row][data-overflow=auto]>*{overflow:auto}.dndev-stack[data-direction=row][data-overflow=scroll]>*{overflow:scroll}.dndev-stack[data-rigid=true]>*{flex-shrink:0}.dndev-stack[data-nowrap=true]>*{white-space:nowrap}.dndev-stack[data-force=true]>*{align-self:inherit!important}.dndev-button-text{display:inline-flex;align-items:center}.dndev-button-text[data-icon-position=leading]{margin-inline-start:var(--gap-sm)}.dndev-button-text[data-icon-position=trailing]{margin-inline-end:var(--gap-sm)}.dndev-button-text[data-display=compact],.dndev-button-text[data-display=auto-responsive]{display:none}@media(min-width:768px){.dndev-button-text[data-display=auto-responsive]{display:inline-flex}}.dndev-dropdown-menu-trailing{margin-inline-start:auto}.dndev-dropdown-menu-checkmark{width:1rem;height:1rem}.dndev-dropdown-sub-content-custom{padding:var(--gap-sm)}.dndev-dropdown-scroll-area,.dndev-dropdown-scroll-area .dndev-scroll-area-viewport{max-height:50dvh}.dndev-interactive[data-role=menu-item][data-state=checked]{color:var(--secondary-foreground)}.dndev-interactive[data-role=menu-item][data-state=checked]:hover,.dndev-interactive[data-role=menu-item][data-state=checked]:focus-visible,.dndev-interactive[data-role=menu-item][data-state=checked][data-highlighted]{background-color:var(--accent);color:var(--secondary-foreground)}.dndev-icon-box{width:var(--touch-target);height:var(--touch-target);padding:0;border:1px solid var(--card-foreground);border-radius:var(--radius-md);background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dndev-control[data-type=checkbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-md);height:var(--icon-md);aspect-ratio:1;border-radius:4px}.dndev-control[data-type=checkbox][data-state=checked],.dndev-control[data-type=checkbox][data-variant=primary][data-state=checked]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.dndev-control[data-type=checkbox][data-variant=secondary][data-state=checked]{background-color:var(--secondary);border-color:var(--secondary);color:var(--secondary-foreground)}.dndev-control[data-type=checkbox][data-variant=muted][data-state=checked]{background-color:var(--muted);border-color:var(--border);color:var(--muted-foreground)}.dndev-control[data-type=checkbox][data-variant=accent][data-state=checked]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.dndev-control[data-type=checkbox][data-variant=success][data-state=checked]{background-color:var(--success);border-color:var(--success);color:var(--success-foreground)}.dndev-control[data-type=checkbox][data-variant=warning][data-state=checked]{background-color:var(--warning);border-color:var(--warning);color:var(--warning-foreground)}.dndev-control[data-type=checkbox][data-variant=destructive][data-state=checked]{background-color:var(--destructive);border-color:var(--destructive);color:var(--destructive-foreground)}.dndev-control[data-type=checkbox] [data-radix-checkbox-indicator]{display:flex;align-items:center;justify-content:center;color:currentColor}.dndev-control[data-type=checkbox] [data-radix-checkbox-indicator] svg{width:var(--icon-md);height:var(--icon-md);animation:checkbox-check-in var(--dur-fast) var(--ease-in-out)}@keyframes checkbox-check-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dndev-input-with-leading-icon{padding-inline-start:calc(var(--gap-md) + var(--icon-md) + var(--gap-sm))}.dndev-input-with-trailing-icon{padding-inline-end:calc(var(--gap-md) + var(--icon-md) + var(--gap-sm))}.dndev-input-icon{position:absolute;top:0;height:100%;display:flex;align-items:center;pointer-events:none;z-index:1;color:var(--muted-foreground)}.dndev-input-icon-leading{inset-inline-start:var(--gap-md)}.dndev-input-icon-trailing{inset-inline-end:var(--gap-md)}.dndev-grid-component{display:grid;min-width:0;width:100%}.dndev-grid-component[data-cols="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}.dndev-grid-component[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.dndev-grid-component[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.dndev-grid-component[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.dndev-grid-component[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.dndev-grid-component[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.dndev-grid-component[data-cols="10"]{grid-template-columns:repeat(10,minmax(0,1fr))}.dndev-grid-component[data-cols="12"]{grid-template-columns:repeat(12,minmax(0,1fr))}.dndev-grid-component[data-cols=auto-fit]{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min-col-width, 250px)),1fr))}.dndev-grid-component[data-cols=auto-fill]{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--min-col-width, 250px)),1fr))}.dndev-grid-component[data-gap=none]{gap:var(--gap-none)}.dndev-grid-component[data-gap=tight]{gap:var(--gap-sm)}.dndev-grid-component[data-gap=medium]{gap:var(--gap-md)}.dndev-grid-component[data-gap=large]{gap:var(--gap-lg)}.dndev-grid-component[data-align=start]{align-items:start}.dndev-grid-component[data-align=center]{align-items:center}.dndev-grid-component[data-align=end]{align-items:end}.dndev-grid-component[data-align=stretch]{align-items:stretch}.dndev-grid-component[data-justify=start]{justify-items:start}.dndev-grid-component[data-justify=center]{justify-items:center}.dndev-grid-component[data-justify=end]{justify-items:end}.dndev-grid-component[data-justify=stretch]{justify-items:stretch}.dndev-grid-area{min-width:0;overflow:hidden}.dndev-grid-area[data-overflow=visible]{overflow:visible}.dndev-grid-area[data-overflow=auto]{overflow:auto}.dndev-grid-area[data-overflow=scroll]{overflow:scroll}.dndev-grid-area[data-rigid=true]{flex-shrink:0}.dndev-nav-menu-base{position:relative;z-index:var(--z-header);display:flex;flex:1 1 0%}.dndev-nav-menu-base[data-vertical=true]{width:100%;flex-direction:column;align-items:stretch}.dndev-nav-menu-base[data-vertical=true] .dndev-interactive[data-role=nav-trigger],.dndev-nav-menu-base[data-vertical=true] .dndev-interactive[data-role=menu-item]{width:100%;justify-content:flex-start}.dndev-nav-menu-base[data-vertical=false]{max-width:max-content;flex-direction:row;align-items:center;justify-content:center}.dndev-nav-menu-base[data-vertical=false] .dndev-interactive[data-role=nav-trigger],.dndev-nav-menu-base[data-vertical=false] .dndev-interactive[data-role=menu-item]{width:max-content;justify-content:center}.dndev-nav-menu-list{display:flex;flex:1 1 0%;list-style:none}.dndev-nav-menu-list[data-vertical=true]{flex-direction:column;align-items:stretch;gap:var(--gap-none)}.dndev-nav-menu-list[data-vertical=false]{flex-direction:row;align-items:center;justify-content:center;gap:var(--gap-none)}.dndev-interactive[data-role=nav-trigger]{height:var(--touch-target)}.dndev-interactive[data-role=nav-trigger]:focus{outline:none}.dndev-interactive[data-role=nav-trigger][data-active=true],.dndev-interactive[data-role=nav-trigger][data-state=open]{background-color:rgb(from var(--accent) r g b / .5)}.dndev-nav-menu-base[data-collapsed=true][data-vertical=true] .dndev-interactive[data-role=menu-item],.dndev-nav-menu-base[data-collapsed=true][data-vertical=true] .dndev-interactive[data-role=nav-trigger]{width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target);justify-content:center;align-items:center;padding-inline:0;padding-block:0;gap:0}:is(.dndev-nav-menu-base[data-collapsed=true][data-vertical=true] .dndev-interactive[data-role=menu-item],.dndev-nav-menu-base[data-collapsed=true][data-vertical=true] .dndev-interactive[data-role=nav-trigger])>span:last-child{display:none}.dndev-nav-menu-trigger-icon{position:relative;top:1px;margin-inline-start:var(--gap-sm);height:var(--icon-md);width:var(--icon-md);transition-property:transform;transition-timing-function:var(--ease-in-out);transition-duration:var(--dur-normal)}.dndev-nav-menu-trigger-icon[data-state=open]{transform:rotate(180deg)}.dndev-nav-menu-content{left:0;top:0;width:100%}@media(min-width:768px){.dndev-nav-menu-content{position:absolute;width:auto}}.dndev-nav-menu-viewport-wrapper{position:absolute;left:0;top:100%;display:flex;justify-content:center}.dndev-nav-menu-viewport{position:relative;margin-top:var(--gap-sm);height:var(--radix-navigation-menu-viewport-height);width:100%;overflow:hidden;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);box-shadow:var(--shadow-xl)}@media(min-width:768px){.dndev-nav-menu-viewport{width:var(--radix-navigation-menu-viewport-width)}}.dndev-nav-menu-indicator{top:100%;z-index:1;display:flex;height:var(--gap-sm);align-items:flex-end;justify-content:center;overflow:hidden}.dndev-nav-menu-indicator-inner{position:relative;top:60%;height:var(--gap-sm);width:var(--gap-sm);transform:rotate(45deg);border-top-left-radius:2px;background-color:var(--border);box-shadow:var(--shadow-md)}.dndev-nav-menu-grid-container{padding:var(--gap-md)}.dndev-nav-menu-grid-featured{grid-template-columns:.75fr 1fr}.dndev-nav-menu-grid-standard{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dndev-nav-menu-featured-item{grid-row:span 3;height:100%;padding:var(--gap-md);border-radius:var(--radius);background:linear-gradient(to bottom,color-mix(in oklab,var(--muted) 50%,transparent),var(--muted));text-decoration:none;outline:none}.dndev-nav-menu-featured-title{margin-bottom:var(--gap-sm);margin-top:var(--gap-md);font-size:var(--font-size-lg);font-weight:700}.dndev-nav-menu-featured-description{font-size:var(--font-size-sm);color:var(--muted-foreground)}.dndev-nav-menu-item-container{padding:var(--gap-md);border-radius:var(--radius);text-decoration:none;outline:none}.dndev-nav-menu-item-label{font-size:var(--font-size-sm);font-weight:500}.dndev-nav-menu-item-description{font-size:var(--font-size-sm);color:var(--muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dndev-separator{flex-shrink:0;background-color:var(--line-2);margin-inline:auto}.dndev-separator[data-orientation=horizontal]{height:2px;width:80%;max-width:calc(var(--content-width) * .8)}.dndev-separator[data-orientation=vertical]{width:1px;height:100%}.dndev-separator[data-variant=accent]{background-color:var(--accent);opacity:var(--opacity-strong)}.dndev-surface[data-variant=accent] .dndev-separator[data-variant=accent]{background-color:var(--primary)}.dndev-separator[data-variant=muted]{background-color:var(--line-1);opacity:var(--opacity-muted)}.dndev-surface[data-variant=muted] .dndev-separator[data-variant=muted]{background-color:var(--accent)}.dndev-separator[data-variant=primary]{background-color:var(--primary);opacity:var(--opacity-strong)}.dndev-surface:not([data-variant]) .dndev-separator[data-variant=primary]{background-color:var(--accent)}