:root{--pragmatech-color-base-background:#ffffff;--pragmatech-color-base-foreground:#090a0c;--pragmatech-color-base-primary:#131519;--pragmatech-color-base-primary-foreground:#f9f9fb;--pragmatech-color-base-primary-brand:#09d286;--pragmatech-color-base-secondary:#edeff2;--pragmatech-color-base-muted:#f9f9fb;--pragmatech-color-base-muted-foreground:#667185;--pragmatech-color-base-accent:#f6f8f8;--pragmatech-color-base-accent-foreground:#131519;--pragmatech-color-base-accent-brand:#16c5831a;--pragmatech-color-base-border-1:#dfe0e2;--pragmatech-color-base-border-2:#bac0c9;--pragmatech-color-base-border-3:#acbbd752;--pragmatech-color-base-border-brand:#16c58366;--pragmatech-color-base-layer-2:#ffffff;--pragmatech-color-base-layer-3:#37377b08;--pragmatech-color-base-card:#ffffff;--pragmatech-color-base-popover:#ffffff;--pragmatech-color-base-popover-foreground:#090a0c;--pragmatech-color-base-input:#f9f9fb;--pragmatech-color-base-placeholder:#94a3b8;--pragmatech-color-base-destructive:#f54135;--pragmatech-color-base-destructive-background:#f541351a;--pragmatech-color-base-destructive-border:#f5413566;--pragmatech-color-base-destructive-outline:#f5413533;--pragmatech-color-base-success:#09d286;--pragmatech-color-base-success-background:#16c5831a;--pragmatech-color-base-success-border:#16c58366;--pragmatech-color-base-warning:#fa8934;--pragmatech-color-base-warning-background:#fa89341a;--pragmatech-color-base-warning-border:#fa893466;--pragmatech-color-base-info:#0267fc;--pragmatech-color-base-info-background:#0267fc1a;--pragmatech-color-base-info-border:#0267fc66;--pragmatech-color-base-disabled:#b5bece14;--pragmatech-color-base-disabled-foreground:#bac0c9;--pragmatech-color-base-ring:#0267fc;--pragmatech-color-base-background-inverse:#1e293b;--pragmatech-color-base-transparent:#ffffff00;--pragmatech-color-custom-outline:#0267fc4d;--pragmatech-color-custom-accent-brand-50:#16c5830d;--pragmatech-color-custom-destructive-10:#f53f321a;--pragmatech-color-alpha-30:#ffffffb2;--pragmatech-color-alpha-50:#ffffff80;--pragmatech-color-alpha-60:#ffffff66;--pragmatech-color-alpha-70:#ffffff4d;--pragmatech-color-alpha-80:#ffffff33;--pragmatech-color-core-white-950:#ffffff;--pragmatech-color-tailwind-zinc-900:#18181b;--pragmatech-color-shadow-sm-1:#090a0c1f;--pragmatech-color-shadow-sm-2:#090a0c0a;--pragmatech-color-shadow-lg-1:#090a0c1f;--pragmatech-color-shadow-lg-2:#090a0c0a;--pragmatech-color-shadow-xl-1:#090a0c1f;--pragmatech-color-shadow-xl-2:#090a0c0a;--pragmatech-font-sans:"SF Pro";--pragmatech-font-mono:"Geist Mono";--pragmatech-font-weight-light:300;--pragmatech-font-weight-normal:400;--pragmatech-font-weight-medium:510;--pragmatech-font-weight-bold:700;--pragmatech-font-weight-extrabold:800;--pragmatech-spacing-1:4px;--pragmatech-spacing-2:8px;--pragmatech-spacing-3:12px;--pragmatech-spacing-4:16px;--pragmatech-spacing-5:20px;--pragmatech-spacing-6:24px;--pragmatech-spacing-7:28px;--pragmatech-spacing-8:32px;--pragmatech-spacing-10:40px;--pragmatech-spacing-12:48px;--pragmatech-spacing-20:80px;--pragmatech-spacing-32:128px;--pragmatech-spacing-96:384px;--pragmatech-spacing-0-5:2px;--pragmatech-spacing-1-5:6px;--pragmatech-spacing-2-5:10px;--pragmatech-spacing-3-5:14px;--pragmatech-radius-2xs:8px;--pragmatech-radius-xs:12px;--pragmatech-radius-sm:14px;--pragmatech-radius-md:16px;--pragmatech-radius-lg:20px;--pragmatech-radius-xl:24px;--pragmatech-radius-full:9999px;--pragmatech-border-width-2:2px;--pragmatech-border-width:1px;--pragmatech-size-h-2:8px;--pragmatech-size-h-3:12px;--pragmatech-size-h-4:16px;--pragmatech-size-h-5:20px;--pragmatech-size-h-7:28px;--pragmatech-size-h-8:32px;--pragmatech-size-h-10:40px;--pragmatech-size-h-12:48px;--pragmatech-size-w-2:8px;--pragmatech-size-w-3:12px;--pragmatech-size-w-4:16px;--pragmatech-size-w-5:20px;--pragmatech-size-w-9:36px;--pragmatech-size-w-10:40px;--pragmatech-size-w-12:48px;--pragmatech-size-max-w-sm:384px;--pragmatech-size-max-w-xl:576px;--pragmatech-size-max-w-3xl:768px;--pragmatech-effect-focus-default:0 0 0 3px var(--pragmatech-color-custom-outline);--pragmatech-effect-focus-destructive:0 0 0 3px var(--pragmatech-color-base-destructive-outline);--pragmatech-effect-shadow-sm:0 1px 2px -1px var(--pragmatech-color-shadow-sm-2),0 1px 3px 0 var(--pragmatech-color-shadow-sm-1);--pragmatech-effect-shadow-lg:0 4px 6px -2px var(--pragmatech-color-shadow-lg-2),0 8px 16px -4px var(--pragmatech-color-shadow-lg-1);--pragmatech-effect-shadow-xl:0 12px 12px -4px var(--pragmatech-color-shadow-xl-2),0 20px 24px -4px var(--pragmatech-color-shadow-xl-1);--pragmatech-text-xs-font-size:13px;--pragmatech-text-xs-line-height:18px;--pragmatech-text-sm-font-size:15px;--pragmatech-text-sm-line-height:20px;--pragmatech-text-base-font-size:16px;--pragmatech-text-base-line-height:24px;--pragmatech-text-lg-font-size:18px;--pragmatech-text-lg-line-height:28px;--pragmatech-text-xl-font-size:20px;--pragmatech-text-xl-line-height:28px;--pragmatech-text-2xl-font-size:24px;--pragmatech-text-2xl-line-height:32px;--pragmatech-text-3xl-font-size:32px;--pragmatech-text-3xl-line-height:36px;--pragmatech-text-4xl-font-size:36px;--pragmatech-text-4xl-line-height:40px;--pragmatech-text-5xl-font-size:48px;--pragmatech-text-5xl-line-height:48px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{min-block-size:100dvh;font-family:var(--pragmatech-font-font-sans,system-ui);background-color:var(--pragmatech-color-base-background,#ffffff);color:var(--pragmatech-color-base-foreground,#16161d);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--pragmatech-color-base-ring,#4f46e5);outline-offset:2px}a{color:inherit}code{font-family:var(--pragmatech-font-font-mono,ui-monospace,monospace);font-size:.875em}.shell{max-inline-size:64rem;margin-inline:auto;padding-block:3rem;padding-inline:1.5rem}.shell-title{margin-block:0 .5rem;font-size:2rem;font-weight:700}.shell-status{margin-block:0 2rem;max-inline-size:48rem;opacity:.85}.shell-link{display:inline-block;-webkit-margin-before:2rem;margin-block-start:2rem;text-decoration:underline;text-underline-offset:.2em}.route-loading{align-items:center;justify-content:center;color:var(--pragmatech-color-base-muted-foreground,#71717a);font-size:var(--pragmatech-text-sm-font-size,.875rem)}.app-shell,.route-loading{min-block-size:100dvh;display:flex}.app-sidebar{flex:0 0 14rem;display:flex;flex-direction:column;gap:var(--pragmatech-spacing-4,1rem);padding-block:var(--pragmatech-spacing-4,1rem);padding-inline:var(--pragmatech-spacing-3,.75rem);-webkit-border-end:var(--pragmatech-border-width,1px) solid var(--pragmatech-color-base-border-1,#e4e4e7);border-inline-end:var(--pragmatech-border-width,1px) solid var(--pragmatech-color-base-border-1,#e4e4e7);background-color:var(--pragmatech-color-base-muted,#fafafa)}.app-brand{font-weight:var(--pragmatech-font-weight-bold,700);font-size:var(--pragmatech-text-base-font-size,1rem);padding-inline:var(--pragmatech-spacing-2,.5rem)}.app-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pragmatech-spacing-0-5,.125rem)}.app-nav-link{display:block;padding-block:var(--pragmatech-spacing-1-5,.375rem);padding-inline:var(--pragmatech-spacing-2,.5rem);border-radius:var(--pragmatech-radius-md,.5rem);font-size:var(--pragmatech-text-sm-font-size,.875rem);line-height:var(--pragmatech-text-sm-line-height,1.25rem);color:var(--pragmatech-color-base-muted-foreground,#52525b);text-decoration:none}.app-nav-link:hover{background-color:var(--pragmatech-color-base-layer-2,#f4f4f5);color:var(--pragmatech-color-base-foreground,#16161d)}.app-nav-link-active,.app-nav-link-active:hover{background-color:var(--pragmatech-color-base-primary,#18181b);color:var(--pragmatech-color-base-primary-foreground,#fafafa)}.app-nav-badge{display:inline-block;-webkit-margin-start:var(--pragmatech-spacing-1-5,.375rem);margin-inline-start:var(--pragmatech-spacing-1-5,.375rem);padding-block:0;padding-inline:var(--pragmatech-spacing-1-5,.375rem);border-radius:var(--pragmatech-radius-full,9999px);background-color:var(--pragmatech-color-base-danger,#dc2626);color:var(--pragmatech-color-base-danger-foreground,#fef2f2);font-size:var(--pragmatech-text-xs-font-size,.75rem);line-height:var(--pragmatech-text-base-line-height,1.5rem);font-weight:var(--pragmatech-font-weight-semibold,600)}.app-nav{display:flex;flex-direction:column;gap:var(--pragmatech-spacing-1,.25rem);flex:1 1 auto;min-height:0;overflow-y:auto}.app-nav-section{display:flex;flex-direction:column}.app-nav-section-header{display:flex;align-items:center;justify-content:space-between;inline-size:100%;margin:0;padding-block:var(--pragmatech-spacing-1-5,.375rem);padding-inline:var(--pragmatech-spacing-2,.5rem);border:none;background:none;border-radius:var(--pragmatech-radius-md,.5rem);cursor:pointer;text-align:start;color:var(--pragmatech-color-base-muted-foreground,#52525b)}.app-nav-section-header:hover{background-color:var(--pragmatech-color-base-layer-2,#f4f4f5);color:var(--pragmatech-color-base-foreground,#16161d)}.app-nav-section-title{font-weight:var(--pragmatech-font-weight-semibold,600);text-transform:uppercase;letter-spacing:.04em}.app-nav-section-chevron,.app-nav-section-title{font-size:var(--pragmatech-text-xs-font-size,.75rem)}.app-nav-section-chevron{line-height:1;transition:transform .15s ease}.app-nav-section-chevron-open{transform:rotate(90deg)}.app-main{flex:1 1 auto;display:flex;flex-direction:column;min-inline-size:0}.app-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--pragmatech-spacing-3,.75rem);padding-block:var(--pragmatech-spacing-2,.5rem);padding-inline:var(--pragmatech-spacing-4,1rem);-webkit-border-after:var(--pragmatech-border-width,1px) solid var(--pragmatech-color-base-border-1,#e4e4e7);border-block-end:var(--pragmatech-border-width,1px) solid var(--pragmatech-color-base-border-1,#e4e4e7)}.app-header-user{display:flex;flex-direction:column;align-items:flex-end}.app-header-user-name{font-size:var(--pragmatech-text-sm-font-size,.875rem);line-height:var(--pragmatech-text-sm-line-height,1.25rem);font-weight:var(--pragmatech-font-weight-medium,500)}.app-header-user-sub{font-size:var(--pragmatech-text-xs-font-size,.75rem);line-height:var(--pragmatech-text-xs-line-height,1rem);color:var(--pragmatech-color-base-muted-foreground,#71717a)}.app-content{flex:1 1 auto;padding-block:var(--pragmatech-spacing-4,1rem);padding-inline:var(--pragmatech-spacing-5,1.25rem)}.tokens-section{-webkit-margin-before:2.5rem;margin-block-start:2.5rem}.tokens-section-title{margin-block:0 1rem;font-size:1.25rem;font-weight:600}.tokens-group-name{display:block;margin-block:1rem .5rem;opacity:.7}.token-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));grid-gap:.75rem;gap:.75rem}.token-card{display:flex;flex-direction:column;gap:.25rem;padding-block:.75rem;padding-inline:.75rem;border:1px solid var(--pragmatech-color-base-border,#e4e4e7);border-radius:var(--pragmatech-radius-md,.5rem)}.token-swatch{display:block;block-size:2.5rem;inline-size:100%;border-radius:var(--pragmatech-radius-sm,.25rem);border:1px solid var(--pragmatech-color-base-border,#e4e4e7)}.token-radius-box{display:block;block-size:3rem;inline-size:3rem;border:2px solid var(--pragmatech-color-base-foreground,#16161d)}.token-spacing-bar{display:block;block-size:.75rem;background-color:var(--pragmatech-color-base-foreground,#16161d);border-radius:var(--pragmatech-radius-sm,.25rem)}.token-name{font-weight:600;overflow-wrap:anywhere}.token-value{opacity:.7;overflow-wrap:anywhere}.token-type-sample{margin-block:.25rem 0}.tokens-empty{opacity:.6;font-style:italic}