@layer gst,gst-stdlib,gst-theme,gst-form;@layer gst-stdlib{.gst[class*=theme-]{--gst-primary: #f59e0b;--gst-primary-hover: #2563eb;--gst-primary-active: #1d4ed8;--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: #9ca3af;--gst-text-disabled: #9ca3af;--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-color-readonly-bg: #f3f4f6;--gst-color-readonly-text: #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-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)}.gst[class*=theme-] .group{gap:var(--gst-gap-lg);padding:var(--gst-gap-lg)}.gst[class*=theme-] .group .group{padding: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,.gst[class*=theme-] .group-buttons{gap:var(--gst-gap-lg);padding:var(--gst-padding-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 label{gap:var(--gst-gap-sm);font-weight:var(--gst-font-normal);cursor:pointer}.gst[class*=theme-] .field.type-checkbox label{gap:var(--gst-gap-sm)}.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[data-type=checkbox-group],.gst[class*=theme-] fieldset[data-type=radio-group]{gap:var(--gst-gap-sm)}.gst[class*=theme-] label,.gst[class*=theme-] legend{font-weight:var(--gst-font-semibold);font-size:var(--gst-text-sm);color:var(--gst-text-secondary)}.gst[class*=theme-] .required-indicator{color:var(--gst-error);font-weight:var(--gst-font-bold)}.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:var(--gst-text-primary);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)}.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{opacity:var(--gst-disabled-opacity);background-color:var(--gst-bg-disabled);cursor:not-allowed}.gst[class*=theme-] input[readonly],.gst[class*=theme-] textarea[readonly]{opacity:var(--gst-disabled-opacity);background-color:var(--gst-bg-disabled);cursor:default;border-style:dashed}.gst[class*=theme-] select[data-readonly]{opacity:1;background-color:var(--gst-bg-disabled);cursor:default;border-style:dashed}.gst[class*=theme-] ::placeholder{color:var(--gst-text-muted);opacity:1}.gst[class*=theme-] select:has(option[value=""]:checked){color:var(--gst-text-muted)}.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;accent-color:var(--gst-primary)}.gst[class*=theme-] .btn,.gst[class*=theme-] button{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-md);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:#fff;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:#fff;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:#fff;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:#fff;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-] .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;flex-direction:column;align-items:flex-start;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)}.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-fields{display:flex;flex-direction:column;gap:var(--gst-gap-lg)}.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)}.gst[class*=theme-] .array-add-button,.gst[class*=theme-] .array-remove-button,.gst[class*=theme-] .array-duplicate-button,.gst[class*=theme-] .array-move-button,.gst[class*=theme-] .array-clear-button,.gst[class*=theme-] .array-collapse-button{padding:var(--gst-padding-sm);font-size:var(--gst-text-sm);border:var(--gst-border-width) var(--gst-border-style) var(--gst-border);border-radius:var(--gst-radius-sm);background:var(--gst-bg-primary);transition:all var(--gst-transition-fast) var(--gst-ease-in-out)}.gst[class*=theme-] .array-collapse-button{padding:0;width:1.5em;height:1.5em;background:transparent;border:none;color:var(--gst-text-muted)}@media(hover:hover){.gst[class*=theme-] .array-collapse-button:hover:not(:disabled){background:var(--gst-bg-hover);color:var(--gst-text-secondary)}}.gst[class*=theme-] .array-add-button{padding:var(--gst-padding-sm) var(--gst-padding-lg);background:var(--gst-success);color:#fff;border-color:var(--gst-success);font-weight:var(--gst-font-medium)}@media(hover:hover){.gst[class*=theme-] .array-add-button:hover:not(:disabled){background:var(--gst-success-hover)}}.gst[class*=theme-] .array-remove-button{background:var(--gst-error);color:#fff;border-color:var(--gst-error)}@media(hover:hover){.gst[class*=theme-] .array-remove-button:hover:not(:disabled){background:var(--gst-error-hover)}}.gst[class*=theme-] .array-duplicate-button{background:var(--gst-info);color:#fff;border-color:var(--gst-info)}@media(hover:hover){.gst[class*=theme-] .array-duplicate-button:hover:not(:disabled){background:var(--gst-info-hover)}}.gst[class*=theme-] .array-move-button{min-width:2em;background:var(--gst-secondary);color:#fff;border-color:var(--gst-secondary)}@media(hover:hover){.gst[class*=theme-] .array-move-button:hover:not(:disabled){background:var(--gst-secondary-hover)}}.gst[class*=theme-] .array-clear-button{background:var(--gst-warning);color:var(--gst-gray-900);border-color:var(--gst-warning)}@media(hover:hover){.gst[class*=theme-] .array-clear-button:hover:not(:disabled){background:var(--gst-warning-hover)}}.gst[class*=theme-] .array-add-button:disabled,.gst[class*=theme-] .array-remove-button:disabled,.gst[class*=theme-] .array-duplicate-button:disabled,.gst[class*=theme-] .array-move-button:disabled,.gst[class*=theme-] .array-clear-button:disabled{opacity:var(--gst-disabled-opacity);cursor:not-allowed}.gst[class*=theme-] .array-field.simple-array .array-item{padding:var(--gst-padding-sm)}.gst[class*=theme-] .array-field.simple-array .array-item-content{margin:0}@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}}}@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.type-checkbox{align-self:center}.gst .field.type-checkbox 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 .form-actions,.gst .group-buttons,.gst .field.button-row{display:flex;align-items:end;flex-wrap:wrap;justify-content:end}.gst .contents{display:contents}.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-color-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-input-padding, .5em);line-height:1;color:var(--gst-color-placeholder, #999);font-weight:400;pointer-events:none;background:var(--gst-input-bg, #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 label:has([required])>span:after{content:" *";color:var(--gst-color-error, #dc2626)}.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}@container gst (min-width: 30em){.gst .row{flex-direction:row}}}.before-after-container,.before-after-container *,.before-after-container *:before,.before-after-container *:after{box-sizing:border-box}.before-after-container{width:100%;max-width:1800px;margin:0 auto;padding:1rem;overflow-x:hidden}.variant-selector{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.variant-selector label{font-weight:600;color:#475569;font-size:.875rem}.variant-buttons{display:flex;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.variant-selector button{padding:.5rem 1rem;border:none;border-right:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.variant-selector button:last-child{border-right:none}.variant-selector button:hover:not(.active){background:#f1f5f9}.variant-selector button.active{background:#1e293b;color:#fff}.before-after-container .comparison-panel[data-variant=traditional] .gst{font-size:16px}.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}.comparison-grid{display:flex;flex-direction:column;gap:1rem;align-items:stretch;min-width:0;max-width:100%}.comparison-grid>.divider{width:100%;height:2px;flex-shrink:0;background:#9ca3af}@media(min-width:1201px){.comparison-grid{flex-direction:row}.comparison-grid>.divider{width:2px;height:auto}}.comparison-panel{display:flex;flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:400px}.comparison-panel>.gst,.comparison-panel>form.gst{overflow:auto;min-height:0;position:relative;z-index:1}.panel-tabs{display:flex;flex-wrap:wrap;gap:0;margin-left:1rem;margin-bottom:-1px;position:relative;z-index:0;max-width:100%}.panel-tabs button{min-width:5rem;padding:.75rem;border-radius:8px 8px 0 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer}.panel-tabs button:not(:first-child){margin-left:-10px}.panel-tabs button:nth-child(1){z-index:3;position:relative}.panel-tabs button:nth-child(2){z-index:2;position:relative}.panel-tabs button:nth-child(3){z-index:1;position:relative}.comparison-panel[data-variant=traditional] .panel-tabs button{background:#dbeafe;color:#1565c0}.comparison-panel[data-variant=traditional] .panel-tabs button:hover{background:#bfdbfe}.comparison-panel[data-variant=traditional] .panel-tabs button.active{background:var(--react-brand);color:#fff}.comparison-panel[data-variant=gst] .panel-tabs button{background:#fef3c7;color:#92400e}.comparison-panel[data-variant=gst] .panel-tabs button:hover{background:#fde68a}.comparison-panel[data-variant=gst] .panel-tabs button.active{background:var(--gst-brand);color:#1e293b}.comparison-panel[data-variant=traditional] .gst{--gst-primary: var(--react-brand)}.comparison-panel[data-variant=traditional] .gst .btn-primary,.comparison-panel[data-variant=traditional] .gst [data-variant=primary] button{background:var(--react-brand);color:#fff}.comparison-panel[data-variant=traditional] .gst .btn-primary:hover:not(:disabled),.comparison-panel[data-variant=traditional] .gst [data-variant=primary] button:hover:not(:disabled){background:#1565c0;color:#fff}.code-viewer{background:#1e293b;border-radius:4px;border:1px solid #475569;padding:20px;overflow-x:auto;flex:1;min-width:0;max-width:100%}.code-viewer pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.code-viewer code{color:#e2e8f0}.form-error{padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:5px;color:#991b1b;margin-bottom:20px}.field-error{color:#ef4444;font-size:12px}.unsaved-indicator{margin-top:15px;padding:8px 12px;background:#fef3c7;border:1px solid #fde047;border-radius:5px;color:#92400e;font-size:13px}@media(min-width:769px){.code-viewer{padding:20px}.code-viewer pre{font-size:13px}}.config-wizard{max-width:1200px;margin:0 auto;padding:2rem;font-family:var(--gst-font-sans, system-ui, sans-serif)}.wizard-entry{text-align:center}.wizard-header{margin-bottom:3rem}.wizard-header h1{font-size:2rem;margin-bottom:1rem;color:var(--gst-text-primary, #1f2937)}.wizard-intro{font-size:1.1rem;color:var(--gst-text-secondary, #6b7280);max-width:700px;margin:0 auto;line-height:1.6}.entry-points{display:flex;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto}.entry-point-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--gst-bg-primary, #fff);border:2px solid var(--gst-border, #e5e7eb);border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.entry-point-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.entry-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border-radius:12px;flex-shrink:0}.entry-content{flex:1}.entry-content h2{font-size:1.25rem;margin:0 0 .25rem;color:var(--gst-text-primary, #1f2937)}.entry-subtitle{font-size:.875rem;color:var(--accent-color);margin:0 0 .5rem;font-weight:500}.entry-description{font-size:.9rem;color:var(--gst-text-secondary, #6b7280);margin:0;line-height:1.5}.entry-arrow{font-size:1.5rem;color:var(--gst-text-muted, #9ca3af);transition:transform .2s}.entry-point-card:hover .entry-arrow{transform:translate(4px);color:var(--accent-color)}.wizard-footer{margin-top:2rem;color:var(--gst-text-secondary, #6b7280)}.question-flow{max-width:600px;margin:0 auto}.question-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--gst-border, #e5e7eb);border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--gst-text-secondary, #6b7280);transition:all .2s}.back-button:hover{background:var(--gst-bg-secondary, #f9fafb);border-color:var(--gst-border-hover, #d1d5db)}.progress-bar{flex:1;height:8px;background:var(--gst-bg-secondary, #f3f4f6);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gst-primary, #3b82f6);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--gst-text-muted, #9ca3af);white-space:nowrap}.question-content h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--gst-text-primary, #1f2937)}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-option{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;background:var(--gst-bg-primary, #fff);border:2px solid var(--gst-border, #e5e7eb);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease}.answer-option:hover{border-color:var(--gst-primary, #3b82f6);background:color-mix(in srgb,var(--gst-primary, #3b82f6) 5%,transparent)}.answer-option.selected{border-color:var(--gst-primary, #3b82f6);background:color-mix(in srgb,var(--gst-primary, #3b82f6) 10%,transparent)}.option-label{font-weight:600;font-size:1rem;color:var(--gst-text-primary, #1f2937)}.option-description{font-size:.875rem;color:var(--gst-text-secondary, #6b7280);margin-top:.25rem}.question-footer{margin-top:2rem;text-align:center}.hint{font-size:.875rem;color:var(--gst-text-muted, #9ca3af)}.profile-picker{max-width:1000px;margin:0 auto}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{font-size:1.75rem;margin:1rem 0 .5rem}.profile-header p{color:var(--gst-text-secondary, #6b7280)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.profile-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:var(--gst-bg-primary, #fff);border:2px solid var(--gst-border, #e5e7eb);border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.profile-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.profile-icon{font-size:2rem;margin-bottom:.75rem}.profile-card h2{font-size:1.25rem;margin:0 0 .25rem;color:var(--gst-text-primary, #1f2937)}.profile-tagline{font-size:.875rem;color:var(--accent-color);margin:0 0 .5rem;font-weight:500}.profile-description{font-size:.9rem;color:var(--gst-text-secondary, #6b7280);margin:0 0 1rem;line-height:1.5}.profile-characteristics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.characteristic{font-size:.75rem;padding:.25rem .5rem;background:var(--gst-bg-secondary, #f3f4f6);border-radius:4px;color:var(--gst-text-secondary, #6b7280)}.profile-team-size{font-size:.8rem;color:var(--gst-text-muted, #9ca3af);margin-top:auto}.profile-footer{margin-top:2rem;text-align:center}.link-button{background:none;border:none;color:var(--gst-primary, #3b82f6);cursor:pointer;text-decoration:underline;font-size:inherit}.explorer{display:flex;flex-direction:column}.explorer-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.explorer-title h1{font-size:1.5rem;margin:0}.explorer-title p{margin:.25rem 0 0;color:var(--gst-text-secondary, #6b7280)}.explorer-progress{margin-left:auto;text-align:right}.progress-count{font-size:1.5rem;font-weight:600;color:var(--gst-primary, #3b82f6)}.progress-label{display:block;font-size:.8rem;color:var(--gst-text-muted, #9ca3af)}.explorer-layout{display:flex;gap:1.5rem}.category-nav{display:flex;flex-direction:column;gap:.5rem;width:200px;flex-shrink:0}.category-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.category-button:hover{background:var(--gst-bg-secondary, #f9fafb)}.category-button.active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.category-icon{font-size:1.25rem}.category-label{flex:1;font-weight:500}.category-count{font-size:.75rem;color:var(--gst-text-muted, #9ca3af)}.parameters-list{flex:1}.category-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:2px solid var(--accent-color);margin-bottom:1rem}.category-header h2{margin:0;font-size:1.25rem}.parameter-card{background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.parameter-header{display:flex;align-items:center;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left}.parameter-header:hover{background:var(--gst-bg-secondary, #f9fafb)}.parameter-title{flex:1}.parameter-title h3{margin:0;font-size:.95rem;font-weight:500}.current-value{display:inline-block;margin-top:.25rem;font-size:.8rem;padding:.125rem .5rem;background:var(--gst-primary, #3b82f6);color:#fff;border-radius:4px}.expand-icon{color:var(--gst-text-muted, #9ca3af);font-size:.75rem}.parameter-body{padding:0 1rem 1rem;border-top:1px solid var(--gst-border, #e5e7eb)}.parameter-interactions{margin:1rem 0}.interaction-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem}.interaction-badge.require{background:#fef2f2;color:#dc2626}.interaction-badge.recommend{background:#f0fdf4;color:#16a34a}.interaction-badge.discourage{background:#fffbeb;color:#d97706}.parameter-options{display:flex;flex-direction:column;gap:.75rem}.option-card{padding:1rem;background:var(--gst-bg-secondary, #f9fafb);border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.option-card:hover{border-color:var(--gst-border-hover, #d1d5db)}.option-card.selected{border-color:var(--gst-primary, #3b82f6);background:color-mix(in srgb,var(--gst-primary, #3b82f6) 10%,transparent)}.option-header{display:flex;justify-content:space-between;align-items:center}.option-card .option-label{font-weight:600}.check{color:var(--gst-primary, #3b82f6);font-weight:700}.option-card .option-description{margin:.25rem 0 0}.option-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gst-border, #e5e7eb);font-size:.8rem}.option-details ul{margin:.25rem 0 0;padding-left:1rem}.option-details li{margin-bottom:.25rem;color:var(--gst-text-secondary, #6b7280)}.pros strong{color:#16a34a}.cons strong{color:#dc2626}.explorer-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--gst-border, #e5e7eb);margin-top:1rem}.footer-info{color:var(--gst-text-secondary, #6b7280)}.footer-info p{margin:0}.done-button{padding:.75rem 1.5rem;background:var(--gst-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.done-button:hover:not(:disabled){background:var(--gst-primary-hover, #2563eb)}.done-button:disabled{opacity:.5;cursor:not-allowed}.results-view{max-width:1000px;margin:0 auto}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-title h1{font-size:1.75rem;margin:0}.results-subtitle{margin:.25rem 0 0;color:var(--gst-text-secondary, #6b7280)}.results-actions{display:flex;gap:.75rem}.secondary-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--gst-border, #e5e7eb);border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--gst-text-secondary, #6b7280);transition:all .2s}.secondary-button:hover{background:var(--gst-bg-secondary, #f9fafb);border-color:var(--gst-border-hover, #d1d5db)}.validation-messages{margin-bottom:1.5rem}.validation-error,.validation-warning{display:flex;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:.5rem}.validation-error{background:#fef2f2;border:1px solid #fecaca}.validation-warning{background:#fffbeb;border:1px solid #fde68a}.validation-error .icon,.validation-warning .icon{font-size:1.25rem}.validation-error strong,.validation-warning strong{display:block;margin-bottom:.25rem}.validation-error p,.validation-warning p{margin:0;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.results-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--gst-border, #e5e7eb);margin-bottom:1.5rem}.results-tabs button{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.95rem;color:var(--gst-text-secondary, #6b7280);transition:all .2s}.results-tabs button:hover{color:var(--gst-text-primary, #1f2937)}.results-tabs button.active{color:var(--gst-primary, #3b82f6);border-bottom-color:var(--gst-primary, #3b82f6)}.selections-grid{display:grid;gap:1.5rem}.category-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin:0 0 .75rem;color:var(--gst-text-primary, #1f2937)}.category-selections{background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;overflow:hidden}.selection-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gst-border, #e5e7eb)}.selection-row:last-child{border-bottom:none}.selection-row.has-warning{background:#fffbeb}.selection-row.has-error{background:#fef2f2}.selection-question{font-size:.9rem;color:var(--gst-text-secondary, #6b7280);flex:1}.selection-value{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--gst-bg-secondary, #f3f4f6);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.selection-value:hover{border-color:var(--gst-border-hover, #d1d5db)}.value-label{font-weight:500;color:var(--gst-text-primary, #1f2937)}.edit-hint{font-size:.75rem;color:var(--gst-text-muted, #9ca3af)}.not-selected{color:var(--gst-text-muted, #9ca3af);font-style:italic}.selection-editor select{padding:.375rem .75rem;border:1px solid var(--gst-primary, #3b82f6);border-radius:6px;font-size:.9rem;outline:none}.risks-list,.pivots-list{max-width:700px}.risks-intro,.pivots-intro{margin-bottom:1rem;color:var(--gst-text-secondary, #6b7280)}.risk-card,.pivot-card{background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.risk-header,.pivot-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left}.risk-header:hover,.pivot-header:hover{background:var(--gst-bg-secondary, #f9fafb)}.risk-icon,.pivot-icon{font-size:1.25rem}.risk-title,.pivot-title{flex:1}.risk-title strong,.pivot-title strong{display:block}.risk-description{font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.effort-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:4px}.effort-low{background:#f0fdf4;color:#16a34a}.effort-medium{background:#fffbeb;color:#d97706}.effort-high{background:#fef2f2;color:#dc2626}.risk-body,.pivot-body{padding:0 1rem 1rem;border-top:1px solid var(--gst-border, #e5e7eb)}.risk-section{margin-top:1rem}.risk-section h4{font-size:.875rem;margin:0 0 .5rem;color:var(--gst-text-primary, #1f2937)}.risk-section ul{margin:0;padding-left:1.25rem}.risk-section li{margin-bottom:.25rem;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.risk-section dl{margin:0;font-size:.875rem}.risk-section dt{font-weight:500;margin-top:.5rem}.risk-section dd{margin:.25rem 0 0;color:var(--gst-text-secondary, #6b7280)}.pivot-body h4{font-size:.875rem;margin:1rem 0 .5rem}.pivot-body ol{margin:0;padding-left:1.25rem}.pivot-body li{margin-bottom:.25rem;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.empty-state{padding:2rem;text-align:center;color:var(--gst-text-secondary, #6b7280)}.empty-state .hint{font-size:.875rem;color:var(--gst-text-muted, #9ca3af)}.emergent-list{max-width:800px}.emergent-intro{margin-bottom:1rem;color:var(--gst-text-secondary, #6b7280)}.emergent-card{background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.emergent-card.emergent-achieved{border-color:#10b981;background:linear-gradient(to right,rgba(16,185,129,.05),transparent)}.emergent-card.emergent-warning{border-color:#f59e0b;background:linear-gradient(to right,rgba(245,158,11,.05),transparent)}.emergent-card.emergent-triggered{border-color:#6366f1;background:linear-gradient(to right,rgba(99,102,241,.05),transparent)}.emergent-header{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left}.emergent-header:hover{background:var(--gst-bg-secondary, #f9fafb)}.emergent-icon{font-size:1.5rem;flex-shrink:0}.emergent-title{flex:1}.emergent-title strong{display:block;font-size:1rem;margin-bottom:.25rem}.emergent-meta{display:block;margin-bottom:.25rem}.category-badge{display:inline-block;font-size:.7rem;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.025em}.category-phase_transition{background:#eef2ff;color:#4f46e5}.category-synergy{background:#ecfdf5;color:#059669}.category-anti_pattern{background:#fef2f2;color:#dc2626}.category-tipping_point{background:#fffbeb;color:#d97706}.emergent-description{display:block;font-size:.875rem;color:var(--gst-text-secondary, #6b7280);line-height:1.4}.emergent-body{padding:0 1rem 1rem;border-top:1px solid var(--gst-border, #e5e7eb)}.emergent-section{margin-top:1rem}.emergent-section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gst-text-muted, #9ca3af);margin:0 0 .5rem}.emergent-section h5{font-size:.75rem;margin:0 0 .25rem;color:var(--gst-text-secondary, #6b7280)}.emergent-section p{margin:0;font-size:.9rem;line-height:1.6;color:var(--gst-text-secondary, #4b5563);white-space:pre-line}.emergent-section ul{margin:0;padding-left:1.25rem}.emergent-section li{margin-bottom:.25rem;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.emergent-insight{background:linear-gradient(to right,rgba(99,102,241,.1),transparent);padding:1rem;border-radius:6px;margin-top:1rem}.emergent-insight p{font-weight:500;color:var(--gst-text-primary, #1f2937)}.emergent-threshold{margin-top:1rem}.threshold-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.threshold-comparison .before{padding:.75rem;background:#f0fdf4;border-radius:6px;border-left:3px solid #10b981}.threshold-comparison .after{padding:.75rem;background:#fef2f2;border-radius:6px;border-left:3px solid #dc2626}.threshold-comparison p{font-size:.85rem}.results-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gst-border, #e5e7eb)}.summary-box{background:var(--gst-bg-secondary, #f9fafb);border-radius:8px;padding:1.25rem}.summary-box h3{margin:0 0 1rem;font-size:1rem}.summary-content p{margin:.5rem 0;font-size:.9rem}.summary-content strong{color:var(--gst-text-primary, #1f2937)}.emergent-browser{max-width:1100px;margin:0 auto}.emergent-browser-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.emergent-browser-title h1{font-size:1.5rem;margin:0}.emergent-browser-title p{margin:.25rem 0 0;color:var(--gst-text-secondary, #6b7280)}.emergent-browser-intro{background:linear-gradient(135deg,#6366f11a,#f59e0b1a);padding:1.25rem;border-radius:8px;margin-bottom:1.5rem}.emergent-browser-intro p{margin:0;line-height:1.6;color:var(--gst-text-secondary, #4b5563)}.emergent-browser-layout{display:flex;gap:1.5rem}.emergent-category-nav{display:flex;flex-direction:column;gap:.5rem;width:200px;flex-shrink:0}.emergent-category-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.emergent-category-button:hover{border-color:var(--accent-color)}.emergent-category-button.active{background:color-mix(in srgb,var(--accent-color) 10%,transparent);border-color:var(--accent-color)}.emergent-category-icon{font-size:1.25rem}.emergent-category-label{flex:1;font-weight:500;font-size:.9rem}.emergent-category-count{background:var(--gst-bg-secondary, #f3f4f6);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;color:var(--gst-text-muted, #9ca3af)}.emergent-category-button.active .emergent-category-count{background:var(--accent-color);color:#fff}.emergent-effects-list{flex:1}.emergent-category-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:2px solid var(--accent-color)}.emergent-category-header .category-icon{font-size:1.5rem}.emergent-category-header h2{margin:0;font-size:1.25rem}.emergent-category-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.emergent-detail-card{background:var(--gst-bg-primary, #fff);border:1px solid var(--gst-border, #e5e7eb);border-radius:8px;margin-bottom:1rem;overflow:hidden}.emergent-detail-card.category-border-phase_transition{border-left:4px solid #6366f1}.emergent-detail-card.category-border-synergy{border-left:4px solid #10b981}.emergent-detail-card.category-border-anti_pattern{border-left:4px solid #dc2626}.emergent-detail-card.category-border-tipping_point{border-left:4px solid #d97706}.emergent-detail-header{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left}.emergent-detail-header:hover{background:var(--gst-bg-secondary, #f9fafb)}.emergent-detail-title{flex:1}.emergent-detail-title strong{display:block;font-size:1rem;margin-bottom:.25rem}.emergent-detail-description{font-size:.875rem;color:var(--gst-text-secondary, #6b7280);line-height:1.4}.emergent-detail-body{padding:0 1rem 1rem;border-top:1px solid var(--gst-border, #e5e7eb)}.emergent-detail-section{margin-top:1rem}.emergent-detail-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gst-text-muted, #9ca3af);margin:0 0 .5rem}.emergent-detail-section p{margin:0;font-size:.9rem;line-height:1.6;color:var(--gst-text-secondary, #4b5563);white-space:pre-line}.emergent-detail-section ul{margin:0;padding-left:1.25rem}.emergent-detail-section li{margin-bottom:.25rem;font-size:.875rem;color:var(--gst-text-secondary, #6b7280)}.emergent-effect-text{background:var(--gst-bg-secondary, #f9fafb);padding:1rem;border-radius:6px;font-family:inherit}.emergent-detail-insight{background:linear-gradient(to right,rgba(99,102,241,.1),transparent);padding:1rem;border-radius:6px}.emergent-detail-insight p{font-weight:500;color:var(--gst-text-primary, #1f2937)}.trigger-params{display:flex;flex-wrap:wrap;gap:.5rem}.trigger-params code{background:var(--gst-bg-secondary, #f3f4f6);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--gst-text-primary, #1f2937)}.trigger-params.warning code{background:#fef2f2;color:#dc2626}.warning-list li{color:#dc2626}.warning-section{background:#fffbeb;padding:.75rem 1rem;border-radius:6px;border-left:3px solid #f59e0b}.warning-section p{color:#92400e}.combination-list{display:flex;flex-direction:column;gap:.5rem}.combination-item{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#fef2f2;border-radius:4px}.combination-item code{background:#fff;padding:.125rem .375rem;border-radius:3px;font-size:.75rem;color:#dc2626}.config-wizard{padding:1rem}.explorer-layout,.emergent-browser-layout{flex-direction:column}.emergent-category-nav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.emergent-category-button{flex-shrink:0}.category-nav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.category-button{flex-shrink:0}.profile-grid{grid-template-columns:1fr}.results-header{flex-direction:column}.results-actions{width:100%}.results-actions button{flex:1}.selection-row{flex-direction:column;align-items:flex-start;gap:.5rem}.option-details{grid-template-columns:1fr}@media(min-width:769px){.config-wizard{padding:2rem}.explorer-layout,.emergent-browser-layout{flex-direction:row}.emergent-category-nav{width:200px;flex-direction:column;overflow-x:visible;padding-bottom:0}.emergent-category-button{flex-shrink:1}.category-nav{width:200px;flex-direction:column;overflow-x:visible;padding-bottom:0}.category-button{flex-shrink:1}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.results-header{flex-direction:row}.results-actions{width:auto}.results-actions button{flex:none}.selection-row{flex-direction:row;align-items:center;gap:0}.option-details{grid-template-columns:1fr 1fr}}.about-button{position:fixed;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--gst-bg-primary, #fff);border:2px solid var(--gst-border, #e5e7eb);font-size:1.1rem;font-weight:600;color:var(--gst-text-secondary, #6b7280);cursor:pointer;transition:all .2s;z-index:100;display:flex;align-items:center;justify-content:center}.about-button:hover{background:var(--gst-primary, #3b82f6);border-color:var(--gst-primary, #3b82f6);color:#fff}.about-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000}.about-panel{width:100%;max-width:100%;height:100%;background:var(--gst-bg-primary, #fff);overflow-y:auto;box-shadow:-4px 0 20px #00000026}.about-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--gst-bg-primary, #fff);border-bottom:1px solid var(--gst-border, #e5e7eb);z-index:10}.about-header h1{font-size:1.25rem;margin:0}.close-button{width:36px;height:36px;border-radius:50%;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--gst-text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;transition:background .2s}.close-button:hover{background:var(--gst-bg-secondary, #f3f4f6)}.about-content{padding:1.5rem}.about-content section{margin-bottom:2.5rem}.about-content section:last-child{margin-bottom:0}.about-content h2{font-size:1.1rem;margin:0 0 1rem;color:var(--gst-text-primary, #1f2937);padding-bottom:.5rem;border-bottom:2px solid var(--gst-primary, #3b82f6);display:inline-block}.about-content h3{font-size:.95rem;margin:1rem 0 .5rem;color:var(--gst-text-primary, #1f2937)}.about-content p{margin:0 0 1rem;line-height:1.6;color:var(--gst-text-secondary, #4b5563)}.about-content ul{margin:0 0 1rem;padding-left:1.25rem}.about-content li{margin-bottom:.5rem;line-height:1.5;color:var(--gst-text-secondary, #4b5563)}.framework-components{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.component-card{padding:1rem;background:var(--gst-bg-secondary, #f9fafb);border-radius:8px;border:1px solid var(--gst-border, #e5e7eb)}.component-card h3{margin:0 0 .5rem;font-size:.9rem;color:var(--gst-primary, #3b82f6)}.component-card p{margin:0;font-size:.85rem;line-height:1.4}.influence{margin-bottom:1.5rem;padding:1rem;background:var(--gst-bg-secondary, #f9fafb);border-radius:8px;border-left:3px solid var(--gst-primary, #3b82f6)}.influence h3{margin:0 0 .5rem}.influence p{margin:0 0 .75rem}.influence cite{display:block;font-size:.85rem;color:var(--gst-text-muted, #9ca3af);font-style:normal}.influence a{color:var(--gst-primary, #3b82f6);text-decoration:none}.influence a:hover{text-decoration:underline}.sources-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.source-category h3{margin:0 0 .75rem;font-size:.9rem;color:var(--gst-text-primary, #1f2937)}.source-category ul{margin:0;padding-left:1rem;list-style:none}.source-category li{margin-bottom:.5rem;font-size:.85rem}.source-category a{color:var(--gst-primary, #3b82f6);text-decoration:none}.source-category a:hover{text-decoration:underline}.source-category em{color:var(--gst-text-secondary, #6b7280)}.about-summary{padding:1rem;background:var(--gst-bg-secondary, #f9fafb);border-radius:8px;font-size:.9rem}.about-summary p{margin:0 0 .5rem;line-height:1.5}.about-summary p:last-child{margin-bottom:0}.methodology-note{font-size:.85rem;color:var(--gst-text-muted, #9ca3af)}.methodology-note a{color:var(--gst-primary, #3b82f6);text-decoration:none}.methodology-note a:hover{text-decoration:underline}@media(min-width:769px){.about-panel{max-width:700px}.about-content{padding:2rem}.framework-components{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sources-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.live-editor{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#333}.live-editor-header{padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.live-editor-header h1{margin:0 0 .25rem;font-size:1.25rem;color:#333}.live-editor-header p{margin:0;color:#666;font-size:.9rem}.live-editor-header code{background:#e9ecef;padding:.15rem .4rem;border-radius:3px;font-size:.85rem}.live-editor-loading,.live-editor-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:#666}.live-editor-main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.live-editor-form{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #e9ecef;background:#fff}.live-editor-form .panel-header{padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.live-editor-form .panel-header h2{margin:0;font-size:1rem;color:#333}.live-editor-form .panel-content{flex:1;padding:1.5rem;overflow:auto}.live-editor-form .gst,.live-editor-form label{color:#333}.live-editor-form input,.live-editor-form textarea,.live-editor-form select{color:#333;background:#fff;border-color:#ccc}.live-editor-form .group-title,.live-editor-form .complex-field-label{color:#333}.live-editor-patches{width:100%;display:flex;flex-direction:column;background:#f8f9fa}.live-editor-patches .panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#e9ecef;border-bottom:1px solid #dee2e6}.live-editor-patches .panel-header h2{margin:0;font-size:1rem;color:#333}.panel-controls{display:flex;gap:.5rem}.preset-select{padding:.35rem .75rem;background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;font-size:.85rem;cursor:pointer}.preset-select:hover{border-color:#999}.preset-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.reset-button{padding:.35rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer}.reset-button:hover{background:#c82333}.preset-description{padding:.5rem 1rem;background:#e9ecef;color:#666;font-size:.8rem;font-style:italic;border-bottom:1px solid #dee2e6}.patch-editors{flex:1;display:flex;flex-direction:column;padding:.75rem;gap:1rem;overflow:auto}.patch-editor{display:flex;flex-direction:column;flex:1;min-height:120px}.patch-editor label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.patch-label{font-family:Monaco,Menlo,Consolas,monospace;color:#06c;font-weight:600}.patch-hint{color:#888;font-size:.75rem}.patch-error{color:#dc3545;font-size:.75rem}.patch-editor textarea{flex:1;min-height:150px;padding:.75rem;background:#fff;color:#333;border:1px solid #ccc;border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.5;resize:none}.patch-editor textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc26}.patch-editor textarea.has-error{border-color:#dc3545}.patch-editor textarea::placeholder{color:#999}.live-editor-comparison{display:flex;flex-direction:column;align-items:stretch;border-top:1px solid #e9ecef;background:#f8f9fa}.config-panel{flex:1;display:flex;flex-direction:column;padding:.75rem 1rem;overflow:hidden}.config-panel h3{margin:0 0 .5rem;font-size:.85rem;color:#666;font-weight:500}.config-panel pre{margin:0;padding:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.65rem;line-height:1.4;color:#555;overflow:auto;max-height:200px}.config-panel h3 .filename{font-family:Monaco,Menlo,Consolas,monospace;color:#06c;font-size:.9rem}.config-panel h3 .filename-base{color:#888;font-weight:400;font-size:.75rem;margin-left:.5rem}.change-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.75rem}.legend-modified{color:#d97706;background:#fef3c7;padding:.25rem .5rem;border-radius:4px;border:1px solid #fcd34d}.legend-added{color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:4px;border:1px solid #6ee7b7}.legend-removed{color:#dc2626;background:#fee2e2;padding:.25rem .5rem;border-radius:4px;border:1px solid #fca5a5}.config-arrow{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:1.5rem;color:#06c;transform:rotate(90deg)}.live-editor-form [class*=banner-]{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-weight:600;text-align:center}.live-editor-form .banner-admin{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.live-editor-form .admin-banner-content{color:#fff}.live-editor-form .banner-manager{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.live-editor-form .banner-readonly{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.live-editor-form .banner-draft{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1a1a}.live-editor-form .banner-pending{background:linear-gradient(135deg,#ea580c,#fb923c);color:#fff}.live-editor-form .banner-approved{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.live-editor-form .section-system{background:#f1f5f9;padding:1rem;border-radius:6px;margin:.5rem 0}.live-editor-form .section-system .group-title{color:#64748b}.live-editor-form .section-danger{background:#fef2f2;border:1px solid #fecaca;padding:1rem;border-radius:6px;margin-top:1rem}.live-editor-form .section-danger .group-title{color:#dc2626}.live-editor-form .consent-section{background:#fffbeb;border:1px solid #fde68a;padding:1rem;border-radius:6px}.live-editor-form .field-highlighted input{border-color:#8b5cf6;background:#f5f3ff}.live-editor-form .field-system input{background:#f1f5f9;color:#64748b;font-family:monospace}.live-editor-form .field-danger label{color:#dc2626}.live-editor-form .field-danger input[type=checkbox]{accent-color:#dc2626}.live-editor-form .field-certificate input{font-family:monospace;font-weight:600;background:#f0fdf4;border-color:#22c55e}.live-editor-form .stripe-placeholder input{background:#f8fafc;border:2px dashed #94a3b8;color:#94a3b8}.live-editor-form .field-hint{font-size:.75rem;color:#6b7280;padding:.25rem 0}.live-editor-form .social-proof{text-align:center;padding:.5rem}.live-editor-form .trust-badge{display:inline-block;background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.live-editor-form .testimonial{text-align:center;font-style:italic;color:#6b7280;padding:.75rem;background:#f9fafb;border-radius:6px;margin-top:.5rem}.live-editor-form .address-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.live-editor-form .section-optional{background:#f8fafc;padding:1rem;border-radius:6px;border:1px dashed #cbd5e1}.live-editor-form .section-optional .group-title{color:#64748b}@media(min-width:769px){.live-editor-header{padding:1rem 1.5rem}.live-editor-header h1{font-size:1.5rem}.patch-editors{padding:1rem}.patch-editor textarea{min-height:200px;font-size:.8rem}.config-panel pre{font-size:.75rem}}@media(min-width:1201px){.live-editor-main{flex-direction:row}.live-editor-form{border-right:1px solid #e9ecef;border-bottom:none}.live-editor-patches{width:480px;max-height:none}.live-editor-patches .panel-header{flex-wrap:nowrap;gap:0}.panel-controls{width:auto;justify-content:flex-start}.live-editor-comparison{flex-direction:row}.config-arrow{transform:none;width:50px;height:auto}}.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}.sidebar{display:none;position:fixed;top:10rem;inset-inline:1rem;inset-block-end:1rem;width:auto;height:auto;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;overflow-y:auto;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;top:0;left:0;inset-inline-end:auto;inset-block-end:auto;width:280px;height:100vh;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 h2{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}.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}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}: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)}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;padding-block-start:56px}@media(min-width:769px){.app-content{padding-block-start:0;margin-inline-start:280px}}.mobile-header{display:flex;justify-content:space-between;align-items:center;position:fixed;inset-block-start:0;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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}@keyframes spin{to{transform:rotate(360deg)}}.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){:root{color:#1e293b;background-color:#f8fafc}body{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}h2{color:#0f172a}h3{color:#1e293b}a{color:#646cff}a:hover{color:#747bff}.form-header{border-bottom-color:#e2e8f0}.form-description{color:#64748b}}.app-header{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.header-title{flex:1}.app-header h1{font-size:1.25rem;margin:0 0 .25rem;color:#0f172a}.header-description{margin:0;color:#64748b;font-size:.9375rem}.font-size-label{display:none}@media(min-width:769px){.app-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2em;padding:2em 2em 1.5em}.app-header h1{font-size:1.75rem}.font-size-label{display:inline}}.theme-switcher{display:flex;align-items:center;gap:.5em}.theme-switcher label{font-size:.875em;color:#64748b}.theme-switcher select{padding:.375em .75em;border-radius:.375em;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-size:.875em;cursor:pointer}.header-controls{display:flex;align-items:center;gap:1.5rem}.font-size-control{display:flex;align-items:center;gap:.25rem;position:fixed;bottom:1rem;inset-inline:0;margin-inline:auto;width:fit-content;z-index:100;padding:.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}@media(min-width:769px){.font-size-control{position:static;width:auto;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none}}.font-size-btn{width:1.75rem;height:1.75rem;padding:0;border:1px solid #e2e8f0;border-radius:.25rem;background:#ffffff4d;color:#475569;font-size:1em;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s}.font-size-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.font-size-btn:active{background:#e2e8f0}.font-size-input-wrapper{position:relative;display:flex;align-items:center}.font-size-input-wrapper input{width:3rem;height:1.75rem;padding:0 1.25rem 0 .25rem;border:1px solid #e2e8f0;border-radius:.25rem;background:#ffffff4d;color:#1e293b;font-size:.875rem;text-align:right}.font-size-input-wrapper input:focus{outline:none;border-color:#646cff}.font-size-suffix{position:absolute;right:.375em;font-size:.75em;color:#94a3b8;pointer-events:none}.app-main{flex:1;min-width:0;padding:1rem 1rem 4rem}.app-main hgroup{padding:1rem}.app-main .gst{font-size:var(--gst-font-size, 16px)}@media(prefers-color-scheme:light){.app-header{border-bottom-color:#e2e8f0;background:#fffc}.app-header h1{color:#0f172a}.header-description,.theme-switcher label{color:#64748b}.theme-switcher select{border-color:#e2e8f0;background:#fff;color:#1e293b}}.variant-switcher{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}}@layer gst-theme{.gst.theme-purple{--gst-primary: #8b5cf6;--gst-primary-hover: #7c3aed;--gst-primary-active: #6d28d9;--gst-secondary: #ec4899;--gst-secondary-hover: #db2777;--gst-secondary-active: #be185d;--gst-bg-secondary: #faf5ff;--gst-bg-input: #fefce8;--gst-bg-hover: #f5f3ff;--gst-border-focus: #8b5cf6;--gst-focus-ring: rgba(139, 92, 246, .3);--gst-radius-sm: .5em;--gst-radius-md: .75em;--gst-radius-lg: 1em;--gst-shadow-sm: 0 .125em .25em rgba(139, 92, 246, .08);--gst-shadow-md: 0 .25em .5em rgba(139, 92, 246, .12);--gst-font-sans: "Inter", system-ui, -apple-system, sans-serif;--gst-btn-primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gst-btn-primary-gradient-hover: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--gst-btn-hover-transform: translateY(-.125em);--gst-btn-hover-shadow: var(--gst-shadow-md);--gst-input-focus-transform: translateY(-.0625em)}.gst.theme-purple .group{border:1px solid var(--gst-border);border-radius:var(--gst-radius-lg);background:var(--gst-bg-primary);box-shadow:var(--gst-shadow-sm)}}@layer gst-theme{.gst.theme-ocean .group{border:1px solid var(--gst-border);border-radius:var(--gst-radius-lg);background:var(--gst-bg-primary);box-shadow:var(--gst-shadow-sm)}}@layer gst-theme{.gst.theme-forest .group{border:1px solid var(--gst-border);border-radius:var(--gst-radius-lg);background:var(--gst-bg-primary);box-shadow:var(--gst-shadow-sm)}}