@layer app;:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;color-scheme:light;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gst-brand: #fbbf24;--react-brand: #1877f2}body{min-block-size:100svb;margin:0;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@layer app{section{display:flex;flex-direction:column;gap:1rem}section h1,section h2,section h3,section h4,section h5,section h6,section p{margin:0}.stdlib-showcase{display:flex;flex-direction:column;gap:2rem}.app-layout{display:flex;min-height:100vh}.skip-links{position:fixed;top:0;left:0;z-index:1000;display:flex;gap:0}.skip-to-main{position:absolute;left:-9999px;padding:.75em 1.5em;background:#1e293b;color:#fff;font-weight:600;text-decoration:none}.skip-to-main:focus{position:static}#main-content:focus,#sidebar:focus,#demo-form:focus{outline:none}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;padding-block-start:84px}@media(min-width:769px){.app-content{padding-block-start:28px;margin-inline-start:280px}}.mobile-header{display:flex;justify-content:space-between;align-items:center;position:fixed;inset-block-start:28px;inset-inline:0;block-size:56px;padding-inline:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid #e2e8f0;z-index:200}.mobile-logo{font-weight:600;font-size:1.125rem;color:#0f172a}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:#475569;cursor:pointer;border-radius:.375rem;transition:background-color .15s,color .15s}.mobile-menu-btn:hover{background:#0000000d;color:#1e293b}@media(min-width:769px){.mobile-header{display:none}}.nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:300;animation:fadeIn .2s ease-out}@media(min-width:769px){.nav-backdrop{display:none}}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;margin:0}h2{font-size:1.75rem;color:#0f172a}h3{font-size:1.1rem;color:#1e293b}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.form-header{margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid #e5e7eb}.form-description{margin:0;color:#64748b;font-size:.9375rem}.dirty-indicator{position:fixed;bottom:1em;left:1em;padding:.5em 1em;background:orange;color:#fff;border-radius:.25em;font-weight:700;box-shadow:0 2px 8px #0000004d}.spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.text-danger{color:#dc2626}.text-warning{color:#f59e0b}.text-success{color:#10b981}.field-highlight input,.field-highlight select,.field-highlight textarea{background-color:#fff3cd;border-color:#ffc107}.field-highlight input:focus,.field-highlight select:focus,.field-highlight textarea:focus{border-color:#ffc107;box-shadow:0 0 0 .2em #ffc10740}.field-warning input,.field-warning select,.field-warning textarea{background-color:#fff3cd;border-color:#ff9800}.field-warning input:focus,.field-warning select:focus,.field-warning textarea:focus{border-color:#ff9800;box-shadow:0 0 0 .2em #ff980040}.field-success input,.field-success select,.field-success textarea{background-color:#d4edda;border-color:#28a745}.field-success input:focus,.field-success select:focus,.field-success textarea:focus{border-color:#28a745;box-shadow:0 0 0 .2em #28a74540}@media(prefers-color-scheme:light){a{color:#646cff}a:hover{color:#747bff}.form-header{border-bottom-color:#e2e8f0}.form-description{color:#64748b}}.app-main{flex:1;min-width:0;padding:1rem 1rem 4rem}.app-main .gst{font-size:var(--gst-font-size, 16px)}.app-main hgroup{padding:1rem}.variant-switcher{width:fit-content;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:.75em;padding:1em 1.25em;margin-bottom:1.5em}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75em}.variant-switcher h4{margin:0;font-size:.875em;font-weight:600;color:#646cff;text-transform:uppercase;letter-spacing:.05em}.reset-btn{background:transparent;border:1px solid rgba(100,108,255,.4);color:#646cff;padding:.25em .75em;border-radius:4px;font-size:.75em;font-weight:500;cursor:pointer;transition:all .15s}.reset-btn:hover{background:#646cff1a;border-color:#646cff}.variant-controls{display:flex;flex-wrap:wrap;gap:1em}.variant-group{display:flex;align-items:center;gap:.5em}.variant-group label{font-size:.875em;color:#475569;white-space:nowrap}.variant-group select{padding:.375em .75em;border-radius:.375em;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-size:.875em;cursor:pointer;min-width:120px}.variant-group select:hover{border-color:#646cff}.variant-group select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.variant-description{margin:.75em 0 0;font-size:.875em;color:#64748b;font-style:italic}@media(prefers-color-scheme:light){.variant-switcher{background:#646cff0d;border-color:#646cff33}.variant-group label{color:#475569}.variant-group select{border-color:#e2e8f0;background:#fff;color:#1e293b}.variant-group select:hover{border-color:#646cff}.variant-description{color:#64748b}}.admin-banner{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:.5em;padding:.75em 1em;margin-bottom:1em}.admin-banner .content,.admin-banner .row,.admin-banner .field{margin:0;padding:0}.admin-badge{color:#fff;font-size:1em;font-weight:600}.admin-section{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:.5em;padding:1em;margin-top:1.5em}.admin-section .group-title{color:#7c3aed}.gdpr-consent-section{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5em;padding:1em;margin-top:1.5em}.gdpr-consent-section .group-title{color:#3b82f6}.team-architecture-demo{width:100%}.demo-header{margin-bottom:1.5em}.demo-intro{color:#475569;font-size:1em;line-height:1.6;margin:0}.approach-switcher{display:flex;gap:1em;margin-bottom:1.5em}.approach-switcher button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25em;padding:1em;border:2px solid #e2e8f0;border-radius:.75em;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.approach-switcher button:hover{background:#f8fafc;border-color:#cbd5e1}.approach-switcher button.active{background:#f8fafc;border-color:var(--accent-color);color:#1e293b}.approach-icon{font-size:1.5em}.approach-label{font-weight:600;font-size:1em}.approach-detail{font-size:.75em;opacity:.7}.form-panel.single{max-width:600px;margin:0 auto}@media(prefers-color-scheme:light){.approach-switcher button{border-color:#e2e8f0;background:#fff;color:#64748b}.approach-switcher button:hover{background:#f8fafc;border-color:#cbd5e1}.approach-switcher button.active{background:#f8fafc;border-color:var(--accent-color);color:#1e293b}}.form-panel{background:#fff;border-radius:.75em;overflow:hidden;border:1px solid #e2e8f0}.panel-header{padding:1em 1.25em;border-bottom:3px solid;background:#f1f5f9}.panel-header h3{margin:0 0 .25em;font-size:1.1em;font-weight:600}.panel-subtitle{margin:0 0 .75em;color:#64748b;font-size:.875em}.panel-meta{display:flex;gap:1.5em;font-size:.8em}.meta-section{flex:1}.meta-section strong{display:block;color:#475569;margin-bottom:.25em;font-size:.75em;text-transform:uppercase;letter-spacing:.05em}.meta-section ul{margin:0;padding-left:1em;color:#64748b}.meta-section li{margin:.125em 0}.meta-section code{background:#0000000d;padding:.1em .3em;border-radius:.25em;font-size:.75em}.panel-form{padding:1em}.demo-footer{margin-top:1.5em;padding:1em;background:#646cff0d;border-radius:.5em;text-align:center}.demo-footer p{margin:0;color:#475569}.side-by-side{display:grid;grid-template-columns:1fr;gap:1.5em}@media(min-width:901px){.side-by-side{grid-template-columns:1fr 1fr}}.form-panel.code{display:flex;flex-direction:column}.code-panel{display:flex;flex-direction:column;flex:1;min-height:400px}.code-tabs{display:flex;gap:.25em;padding:.5em;background:#e2e8f0;border-bottom:1px solid #cbd5e1}.code-tabs button{padding:.375em .75em;border:none;border-radius:.375em;background:transparent;color:#64748b;font-size:.75em;font-family:monospace;cursor:pointer;transition:all .15s ease}.code-tabs button:hover{background:#0000000d;color:#1e293b}.code-tabs button.active{background:#fff;color:#1e293b}.code-content{flex:1;overflow:auto;padding:1em;background:#1e293b}.code-content pre{margin:0;font-size:.75em;line-height:1.5}.code-content code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:#e2e8f0;white-space:pre}@media(prefers-color-scheme:light){.demo-intro{color:#475569}.form-panel{background:#f8fafc;border:1px solid #e2e8f0}.panel-header{background:#f1f5f9}.panel-subtitle{color:#64748b}.meta-section strong{color:#475569}.meta-section ul{color:#64748b}.meta-section code{background:#0000000d}.demo-footer{background:#646cff0d}.demo-footer p{color:#475569}}}.sidebar{display:none;position:fixed;inset:10rem 1rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;z-index:400;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .25s ease-out}.sidebar.open{display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:769px){.sidebar{display:flex;position:fixed;inset:28px auto 0 0;width:280px;height:calc(100vh - 28px);border-radius:0;border-right:1px solid #e2e8f0;box-shadow:none;animation:none;z-index:100}}.sidebar-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sidebar-header h1{flex:1;margin:0;font-size:1.25em;color:#0f172a;font-weight:600}.example-count{width:100%;order:3;margin-top:.25em;font-size:.75em;color:#64748b;text-transform:uppercase;letter-spacing:.05em}@media(min-width:769px){.sidebar-header{flex-wrap:nowrap;padding:1.5em 1.25em 1em}.example-count{width:auto;order:0}}.sidebar-close{display:flex;align-items:center;justify-content:center;padding:.375rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:.375rem;transition:background-color .15s,color .15s}.sidebar-close:hover{background:#0000000d;color:#1e293b}@media(min-width:769px){.sidebar-close{display:none}}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:4em}.sidebar-category{margin-bottom:.5em}.category-header{display:flex;align-items:center;justify-content:space-between;padding:.5em 1.25em .375em;position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.category-header h3{margin:0;font-size:.75em;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.category-count{font-size:.7em;color:#64748b;background:#0000000d;padding:.25em .5em;border-radius:1em;min-width:1.5em;text-align:center}@media(min-width:769px){.category-header{padding:.75em 1.25em .5em}}.category-items{list-style:none;margin:0;padding:0}.category-items li{margin:0}.category-items a{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625em 1.25em;border:none;background:transparent;color:#475569;font-size:.875em;text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.category-items a:hover{background:#00000008;color:#1e293b;border-left-color:#cbd5e1}.category-items a.active{background:#646cff1a;color:#646cff;border-left-color:#646cff;font-weight:500}.item-label{flex:1}.item-badge{font-size:.7em;padding:.25em .5em;border-radius:.25em;background:#0000000d;color:#64748b;text-transform:lowercase;font-style:italic}.sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#00000008}.sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00000040}.menubar{display:flex;align-items:center;gap:0;height:28px;padding-inline:8px;background:#e8e8e8;border-bottom:1px solid #bbb;font-size:13px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;position:fixed;inset-block-start:0;inset-inline:0;z-index:500}.menubar-brand{font-weight:600;padding-inline:8px;margin-inline-end:4px;color:#1a1a1a}.menubar-menus{display:flex;align-items:center}.menubar-item{position:relative}.menubar-trigger{display:flex;align-items:center;height:28px;padding-inline:8px;border:none;background:transparent;color:#1a1a1a;font-size:13px;font-family:inherit;cursor:default;border-radius:4px}.menubar-trigger:hover,.menubar-trigger.active{background:#0058d0;color:#fff}.menubar-dropdown{position:absolute;inset-block-start:100%;inset-inline-start:0;min-width:240px;padding:4px 0;background:#fff;border:1px solid #c0c0c0;border-radius:6px;box-shadow:0 4px 16px #00000026;z-index:510}.menubar-dropdown-item{display:flex;align-items:center;gap:4px;width:100%;padding:4px 12px 4px 4px;border:none;background:transparent;color:#1a1a1a;font-size:13px;font-family:inherit;cursor:default;text-align:left}.menubar-dropdown-item:hover{background:#0058d0;color:#fff}.menubar-check{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;font-size:14px}.menubar-dropdown-label{padding:4px 12px 4px 24px;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.menubar-dropdown-separator{height:1px;margin:4px 0;background:#e0e0e0}@layer gst,gst-stdlib,gst-theme,gst-form;@layer gst-stdlib{.gst[class*=theme-]{--gst-primary: #f59e0b;--gst-primary-hover: #d97706;--gst-btn-primary-text: #1c1917;--gst-secondary: #64748b;--gst-secondary-hover: #475569;--gst-secondary-active: #334155;--gst-success: #10b981;--gst-success-hover: #059669;--gst-warning: #f59e0b;--gst-warning-hover: #d97706;--gst-error: #dc2626;--gst-error-hover: #b91c1c;--gst-info: #3b82f6;--gst-info-hover: #2563eb;--gst-gray-50: #f9fafb;--gst-gray-100: #f3f4f6;--gst-gray-200: #e5e7eb;--gst-gray-300: #d1d5db;--gst-gray-400: #9ca3af;--gst-gray-500: #6b7280;--gst-gray-600: #4b5563;--gst-gray-700: #374151;--gst-gray-800: #1f2937;--gst-gray-900: #111827;--gst-bg-primary: #ffffff;--gst-bg-secondary: #f9fafb;--gst-bg-input: #ffffff;--gst-bg-disabled: #f3f4f6;--gst-bg-hover: #f9fafb;--gst-text-primary: #111827;--gst-text-secondary: #4b5563;--gst-text-muted: #6b7280;--gst-text-placeholder: #9ca3af;--gst-text-disabled: #6b7280;--gst-border: #d1d5db;--gst-border-hover: #9ca3af;--gst-border-focus: #3b82f6;--gst-border-error: #dc2626;--gst-border-success: #10b981;--gst-border-warning: #f59e0b;--gst-focus-ring: rgba(59, 130, 246, .25);--gst-focus-ring-error: rgba(220, 38, 38, .25);--gst-focus-ring-width: .2em;--gst-focus-ring-offset: .125em;--gst-bg-readonly: #f3f4f6;--gst-text-readonly: #6b7280;--gst-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gst-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--gst-text-xs: .75em;--gst-text-sm: .875em;--gst-text-base: 1em;--gst-text-lg: 1.125em;--gst-font-normal: 400;--gst-font-medium: 500;--gst-font-semibold: 600;--gst-font-bold: 700;--gst-gap-xs: .25em;--gst-gap-sm: .5em;--gst-gap-md: .75em;--gst-gap-lg: 1em;--gst-padding-xs: .25em;--gst-padding-sm: .5em;--gst-padding-md: .75em;--gst-padding-lg: 1em;--gst-radius-sm: .25em;--gst-radius-md: .375em;--gst-radius-lg: .5em;--gst-border-width: 1px;--gst-border-style: solid;--gst-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--gst-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--gst-transition-fast: .15s;--gst-transition-base: .2s;--gst-ease-in-out: cubic-bezier(.4, 0, .2, 1);--gst-input-height: 2.5em;--gst-disabled-opacity: .6;--gst-btn-primary-gradient: ;--gst-btn-primary-gradient-hover: ;--gst-btn-hover-transform: ;--gst-btn-hover-shadow: ;--gst-input-focus-transform: ;--gst-dirty-indicator-bg: ;--gst-dirty-indicator-animation: ;background-color:var(--gst-bg-primary);border-radius:var(--gst-radius-lg);font-family:var(--gst-font-sans);padding-block:var(--gst-gap-lg)}.gst[class*=theme-] .group{gap:var(--gst-gap-lg);padding-inline:var(--gst-gap-lg)}.gst[class*=theme-] .group .group{padding-inline:0}.gst[class*=theme-] .group-header{gap:var(--gst-gap-lg)}.gst[class*=theme-] .group-title{margin:0}.gst[class*=theme-] .group-description{margin:0;color:var(--gst-text-muted);font-size:var(--gst-text-sm)}.gst[class*=theme-] .row{gap:var(--gst-gap-lg)}.gst[class*=theme-] .row>*{flex:1}.gst[class*=theme-] .form-actions{gap:var(--gst-gap-sm);padding-inline:var(--gst-gap-lg);margin-block-start:var(--gst-gap-lg);justify-content:flex-end}.gst[class*=theme-] .group-buttons{gap:var(--gst-gap-sm);margin-block-start:var(--gst-gap-lg);justify-content:flex-end}.gst[class*=theme-] .field.button-row{gap:var(--gst-gap-lg)}.gst[class*=theme-] .option{align-items:center}.gst[class*=theme-] .option+.option{margin-top:.5em}.gst[class*=theme-] .option label{gap:var(--gst-gap-sm);font-weight:var(--gst-font-normal);line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none}.gst[class*=theme-] .field.type-checkbox label{display:flex;align-items:center;gap:var(--gst-gap-sm);-webkit-user-select:none;user-select:none}.gst[class*=theme-] :where(h1,h2,h3,h4,h5,h6){margin:0}.gst[class*=theme-] fieldset{margin:0;padding:var(--gst-padding-md);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-sm)}.gst[class*=theme-] fieldset+fieldset{margin-top:var(--gst-gap-md)}.gst[class*=theme-] fieldset:has([type=checkbox]),.gst[class*=theme-] fieldset:has([type=radio]){gap:var(--gst-gap-sm)}.gst[class*=theme-] .segmented-label{font-weight:var(--gst-font-semibold);font-size:var(--gst-text-sm);color:var(--gst-text-secondary)}.gst[class*=theme-] .segmented-control{display:flex;width:100%;gap:0;border-bottom:var(--gst-border-width) var(--gst-border-style) var(--gst-gray-300)}.gst[class*=theme-] .segmented-control .segment{flex:1;cursor:pointer;text-align:center;font-weight:var(--gst-font-medium);font-size:var(--gst-text-sm);-webkit-user-select:none;user-select:none}.gst[class*=theme-] .segmented-control .segment span{display:block;padding:var(--gst-padding-sm)}.gst[class*=theme-] .segmented-pills{background:var(--gst-gray-100);border-radius:var(--gst-radius-md);padding:.2em}.gst[class*=theme-] .segmented-pills .segment{border-radius:var(--gst-radius-sm);color:var(--gst-text-secondary)}.gst[class*=theme-] .segmented-pills .segment.active{background:var(--gst-bg-primary);color:var(--gst-text-primary);box-shadow:0 1px 3px #0000001a}@media(hover:hover){.gst[class*=theme-] .segmented-pills .segment:not(.active):hover{color:var(--gst-text-primary)}}.gst[class*=theme-] .segmented-tabs{position:relative;z-index:1;margin-bottom:-1px}.gst[class*=theme-] .segmented-tabs .segment{flex:0;white-space:nowrap;color:var(--gst-text-secondary);border:var(--gst-border-width) var(--gst-border-style) var(--gst-gray-300);border-bottom-color:var(--gst-border);border-radius:var(--gst-radius-lg) var(--gst-radius-lg) 0 0;background:var(--gst-gray-100);margin-right:-.5em;position:relative;z-index:0;margin-bottom:-1px}.gst[class*=theme-] .segmented-tabs .segment span{padding-inline:var(--gst-gap-lg)}.gst[class*=theme-] .segmented-tabs .segment.active{color:var(--gst-btn-primary-text, var(--gst-bg-primary));border-color:var(--gst-primary);border-bottom-color:var(--gst-primary);background:var(--gst-primary);z-index:2}.gst[class*=theme-] .segmented-tabs .segment.active span{color:inherit}@media(hover:hover){.gst[class*=theme-] .segmented-tabs .segment:not(.active):hover{color:var(--gst-text-primary);background:var(--gst-gray-100)}}.gst[class*=theme-] .field:has(.segmented-tabs)+.row,.gst[class*=theme-] .field:has(.segmented-tabs)~.group{border-top:var(--gst-border-width) var(--gst-border-style) var(--gst-border)}.gst[class*=theme-] label,.gst[class*=theme-] legend{font-weight:var(--gst-font-semibold);font-size:var(--gst-text-sm)}.gst[class*=theme-] label>span,.gst[class*=theme-] legend{color:var(--gst-text-secondary);white-space:nowrap}.gst[class*=theme-] .type-checkbox label>span{white-space:normal}.gst[class*=theme-] .required-indicator{color:var(--gst-error);font-weight:var(--gst-font-normal)}.gst[class*=theme-] input:not([type=checkbox]):not([type=radio]),.gst[class*=theme-] select,.gst[class*=theme-] textarea{padding:var(--gst-padding-sm);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-sm);background-color:var(--gst-bg-input);color:inherit;transition:border-color var(--gst-transition-fast) var(--gst-ease-in-out),box-shadow var(--gst-transition-fast) var(--gst-ease-in-out),transform var(--gst-transition-fast) var(--gst-ease-in-out)}.gst[class*=theme-] input:not([type=checkbox]):not([type=radio]){min-height:var(--gst-input-height);height:var(--gst-input-height)}.gst[class*=theme-] select{min-height:var(--gst-input-height);height:var(--gst-input-height);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5em center;padding-right:2.5em}.gst[class*=theme-] textarea{min-height:calc(var(--gst-input-height) * 2);display:block}.gst[class*=theme-] input:not([type=checkbox]):not([type=radio]):focus,.gst[class*=theme-] select:focus,.gst[class*=theme-] textarea:focus{border-color:var(--gst-border-focus);outline:0;box-shadow:0 0 0 var(--gst-focus-ring-width) var(--gst-focus-ring);transform:var(--gst-input-focus-transform)}.gst[class*=theme-] input:disabled,.gst[class*=theme-] select:disabled:not([data-readonly]),.gst[class*=theme-] textarea:disabled{border-style:dashed;background-color:var(--gst-bg-disabled);cursor:not-allowed}.gst[class*=theme-] input[readonly],.gst[class*=theme-] textarea[readonly]{border-style:dashed;background-color:var(--gst-bg-readonly);color:var(--gst-text-readonly);cursor:default}.gst[class*=theme-] select[data-readonly]{opacity:1;background-color:var(--gst-bg-readonly);color:var(--gst-text-readonly);cursor:default;border-style:dashed}.gst[class*=theme-] .input-wrapper{display:flex;align-items:stretch}.gst[class*=theme-] .input-wrapper>input,.gst[class*=theme-] .input-wrapper>select,.gst[class*=theme-] .input-wrapper>textarea{flex:1;min-width:0}.gst[class*=theme-] .input-wrapper>.slot-prepend+input,.gst[class*=theme-] .input-wrapper>.slot-prepend+select,.gst[class*=theme-] .input-wrapper>.slot-prepend+textarea{border-top-left-radius:0;border-bottom-left-radius:0}.gst[class*=theme-] .input-wrapper>input:has(+.slot-append),.gst[class*=theme-] .input-wrapper>select:has(+.slot-append),.gst[class*=theme-] .input-wrapper>textarea:has(+.slot-append){border-top-right-radius:0;border-bottom-right-radius:0}.gst[class*=theme-] .slot-prepend,.gst[class*=theme-] .slot-append{display:flex;align-items:center;padding-inline:var(--gst-padding-sm);background:var(--gst-bg-secondary);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);color:var(--gst-text-secondary);font-size:var(--gst-text-sm);white-space:nowrap}.gst[class*=theme-] .slot-prepend{border-right:none;border-radius:var(--gst-radius-sm) 0 0 var(--gst-radius-sm)}.gst[class*=theme-] .slot-append{border-left:none;border-radius:0 var(--gst-radius-sm) var(--gst-radius-sm) 0}.gst[class*=theme-] .slot-prepend button,.gst[class*=theme-] .slot-append button{border:none;background:none;padding:var(--gst-padding-xs) var(--gst-padding-sm);color:inherit;cursor:pointer}@media(hover:hover){.gst[class*=theme-] .slot-prepend button:hover,.gst[class*=theme-] .slot-append button:hover{color:var(--gst-text-primary);background:none;box-shadow:none;transform:none}}.gst[class*=theme-] .input-clearable{position:relative;display:flex;width:100%}.gst[class*=theme-] .input-clearable input{padding-right:2em}.gst[class*=theme-] .input-clear-btn{position:absolute;right:.25em;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;padding:0;border:none;background:none;color:var(--gst-text-muted);font-size:1em;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.gst[class*=theme-] .input-clear-btn:hover{color:var(--gst-text-primary);background:var(--gst-gray-200)}.gst[class*=theme-] ::placeholder{color:var(--gst-text-placeholder);opacity:1}.gst[class*=theme-] select:has(option[value=""]:checked){color:var(--gst-text-placeholder)}.gst[class*=theme-] select option{color:var(--gst-text-primary)}.gst[class*=theme-] select option[value=""]{color:var(--gst-text-muted)}.gst[class*=theme-] input[type=date][data-empty=true],.gst[class*=theme-] input[type=time][data-empty=true],.gst[class*=theme-] input[type=datetime-local][data-empty=true],.gst[class*=theme-] input[type=month][data-empty=true]{color:var(--gst-text-muted)}:is(.gst[class*=theme-] input[type=date][data-empty=true],.gst[class*=theme-] input[type=time][data-empty=true],.gst[class*=theme-] input[type=datetime-local][data-empty=true],.gst[class*=theme-] input[type=month][data-empty=true])::-webkit-calendar-picker-indicator{opacity:.5}.gst[class*=theme-] input[type=checkbox],.gst[class*=theme-] input[type=radio]{margin:0;width:1.125em;height:1.125em;flex-shrink:0;accent-color:var(--gst-primary)}.gst[class*=theme-] .btn,.gst[class*=theme-] button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:var(--gst-padding-xs) var(--gst-padding-lg);font-weight:var(--gst-font-medium);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-sm);background-color:var(--gst-bg-primary);color:var(--gst-text-primary);transition:all var(--gst-transition-fast) var(--gst-ease-in-out)}@media(hover:hover){.gst[class*=theme-] .btn:hover:not(:disabled),.gst[class*=theme-] button:hover:not(:disabled){background-color:var(--gst-bg-hover);border-color:var(--gst-border-hover);transform:var(--gst-btn-hover-transform);box-shadow:var(--gst-btn-hover-shadow)}}.gst[class*=theme-] .btn:active:not(:disabled),.gst[class*=theme-] button:active:not(:disabled){transform:translateY(1px)}.gst[class*=theme-] .btn:disabled,.gst[class*=theme-] button:disabled{opacity:var(--gst-disabled-opacity);cursor:not-allowed}.gst[class*=theme-] .btn:focus-visible,.gst[class*=theme-] button:focus-visible{outline:2px solid var(--gst-border-focus);outline-offset:var(--gst-focus-ring-offset)}.gst[class*=theme-] .btn-primary,.gst[class*=theme-] .field[data-variant=primary] button{background-color:var(--gst-primary);background-image:var(--gst-btn-primary-gradient);color:var(--gst-btn-primary-text, white);border-color:var(--gst-primary)}@media(hover:hover){.gst[class*=theme-] .btn-primary:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=primary] button:hover:not(:disabled){background-color:var(--gst-primary-hover);background-image:var(--gst-btn-primary-gradient-hover);border-color:var(--gst-primary-hover)}}.gst[class*=theme-] .btn-secondary,.gst[class*=theme-] .field[data-variant=secondary] button{background-color:var(--gst-secondary);color:var(--gst-bg-primary);border-color:var(--gst-secondary)}@media(hover:hover){.gst[class*=theme-] .btn-secondary:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=secondary] button:hover:not(:disabled){background-color:var(--gst-secondary-hover);border-color:var(--gst-secondary-hover)}}.gst[class*=theme-] .btn-danger,.gst[class*=theme-] .field[data-variant=danger] button{background-color:var(--gst-error);color:var(--gst-bg-primary);border-color:var(--gst-error)}@media(hover:hover){.gst[class*=theme-] .btn-danger:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=danger] button:hover:not(:disabled){background-color:var(--gst-error-hover);border-color:var(--gst-error-hover)}}.gst[class*=theme-] .btn-warning,.gst[class*=theme-] .field[data-variant=warning] button{background-color:var(--gst-warning);color:var(--gst-gray-900);border-color:var(--gst-warning)}@media(hover:hover){.gst[class*=theme-] .btn-warning:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=warning] button:hover:not(:disabled){background-color:var(--gst-warning-hover);border-color:var(--gst-warning-hover)}}.gst[class*=theme-] .btn-success,.gst[class*=theme-] .field[data-variant=success] button{background-color:var(--gst-success);color:var(--gst-bg-primary);border-color:var(--gst-success)}@media(hover:hover){.gst[class*=theme-] .btn-success:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=success] button:hover:not(:disabled){background-color:var(--gst-success-hover);border-color:var(--gst-success-hover)}}.gst[class*=theme-] .btn-link,.gst[class*=theme-] .field[data-variant=link] button{background:none;border:none;color:var(--gst-primary);padding:0;font-weight:var(--gst-font-medium);width:auto}@media(hover:hover){.gst[class*=theme-] .btn-link:hover:not(:disabled),.gst[class*=theme-] .field[data-variant=link] button:hover:not(:disabled){text-decoration:underline;background:none;border:none}}.gst[class*=theme-] [data-computed=true]{border-style:dashed!important;border-color:var(--gst-text-secondary);background:var(--gst-gray-50);color:var(--gst-text-primary);font-weight:500}.gst[class*=theme-] .field:has([data-computed=true]) label span:after{content:" (calculated)";font-size:var(--gst-text-xs);font-weight:400;color:var(--gst-text-secondary)}.gst[class*=theme-] .field{position:relative}.gst[class*=theme-] .field:has([data-dirty=true]):after{content:"";position:absolute;top:0;right:0;width:.375em;height:.375em;border-radius:50%;background:var(--gst-dirty-indicator-bg, var(--gst-warning))}.gst[class*=theme-] .field-hint{margin-top:var(--gst-gap-sm);color:var(--gst-text-secondary);font-size:var(--gst-text-xs)}.gst[class*=theme-] .error-message,.gst[class*=theme-] .field-error{margin-top:var(--gst-gap-sm);color:var(--gst-error);font-size:var(--gst-text-sm)}.gst[class*=theme-] [data-invalid=true] input,.gst[class*=theme-] [data-invalid=true] select,.gst[class*=theme-] [data-invalid=true] textarea,.gst[class*=theme-] .field[data-has-error=true] input,.gst[class*=theme-] .field[data-has-error=true] select,.gst[class*=theme-] .field[data-has-error=true] textarea{border-color:var(--gst-border-error)}.gst[class*=theme-] [data-invalid=true] input:focus,.gst[class*=theme-] [data-invalid=true] select:focus,.gst[class*=theme-] [data-invalid=true] textarea:focus,.gst[class*=theme-] .field[data-has-error=true] input:focus,.gst[class*=theme-] .field[data-has-error=true] select:focus,.gst[class*=theme-] .field[data-has-error=true] textarea:focus{box-shadow:0 0 0 var(--gst-focus-ring-width) var(--gst-focus-ring-error)}.gst[class*=theme-] .has-error>.group-title{color:var(--gst-error)}.gst[class*=theme-] .array-field{margin-top:var(--gst-gap-lg)}.gst[class*=theme-] .array-field-label{display:block;margin-bottom:var(--gst-gap-sm)}.gst[class*=theme-] .array-empty-state{text-align:center;padding:var(--gst-padding-lg);margin:var(--gst-gap-md) 0;color:var(--gst-text-muted);font-style:italic;background:var(--gst-bg-secondary);border-radius:var(--gst-radius-md)}.gst[class*=theme-] .array-items{display:flex;flex-direction:column;gap:var(--gst-gap-lg);margin:var(--gst-gap-md) 0}.gst[class*=theme-] .array-item{position:relative;padding:var(--gst-padding-md);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-md);background:var(--gst-bg-primary);transition:box-shadow var(--gst-transition-fast) var(--gst-ease-in-out)}.gst[class*=theme-] .array-item:focus{outline:.125em solid var(--gst-border-focus);outline-offset:.125em}.gst[class*=theme-] .array-item.is-dragging{opacity:.5}.gst[class*=theme-] .array-item.is-drag-over{outline:.125em dashed var(--gst-primary);outline-offset:.125em}.gst[class*=theme-] .array-item.is-selected{background:var(--gst-blue-50, #eff6ff)}@media(hover:hover){.gst[class*=theme-] .array-item:hover{box-shadow:var(--gst-shadow-sm)}}.gst[class*=theme-] .array-drag-handle{cursor:grab;padding:.25em;color:var(--gst-text-muted);-webkit-user-select:none;user-select:none}.gst[class*=theme-] .array-drag-handle:hover{color:var(--gst-text-primary)}.gst[class*=theme-] .array-drag-handle:active{cursor:grabbing}.gst[class*=theme-] .array-item-checkbox{cursor:pointer}.gst[class*=theme-] .array-item-label-selectable{display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.25em .5em;margin:-.25em -.5em;border-radius:var(--gst-radius-sm)}.gst[class*=theme-] .array-item-label-selectable:hover{background:var(--gst-bg-hover)}.gst[class*=theme-] .array-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gst-gap-lg);margin-bottom:var(--gst-gap-md);padding-bottom:var(--gst-gap-sm);border-bottom:var(--gst-border-width) var(--gst-border-style) var(--gst-gray-200)}.gst[class*=theme-] .array-item-header-content{display:flex;align-items:center;gap:var(--gst-gap-md)}.gst[class*=theme-] .array-item-controls{display:flex;gap:var(--gst-gap-sm);width:100%;justify-content:flex-end}.gst[class*=theme-] .array-item-label{font-weight:var(--gst-font-medium);color:var(--gst-text-secondary);white-space:nowrap}.gst[class*=theme-] .array-item-content{overflow:hidden;display:grid;grid-template-rows:1fr;opacity:1;margin-top:var(--gst-gap-sm);transition:grid-template-rows var(--gst-transition-base) var(--gst-ease-in-out),opacity var(--gst-transition-base) var(--gst-ease-in-out),margin-top var(--gst-transition-base) var(--gst-ease-in-out)}.gst[class*=theme-] .array-item-content.collapsed{grid-template-rows:0fr;opacity:0;margin-top:0}.gst[class*=theme-] .array-item-content>*{min-height:0}.gst[class*=theme-] .array-item-content-inner{display:flex;flex-direction:row;gap:var(--gst-gap-md)}.gst[class*=theme-] .array-item-content-inner>.group{flex:1}.gst[class*=theme-] .array-item-arrows{flex:0;display:flex;flex-direction:column;gap:var(--gst-gap-xs);margin:auto 0}.gst[class*=theme-] .array-item-arrows .array-move-button{background:none;border:none;cursor:pointer;padding:.25em;line-height:1;font-size:1.5em}.gst[class*=theme-] .array-item-arrows .array-move-button:disabled{opacity:.25;cursor:default}.gst[class*=theme-] .array-item-fields{display:flex;flex-direction:column;gap:var(--gst-gap-lg)}.gst[class*=theme-] .array-add-button{background:none;border:none;cursor:pointer;color:var(--gst-primary);padding:0;font:inherit;font-size:.875em}.gst[class*=theme-] .array-add-button:hover{text-decoration:underline}.gst[class*=theme-] .array-add-button:disabled{color:var(--gst-text-disabled);cursor:default;text-decoration:none}.gst[class*=theme-] .array-add-container{position:relative;display:inline-block}.gst[class*=theme-] .array-template-menu{position:absolute;top:100%;left:0;z-index:10;min-width:10em;margin-top:.25em;padding:.25em 0;background:var(--gst-bg-primary);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-sm);box-shadow:var(--gst-shadow-md)}.gst[class*=theme-] .array-template-menu .array-template-option{display:block;width:100%;padding:var(--gst-padding-sm) var(--gst-padding-md);text-align:left;background:none;border:none;cursor:pointer}.gst[class*=theme-] .array-template-menu .array-template-option:hover{background:var(--gst-bg-hover)}.gst[class*=theme-] .array-field-actions{margin-top:var(--gst-gap-lg);display:flex;gap:var(--gst-gap-md);justify-content:flex-end}.gst[class*=theme-] .array-field.simple-array .array-items{flex-direction:row;flex-wrap:wrap;gap:var(--gst-gap-md)}.gst[class*=theme-] .array-field.simple-array .array-item{display:inline-flex;align-items:center;gap:var(--gst-gap-sm);padding:var(--gst-padding-sm)}.gst[class*=theme-] .array-field.simple-array .array-item-content{margin:0}.gst[class*=theme-] .array-collapse-button{padding:0;width:1.5em;height:1.5em;background:transparent;border:none;color:var(--gst-text-muted);cursor:pointer}@media(hover:hover){.gst[class*=theme-] .array-collapse-button:hover:not(:disabled){background:var(--gst-bg-hover);color:var(--gst-text-secondary)}}@container gst (min-width: 40em){.gst[class*=theme-] .array-item-header{flex-direction:row;align-items:center;gap:0}.gst[class*=theme-] .array-item-controls{width:auto;justify-content:flex-start}}@keyframes gst-balk-bump{0%,to{translate:0}20%{translate:-2px}40%{translate:2px}60%{translate:-1px}80%{translate:1px}}@keyframes gst-balk-flash{0%{box-shadow:0 0 0 0 var(--gst-balk-color, rgba(239, 68, 68, .4))}to{box-shadow:0 0 0 3px var(--gst-balk-color, rgba(239, 68, 68, .4))}}.gst [data-gst-balk=bump]{animation:gst-balk-bump .3s ease}.gst [data-gst-balk=flash]{animation:gst-balk-flash .3s ease}.gst[class*=theme-] .segmented-control .segment:has(input:focus-visible){outline:2px solid var(--gst-border-focus);outline-offset:var(--gst-focus-ring-offset)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.gst[class*=theme-]{--gst-border-width: .5px}}@media(prefers-reduced-motion:reduce){.gst[class*=theme-]{--gst-transition-fast: 0s;--gst-transition-base: 0s}.gst[class*=theme-] *,.gst[class*=theme-] *:before,.gst[class*=theme-] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){.gst[class*=theme-]{--gst-border-width: 2px;--gst-border: #000;--gst-border-hover: #000;--gst-text-secondary: #1a1a1a;--gst-text-muted: #333;--gst-text-placeholder: #555;--gst-focus-ring-width: .25em;--gst-disabled-opacity: .7}}@media(forced-colors:active){.gst[class*=theme-] input:focus,.gst[class*=theme-] select:focus,.gst[class*=theme-] textarea:focus{outline:2px solid Highlight}.gst[class*=theme-] button:focus-visible,.gst[class*=theme-] .btn:focus-visible{outline:2px solid Highlight}.gst[class*=theme-] .segmented-control .segment.active{border:2px solid Highlight}.gst[class*=theme-] .required-indicator,.gst[class*=theme-] .error-message,.gst[class*=theme-] .field-error{color:Mark}.gst[class*=theme-] [data-invalid=true] input,.gst[class*=theme-] [data-invalid=true] select,.gst[class*=theme-] [data-invalid=true] textarea,.gst[class*=theme-] .field[data-has-error=true] input,.gst[class*=theme-] .field[data-has-error=true] select,.gst[class*=theme-] .field[data-has-error=true] textarea{border-color:Mark}.gst[class*=theme-] .field:has([data-dirty=true]):after{forced-color-adjust:none;background:Mark}}}@layer gst{.gst{container-type:inline-size;container-name:gst;display:flex;flex-direction:column}.gst,.gst *,.gst *:before,.gst *:after{box-sizing:border-box;gap:1em}.gst .field{width:100%}.gst .field label{display:block;width:100%}.gst .field.component-checkboxfield{align-self:center}.gst .field.component-checkboxfield label{display:flex;align-items:center}.gst .option label{display:flex;align-items:center}.gst .group{display:flex;flex-direction:column;width:100%}.gst .row{display:flex;flex-direction:column}.gst .row:empty,.gst .group:empty,.gst .group-buttons:empty,.gst .form-actions:empty{display:none}.gst .form-actions,.gst .group-buttons,.gst .field.button-row{display:flex;align-items:end;flex-wrap:wrap;justify-content:end}.gst .buttonset{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:end}.gst .button-group{display:flex;justify-content:center}.gst .contents{display:contents}.gst h1{font-size:2em}.gst h2{font-size:1.5em}.gst h3{font-size:1.17em}.gst h4{font-size:1em}.gst h5{font-size:.83em}.gst h6{font-size:.67em}.gst .btn,.gst button,.gst input,.gst select,.gst textarea{font-family:inherit;font-size:inherit;line-height:inherit}.gst .option,.gst .btn,.gst button,.gst input,.gst select,.gst textarea{touch-action:manipulation}.gst .btn,.gst button{width:fit-content;cursor:pointer}.gst input:not([type=checkbox]):not([type=radio]),.gst select,.gst textarea{width:100%;-webkit-tap-highlight-color:transparent}.gst input[type=date],.gst input[type=time],.gst input[type=datetime-local],.gst input[type=month],.gst input[type=week]{max-width:100%}:is(.gst input[type=date],.gst input[type=time],.gst input[type=datetime-local],.gst input[type=month],.gst input[type=week])[data-empty]::-webkit-datetime-edit-fields-wrapper{color:var(--gst-text-placeholder, #999)}:is(.gst input[type=date],.gst input[type=time],.gst input[type=datetime-local],.gst input[type=month],.gst input[type=week]):focus::-webkit-datetime-edit-fields-wrapper{color:inherit}@supports (-webkit-touch-callout: none){.gst input[type=date],.gst input[type=time],.gst input[type=datetime-local],.gst input[type=month],.gst input[type=week]{appearance:none;-webkit-appearance:none;text-align:left;text-align-last:left;-webkit-text-align:left}:is(.gst input[type=date],.gst input[type=time],.gst input[type=datetime-local],.gst input[type=month],.gst input[type=week])::-webkit-date-and-time-value{text-align:left}.gst label:has(input[data-empty]){position:relative}.gst label:has(input[data-empty]):after{position:absolute;bottom:.1625em;left:.0625em;right:.0625em;padding:var(--gst-padding-sm, .5em);line-height:1;color:var(--gst-text-placeholder, #999);font-weight:400;pointer-events:none;background:var(--gst-bg-input, #fff)}.gst label:has(input[data-empty]):focus-within:after{display:none}.gst label:has(input[data-empty]):has(input[type=date]):after{content:"mm/dd/yyyy"}.gst label:has(input[data-empty]):has(input[type=time]):after{content:"hh:mm"}.gst label:has(input[data-empty]):has(input[type=datetime-local]):after{content:"mm/dd/yyyy hh:mm"}.gst label:has(input[data-empty]):has(input[type=month]):after{content:"mm/yyyy"}.gst label:has(input[data-empty]):has(input[type=week]):after{content:"Week"}}.gst .error-message,.gst .field-error{display:block}.gst .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}.gst .skip-link{position:absolute;left:-9999px;z-index:100;padding:.5em 1em;background:Canvas;color:CanvasText;text-decoration:underline}.gst .skip-link:focus{position:static;left:auto}@container gst (min-width: 30em){.gst .row{flex-direction:row}}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.demo-article{max-width:72em;margin:0 auto;padding:0 1em;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-things{display:flex;flex-wrap:wrap;gap:.4em;margin-top:1.5em}.demo-thing-pill{display:inline-block;padding:.15em .6em;font-size:.75em;border-radius:1em;background:#f0f0f0;color:#555;border:1px solid #ddd;cursor:pointer;transition:background .15s,color .15s}.demo-thing-pill:hover{background:#e4e4e4;color:#333}.demo-article-body{font-size:1em}.demo-article-body p{margin:.8em 0}.demo-article-body code{background:#f5f5f5;padding:.15em .35em;border-radius:3px;font-size:.9em}.demo-article-body pre{overflow-x:auto;max-width:100%}.demo-form-wrapper{margin:1em 0}.demo-form-toggle{display:block;width:100%;padding:.6em 1em;cursor:pointer;font-weight:600;font-size:1em;background:#fafafa;border:1px solid #ddd;border-radius:6px;-webkit-user-select:none;user-select:none;text-align:left}.demo-form-wrapper:not(.form-collapsed) .demo-form-toggle{border-bottom:none;border-radius:6px 6px 0 0}.demo-form-wrapper.form-collapsed .demo-form-container{height:0;overflow:hidden;border-top:none}.demo-form-container{border:1px solid #ddd;border-radius:6px;background:#fff;overflow:hidden}.demo-form-wrapper:not(.form-collapsed) .demo-form-container{border-radius:0 0 6px 6px}.demo-form-scroll{max-height:500px;overflow-y:auto;padding:.5em}.demo-form-container .gst{font-size:var(--gst-font-size, 12px)}.demo-form-toolbar{display:flex;flex-wrap:wrap-reverse;align-items:center;padding:.3em .5em;background:#f8f8f8;border-bottom:1px solid #eee;gap:.5em}.demo-form-toolbar button,.demo-form-toolbar input,.demo-form-toolbar select{height:24px;box-sizing:border-box}.demo-expand-btn{margin-left:auto;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:12px;padding:0 .6em;border-radius:3px;color:#555}.demo-expand-btn:hover{background:#eee;color:#333}.demo-font-control{display:flex;align-items:center;gap:0;margin-left:auto}.demo-font-control button{width:24px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.demo-font-control button:first-child{border-radius:3px 0 0 3px}.demo-font-control button:last-child{border-radius:0 3px 3px 0}.demo-font-control button:hover{background:#eee}.demo-font-control input{width:3em;text-align:center;border:1px solid #ccc;border-left:none;border-right:none;font-size:12px;-moz-appearance:textfield}.demo-font-control input::-webkit-inner-spin-button,.demo-font-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.demo-viewport-toggle{display:flex;align-items:center;gap:0}.demo-viewport-btn{border:1px solid #ccc;background:#fff;cursor:pointer;font-size:11px;padding:0 .6em;color:#777;line-height:1;display:flex;align-items:center}.demo-viewport-btn:first-child{border-radius:3px 0 0 3px}.demo-viewport-btn:last-child{border-radius:0 3px 3px 0;border-left:none}.demo-viewport-btn.active{background:#e8e8e8;color:#333;font-weight:600}.demo-viewport-btn:hover:not(.active){background:#f0f0f0}.demo-tenant-select{font-size:11px;padding:.2em .4em;border:1px solid #ccc;border-radius:3px;background:#fff;color:#555;height:1.8em;cursor:pointer}.demo-tenant-select:hover{border-color:#999}.demo-config-panel{margin-top:2em;border:1px solid #ddd;border-radius:6px;overflow:hidden}.demo-config-tabs{display:flex;flex-wrap:wrap;background:#f5f5f5;border-bottom:1px solid #ddd}.demo-config-tab{padding:.5em 1em;border:none;background:none;cursor:pointer;font-size:.85em;font-family:monospace;color:#666;border-bottom:2px solid transparent;margin-bottom:-1px}.demo-config-tab:hover{color:#333;background:#eee}.demo-config-tab.active{color:#111;border-bottom-color:#333;background:#fff}.demo-config-code{margin:0;padding:1em;overflow-x:auto;font-size:.85em;line-height:1.5;font-family:monospace;white-space:pre;background:#fff;max-height:600px;overflow-y:auto}.demo-config-code.filetype-md{white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-article>.demo-config-panel{clear:both}.demo-article-full-width .demo-form-full-width{margin-top:2em}@media(min-width:600px){.demo-form-toggle{display:none}.demo-form-wrapper{float:right;width:45%;max-width:400px;margin:0 0 1em 1.5em}.demo-form-wrapper.form-collapsed .demo-form-container{height:auto;overflow:visible;border-top:1px solid #ddd}}.demo-fullscreen-overlay{position:fixed;inset:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center}.demo-fullscreen{background:#fff;border-radius:8px;width:calc(100vw - 2em);height:calc(100vh - 2em);max-width:1400px;display:flex;flex-direction:column;overflow:hidden;position:relative}.demo-fullscreen-close{position:absolute;top:.5em;right:.5em;z-index:1;width:2em;height:2em;border:none;background:#f0f0f0;border-radius:4px;cursor:pointer;font-size:14px;color:#666;display:flex;align-items:center;justify-content:center}.demo-fullscreen-close:hover{background:#ddd;color:#333}.demo-fullscreen-split{display:flex;flex-direction:column;flex:1;min-height:0}.demo-fullscreen-form{flex:1;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid #ddd}.demo-fullscreen-form .demo-form-toolbar{border-bottom:1px solid #eee}.demo-fullscreen-form-scroll{flex:1;overflow-y:auto;padding:1em}.demo-fullscreen-form-scroll .gst{font-size:var(--gst-font-size, 11px)}.demo-fullscreen-config{flex:1;min-height:0;display:flex;flex-direction:column}.demo-fullscreen-config .demo-config-panel{margin:0;border:none;border-radius:0;flex:1;display:flex;flex-direction:column;min-height:0}.demo-fullscreen-config .demo-config-code{flex:1;max-height:none}@media(min-width:900px){.demo-fullscreen-split{flex-direction:row}.demo-fullscreen-form{flex:0 0 50%;border-bottom:none;border-right:1px solid #ddd}.demo-fullscreen-config{flex:1}}.config-devtools{background:#1e1e2e;border:1px solid #313244;border-radius:8px;margin-bottom:1.5rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;color:#cdd6f4;overflow:hidden}.devtools-toggle.closed{background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:6px;padding:.5rem 1rem;margin-bottom:1rem;cursor:pointer;font-size:12px;font-weight:500}.devtools-toggle.closed:hover{background:#45475a}.devtools-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#181825;border-bottom:1px solid #313244}.devtools-header h4{margin:0;font-size:13px;font-weight:600;color:#89b4fa}.devtools-tabs{display:flex;gap:.25rem;flex:1}.devtools-tabs button{background:transparent;border:none;color:#6c7086;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.devtools-tabs button:hover{background:#313244;color:#cdd6f4}.devtools-tabs button.active{background:#45475a;color:#cdd6f4}.close-btn{background:transparent;border:none;color:#6c7086;font-size:18px;cursor:pointer;padding:.25rem .5rem;line-height:1}.close-btn:hover{color:#f38ba8}.devtools-content{padding:1rem;max-height:500px;overflow-y:auto;background:#1e1e2e}.patches-panel{display:flex;flex-direction:column;gap:.75rem}.patch-card{background:#181825;border:1px solid #313244;border-radius:6px;overflow:hidden}.patch-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#1e1e2e;border-bottom:1px solid #313244}.patch-name{font-weight:600;color:#89b4fa}.patch-value{background:#45475a;padding:.125rem .5rem;border-radius:4px;font-size:11px;color:#a6e3a1}.empty-state{color:#6c7086;text-align:center;padding:2rem}.patch-type{background:#89b4fa;color:#1e1e2e;padding:.125rem .5rem;border-radius:4px;font-size:10px;font-weight:600;margin-left:auto}.map-info{padding:.75rem;background:#11111b;color:#89b4fa;font-size:12px;font-style:italic}.json-view{margin:0;padding:.75rem;overflow:visible;background:#11111b;color:#cdd6f4;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;cursor:pointer}.json-view.collapsed{padding:.5rem .75rem;background:#181825;color:#6c7086;font-style:italic}.expand-hint{font-size:11px}.layer-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:-1rem -1rem 0;padding:.75rem 1rem;border-bottom:1px solid #313244;background:#1e1e2e;position:sticky;top:-1rem;z-index:10}.layer-tab{background:#181825;border:1px solid #313244;color:#6c7086;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:all .15s}.layer-tab:hover{background:#313244;color:#cdd6f4}.layer-tab.active{background:#45475a;color:#cdd6f4;border-color:#89b4fa}.layer-tab.final{margin-left:auto}.layer-tab .plus{color:#a6e3a1;font-weight:700}.layer-tab.no-changes{opacity:.6}.layer-tab.no-changes .plus{color:#6c7086}.layer-tab.has-changes{border-color:#45475a}.layer-value{color:#89b4fa;font-size:11px;margin-left:.25rem}.layer-tab .equals{color:#f9e2af;font-weight:700}.layer-info{background:#181825;padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:12px;color:#6c7086}.layer-info strong{color:#cdd6f4}.diff-view{background:#11111b;border-radius:4px;padding:.75rem;font-size:12px}.diff-view.empty{color:#6c7086;text-align:center}.diff-line{padding:.25rem 0;border-bottom:1px solid #181825}.diff-line:last-child{border-bottom:none}.diff-path{color:#89b4fa;font-weight:500;margin-right:.5rem}.diff-value{display:block;margin-top:.25rem;padding-left:1rem;font-size:11px;white-space:pre-wrap;word-break:break-word}.diff-value.added{color:#a6e3a1}.diff-value.removed{color:#f38ba8;text-decoration:line-through}.diff-info{color:#6c7086;font-size:12px;margin-bottom:.75rem}.diff-info strong{color:#cdd6f4}.compare-panel{display:flex;flex-direction:column;gap:.75rem}.compare-content{display:flex;flex-direction:column;gap:.5rem}.compare-info{color:#cdd6f4;font-size:13px;padding:.5rem 0}.base-summary{color:#6c7086;font-size:12px;font-style:italic;padding:1rem;background:#181825;border-radius:4px}.side-by-side-diff{background:#11111b;border-radius:6px;overflow:hidden}.side-by-side-diff.empty{padding:2rem;text-align:center}.no-changes{color:#6c7086;font-style:italic}.diff-header{display:grid;grid-template-columns:1fr 1fr;background:#1e1e2e;border-bottom:2px solid #313244}.diff-col{padding:.5rem .75rem}.diff-col.before-col{border-right:1px solid #313244}.col-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.before-col .col-label{color:#f38ba8}.after-col .col-label{color:#a6e3a1}.diff-body{max-height:400px;overflow-y:auto}.diff-row{border-bottom:1px solid #181825}.diff-row:last-child{border-bottom:none}.diff-path-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#181825}.diff-row .diff-path{color:#89b4fa;font-weight:500;font-size:12px;margin:0}.diff-badge{font-size:9px;font-weight:700;padding:.125rem .375rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.diff-badge.added{background:#a6e3a133;color:#a6e3a1}.diff-badge.changed{background:#f9e2af33;color:#f9e2af}.diff-badge.removed{background:#f38ba833;color:#f38ba8}.diff-values{display:grid;grid-template-columns:1fr 1fr}.diff-values .diff-col{padding:.375rem .75rem;font-size:11px;font-family:SF Mono,Fira Code,Consolas,monospace;word-break:break-word}.diff-values .before-col{background:#f38ba80d}.diff-values .after-col{background:#a6e3a10d}.empty-value{color:#45475a}.value.removed{color:#f38ba8}.value.added{color:#a6e3a1}.patch-view{display:flex;flex-direction:column;gap:1rem}.patch-view.empty{padding:2rem;text-align:center}.patch-section{background:#11111b;border-radius:6px;overflow:hidden}.section-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#181825;border-bottom:1px solid #313244}.section-name{font-weight:600;color:#89b4fa;font-size:13px}.section-desc{color:#6c7086;font-size:11px}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#313244}.section-col{background:#11111b;display:flex;flex-direction:column;min-width:0}.section-col.full-width{grid-column:1 / -1}.col-header{padding:.375rem .75rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#181825;border-bottom:1px solid #313244;position:sticky;top:0;z-index:1}.base-col .col-header{color:#6c7086}.patch-col .col-header{color:#a6e3a1}.code-block{margin:0;padding:.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;color:#cdd6f4;white-space:pre;overflow-x:auto;overflow-y:visible;flex:1}.code-block.patch{color:#a6e3a1}.final-summary{background:#11111b;border-radius:6px;overflow:visible}.overlay-toggle{background:#181825!important;border:1px solid #45475a!important;margin-left:auto}.overlay-toggle.active{background:#45475a!important;border-color:#f9e2af!important;color:#f9e2af!important}.overlay-legend{margin-top:1rem;padding:.75rem;background:#181825;border:1px solid #45475a;border-radius:6px}.legend-title{font-weight:600;color:#f9e2af;margin-bottom:.5rem;font-size:12px}.legend-items{display:flex;flex-wrap:wrap;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:11px}.legend-color{width:12px;height:12px;border-radius:2px}.legend-hint{margin-top:.5rem;font-size:10px;color:#6c7086;font-style:italic}.devtools-content::-webkit-scrollbar,.json-view::-webkit-scrollbar{width:8px;height:8px}.devtools-content::-webkit-scrollbar-track,.json-view::-webkit-scrollbar-track{background:#181825}.devtools-content::-webkit-scrollbar-thumb,.json-view::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.devtools-content::-webkit-scrollbar-thumb:hover,.json-view::-webkit-scrollbar-thumb:hover{background:#585b70}
