._designer_1d22b_1,._designer_1d22b_1 *{box-sizing:border-box}._designer_1d22b_1{min-width:20rem;height:100dvh;color:var(--jb-content-primary);background:var(--jb-surface-secondary);flex-direction:column;font-family:text-font,fa-font,system-ui,sans-serif;display:flex;overflow:hidden}._workspace_1d22b_17{border:0;border-radius:0;flex:auto;grid-template-columns:minmax(25rem,29.5rem) minmax(0,1fr);min-height:0;margin:0;display:grid}._settingsPanel_1d22b_27{overscroll-behavior:contain;background:var(--jb-surface-primary);scrollbar-width:thin;position:relative;overflow-y:auto}._sections_1d22b_35{gap:.75rem;padding:1rem;display:grid}._sectionContent_1d22b_41{gap:1rem;padding:0;display:grid}._sectionIntro_1d22b_47{color:var(--jb-content-secondary);margin:0;font-size:.75rem;line-height:1.5}._tokenList_1d22b_54{gap:.75rem;display:grid}._tokenField_1d22b_59{gap:.25rem;min-width:0;display:grid}._tokenField_1d22b_59 code{color:var(--jb-content-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}._sizeFamilyCard_1d22b_73{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius);background:var(--jb-surface-primary);gap:1rem;padding:1rem;display:grid}._sizeGroupHeading_1d22b_82{gap:3px;display:grid}._sizeGroupHeading_1d22b_82 h3,._sizeGroupHeading_1d22b_82 p{margin:0}._sizeGroupHeading_1d22b_82 h3{color:var(--jb-content-primary);font-size:.875rem}._sizeGroupHeading_1d22b_82 p{color:var(--jb-content-secondary);font-size:.75rem;line-height:1.45}._baseSizeToken_1d22b_103{border:1px solid color-mix(in oklch, var(--jb-primary) 38%, var(--jb-neutral-9));border-radius:var(--jb-radius-sm);background:color-mix(in oklch, var(--jb-primary) 6%, var(--jb-surface-primary));min-width:0;box-shadow:0 .25rem 1rem color-mix(in oklch, var(--jb-primary) 7%, transparent);gap:.25rem;padding:1rem .75rem .75rem;display:grid;position:relative}._baseSizeToken_1d22b_103 code{color:var(--jb-content-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}._baseSizeBadge_1d22b_123{border:1px solid color-mix(in oklch, var(--jb-primary) 28%, var(--jb-surface-primary));color:var(--jb-primary);background:var(--jb-surface-primary);border-radius:999px;padding:3px .5rem;font-size:.75rem;font-weight:750;position:absolute;inset-block-start:-.75rem;inset-inline-end:.75rem}._baseSizeLink_1d22b_136{border-block-start:1px solid color-mix(in oklch, var(--jb-primary) 16%, var(--jb-neutral-9));margin-block-start:.25rem;padding-block-start:.75rem}._baseSizeLink_1d22b_136::part(label){font-weight:650}._derivedSizeGrid_1d22b_146{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}._advancedSizeCallout_1d22b_152{justify-content:space-between;align-items:center;gap:.75rem;padding-block-start:2px;display:flex}._advancedSizeCallout_1d22b_152>div{gap:3px;min-width:0;display:grid}._advancedSizeCallout_1d22b_152 strong{color:var(--jb-content-primary);font-size:.75rem}._advancedSizeCallout_1d22b_152 span{color:var(--jb-content-secondary);font-size:.75rem;line-height:1.4}._advancedSizeCallout_1d22b_152 jb-button{flex:none}._colorGroupCard_1d22b_181{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius);background:var(--jb-surface-primary);gap:1rem;padding:1rem;display:grid}._colorGroupHeading_1d22b_190{gap:3px;display:grid}._colorGroupHeading_1d22b_190 strong{color:var(--jb-content-primary);font-size:.875rem}._colorGroupHeading_1d22b_190 span,._advancedColorCallout_1d22b_201 span{color:var(--jb-content-secondary);font-size:.75rem;line-height:1.45}._quickColorGrid_1d22b_207{gap:1rem;display:grid}._quickColorField_1d22b_212{gap:.5rem;min-width:0;display:grid}._calculatedSwatches_1d22b_218{border:1px solid color-mix(in oklch, var(--jb-content-primary) 10%, transparent);background:var(--jb-surface-primary);border-radius:999px;min-height:.5rem;display:flex;overflow:hidden}._calculatedSwatches_1d22b_218 span{flex:1 1 0;min-width:0;min-height:.5rem}._advancedColorCallout_1d22b_201{border-radius:var(--jb-radius);color:var(--jb-content-primary);background:var(--jb-surface-secondary);gap:.75rem;padding:1rem;display:grid}._advancedColorCallout_1d22b_201>div{gap:3px;display:grid}._advancedColorCallout_1d22b_201 jb-button{justify-self:start}._backgroundTabs_1d22b_251{--jb-tab-list-background:var(--jb-surface-primary);display:block}._backgroundTabs_1d22b_251 jb-tab-list{width:100%;display:block}._backgroundTabs_1d22b_251 jb-tab-list::part(list){border:1px solid var(--jb-neutral-9);corner-shape:squircle;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}._settingLabel_1d22b_269{color:var(--jb-content-secondary);margin:0;font-size:.875rem;font-weight:600}._patternGrid_1d22b_276{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}._patternButton_1d22b_282,._patternSelected_1d22b_283{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius-sm);corner-shape:squircle;background:var(--jb-surface-primary);cursor:pointer;height:6.25rem;padding:0;position:relative;overflow:hidden}._patternSelected_1d22b_283{border:2px solid var(--jb-primary);box-shadow:0 0 0 2px var(--jb-primary-subtle)}._patternButton_1d22b_282 img,._patternSelected_1d22b_283 img{object-fit:cover;width:100%;height:100%;display:block}._patternSelected_1d22b_283 span{max-width:4.5rem;color:var(--jb-content-inverse);background:var(--jb-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px .5rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem;overflow:hidden}._colorRows_1d22b_324,._imageSettings_1d22b_325{gap:.75rem;display:grid}._rangeSetting_1d22b_330{grid-template-columns:minmax(0,1fr) 5.25rem;align-items:start;gap:.5rem .75rem;display:grid}._rangeSetting_1d22b_330>span{color:var(--jb-content-secondary);grid-column:1/-1;font-size:.875rem;font-weight:600;line-height:1.4}._rangeSetting_1d22b_330 jb-range-input,._rangeSetting_1d22b_330 jb-number-input{width:100%;min-width:0}._rangeSetting_1d22b_330 jb-range-input{grid-column:1}._rangeSetting_1d22b_330 jb-number-input{grid-column:2}._inputSuffix_1d22b_359{color:var(--jb-content-secondary);white-space:nowrap;align-items:center;padding-inline-end:.5rem;font-size:.75rem;line-height:1;display:inline-flex}._fileInput_1d22b_369{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._notice_1d22b_377{border-radius:var(--jb-radius-sm);color:var(--jb-yellow-contrast);background:var(--jb-yellow-subtle);margin:0;padding:.75rem;font-size:.75rem;line-height:1.45}._componentPreviewControl_1d22b_387{gap:.5rem;display:grid}._componentPreviewControl_1d22b_387>span{color:var(--jb-content-secondary);font-size:.75rem}._componentPreviewTabs_1d22b_397{--jb-tab-list-background:var(--jb-surface-primary);display:block}._componentPreviewTabs_1d22b_397 jb-tab-list{width:100%;display:block}._componentPreviewTabs_1d22b_397 jb-tab-list::part(list){border:1px solid var(--jb-neutral-9);corner-shape:squircle;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.25rem;width:100%;display:grid}._formAccessibilityAudit_1d22b_416{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius-sm);background:var(--jb-surface-secondary);gap:.5rem;padding:.75rem;display:grid}._formAuditSummary_1d22b_425{color:var(--jb-content-primary);margin:0;font-size:.75rem;line-height:1.45}._formAuditResults_1d22b_432{gap:.5rem;display:grid}._formAuditResults_1d22b_432 section{border:1px solid var(--jb-red-subtle);border-radius:var(--jb-radius-xs);background:var(--jb-surface-primary);overflow:hidden}._formAuditComponentHeader_1d22b_444{color:var(--jb-red-contrast);background:var(--jb-red-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}._formAuditComponentHeader_1d22b_444>div{gap:2px;min-width:0;display:grid}._formAuditComponentHeader_1d22b_444 code{overflow-wrap:anywhere;color:var(--jb-red-contrast);font-size:.75rem}._formAuditResults_1d22b_432 ul{margin:0;padding:0;list-style:none;display:grid}._formAuditResults_1d22b_432 li{color:var(--jb-red-contrast);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}._formAuditResults_1d22b_432 li+li{border-block-start:1px solid var(--jb-red-subtle)}._formAuditResults_1d22b_432 li>div{gap:2px;min-width:0;display:grid}._formAuditResults_1d22b_432 li code{overflow-wrap:anywhere}._componentEditor_1d22b_498{gap:.75rem;display:grid}._componentEditor_1d22b_498>jb-select,._componentEditor_1d22b_498>jb-input,._componentTokenEditor_1d22b_505 jb-input,._componentTokenEditor_1d22b_505 jb-color-input{width:100%}._componentOverrideSummary_1d22b_510{min-width:0;color:var(--jb-content-primary);justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem;display:flex}._componentOverrideSummary_1d22b_510>div{gap:3px;min-width:0;display:grid}._componentOverrideSummary_1d22b_510 jb-button{flex:none}._componentOverrideSummary_1d22b_510 code,._componentTokenOption_1d22b_531 code,._componentTokenSelected_1d22b_532 code{text-align:left;direction:ltr;font-size:.75rem}._componentOverrideSummary_1d22b_510 code{color:var(--jb-content-secondary);text-overflow:ellipsis;display:block;overflow:hidden}@media (width<=30rem){._componentOverrideSummary_1d22b_510{flex-direction:column;align-items:stretch}._componentOverrideSummary_1d22b_510 jb-button{width:100%}}._componentTokenList_1d22b_556{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius-sm);background:var(--jb-surface-primary);gap:.25rem;max-height:18rem;padding:.25rem;display:grid;overflow-y:auto}._componentTokenFilters_1d22b_567{grid-template-columns:minmax(0,1fr) 8rem;align-items:end;gap:.75rem;display:grid}._componentTokenFilters_1d22b_567 jb-select{width:100%;min-width:0}._componentAccessibility_1d22b_579{border:1px solid var(--jb-primary-subtle);border-radius:var(--jb-radius-sm);color:var(--jb-content-primary);background:var(--jb-surface-primary);gap:.5rem;padding:.75rem;display:grid}._componentAccessibility_1d22b_579>div{grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem;font-size:.75rem;display:grid}._componentAccessibility_1d22b_579 span{color:var(--jb-content-secondary)}._accessibilityPass_1d22b_600{color:var(--jb-green-contrast)}._accessibilityFail_1d22b_604{color:var(--jb-red-contrast)}._componentAudit_1d22b_608{gap:.5rem;display:grid}._componentAuditHeader_1d22b_613{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._componentAuditIntro_1d22b_620{min-width:0;color:var(--jb-content-primary);gap:3px;font-size:.75rem;display:grid}._componentAuditHeader_1d22b_613 span{color:var(--jb-content-secondary);line-height:1.4}._componentAuditHeaderActions_1d22b_633{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.25rem;display:flex}._componentAudit_1d22b_608 ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}._componentAudit_1d22b_608 li{border:1px solid var(--jb-red-subtle);border-radius:var(--jb-radius-xs);color:var(--jb-red-contrast);background:var(--jb-red-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}._componentAudit_1d22b_608 li>div{gap:2px;min-width:0;display:grid}._componentAudit_1d22b_608 li code{overflow-wrap:anywhere}._componentAuditActions_1d22b_672{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.25rem!important;display:flex!important}._componentFixPreviewStatus_1d22b_680{border-radius:var(--jb-radius-xs);color:var(--jb-green-contrast);background:var(--jb-green-subtle);align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}._componentFixPreviewStatus_1d22b_680 i{border:1px solid var(--jb-neutral-7);border-radius:50%;flex:none;width:1rem;height:1rem}._componentAuditPass_1d22b_698{border-radius:var(--jb-radius-xs);color:var(--jb-green-contrast);background:var(--jb-green-subtle);margin:0;padding:.5rem;font-size:.75rem}._componentTokenGroup_1d22b_707{gap:.25rem;display:grid}._componentTokenGroup_1d22b_707>strong{z-index:1;color:var(--jb-content-secondary);background:var(--jb-surface-primary);letter-spacing:.02em;text-transform:uppercase;padding:.5rem .5rem .25rem;font-size:.75rem;position:sticky;inset-block-start:-.25rem}._componentTokenList_1d22b_556>p{color:var(--jb-content-secondary);margin:0;padding:.75rem;font-size:.75rem}._componentTokenOption_1d22b_531,._componentTokenSelected_1d22b_532{border-radius:var(--jb-radius-xs);min-width:0;min-height:2.75rem;color:var(--jb-content-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;gap:3px;padding:.5rem .75rem;display:grid;position:relative}._componentTokenOption_1d22b_531:hover,._componentTokenSelected_1d22b_532{border-color:var(--jb-primary-l);background:var(--jb-primary-subtle)}._componentTokenOption_1d22b_531 span,._componentTokenSelected_1d22b_532 span{padding-inline-end:4.5rem;font-size:.75rem;font-weight:700}._componentTokenOption_1d22b_531 code,._componentTokenSelected_1d22b_532 code{color:var(--jb-content-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._componentTokenOption_1d22b_531 small,._componentTokenSelected_1d22b_532 small{color:var(--jb-primary-d);background:var(--jb-primary-subtle);border-radius:999px;justify-self:start;padding:2px .25rem;font-size:.75rem;font-weight:700}._componentTokenOption_1d22b_531 i,._componentTokenSelected_1d22b_532 i{color:var(--jb-green);background:var(--jb-green-subtle);border-radius:999px;padding:3px .5rem;font-size:.75rem;font-style:normal;font-weight:700;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}._componentTokenEditor_1d22b_505{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius-sm);background:var(--jb-surface-secondary);gap:.75rem;padding:.75rem;display:grid}._componentTokenEffectiveValue_1d22b_803{border:1px solid var(--jb-primary-subtle);border-radius:var(--jb-radius-xs);color:var(--jb-content-primary);background:var(--jb-surface-primary);gap:.5rem;padding:.75rem;display:grid}._componentTokenEffectiveValue_1d22b_803>div{grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;gap:.5rem;min-width:0;font-size:.75rem;display:grid}._componentTokenEffectiveValue_1d22b_803 span{color:var(--jb-content-secondary)}._componentTokenEffectiveValue_1d22b_803 strong,._componentTokenEffectiveValue_1d22b_803 code{overflow-wrap:anywhere}._componentTokenEffectiveValue_1d22b_803 code{text-align:left;direction:ltr}._componentTokenTypedControl_1d22b_836{border-block-end:1px solid var(--jb-neutral-9);gap:.75rem;padding-block-end:.75rem;display:grid}._componentTokenTypedControl_1d22b_836>div{color:var(--jb-content-primary);gap:3px;font-size:.75rem;display:grid}._componentTokenTypedControl_1d22b_836>div span{color:var(--jb-content-secondary);line-height:1.45}._componentTokenLengthFields_1d22b_855{grid-template-columns:minmax(0,1fr) 6.5rem;gap:.5rem;display:grid}._componentTokenLengthFields_1d22b_855 jb-number-input,._componentTokenLengthFields_1d22b_855 jb-select{width:100%;min-width:0}._componentTokenOpacityFields_1d22b_867{grid-template-columns:minmax(0,1fr) 6.5rem;align-items:end;gap:.5rem;display:grid}._componentTokenOpacityFields_1d22b_867 jb-range-input,._componentTokenOpacityFields_1d22b_867 jb-number-input,._componentTokenTypedControl_1d22b_836>jb-select{width:100%;min-width:0}._componentTokenEditor_1d22b_505 jb-button{justify-self:start}._autosaveNote_1d22b_885{border-radius:var(--jb-radius-sm);corner-shape:squircle;min-height:3rem;color:var(--jb-primary-d);background:var(--jb-surface-secondary);align-items:center;gap:.75rem;margin:1.25rem 1rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex}._autosaveNote_1d22b_885 span{color:var(--jb-primary)}._modalBackdrop_1d22b_904{z-index:50;background:color-mix(in oklch, var(--jb-content-primary) 52%, transparent);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}._exportModal_1d22b_914{border-radius:var(--jb-radius);corner-shape:squircle;background:var(--jb-surface-primary);width:min(42rem,100%);max-height:min(45rem,100dvh - 3rem);box-shadow:0 1.5rem 4rem color-mix(in oklch, var(--jb-content-primary) 28%, transparent);padding:1.5rem;overflow:auto}._exportModal_1d22b_914 h2{margin:0;font-size:1.375rem}._exportModal_1d22b_914 p{color:var(--jb-content-secondary);line-height:1.5}._exportModal_1d22b_914 pre{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius-sm);max-height:25rem;color:var(--jb-primary-subtle);background:var(--jb-surface-inverse);white-space:pre-wrap;padding:1rem;font-size:.75rem;line-height:1.55;overflow:auto}._exportModal_1d22b_914>div{justify-content:flex-end;gap:.5rem;display:flex}._modalLoading_1d22b_954{text-align:center;align-content:center;place-items:center;gap:.75rem;width:min(26rem,100%);min-height:13rem;display:grid}._modalLoading_1d22b_954 p{margin:0;font-size:.75rem}._modalLoadingProgress_1d22b_969{width:min(12rem,70%);accent-color:var(--jb-primary)}._libraryPage_1d22b_974{min-height:100dvh;color:var(--jb-content-primary);background:var(--jb-surface-secondary);padding:2.5rem clamp(1rem,5vw,5rem);font-family:text-font,fa-font,system-ui,sans-serif}._libraryHeader_1d22b_982,._libraryHeader_1d22b_982>div{align-items:center;gap:1rem;display:flex}._libraryHeader_1d22b_982{justify-content:space-between}._libraryHeader_1d22b_982 h1{margin:0}._libraryActions_1d22b_997{gap:.75rem;display:flex}._libraryPage_1d22b_974>p{color:var(--jb-content-secondary)}._libraryToolbar_1d22b_1006{width:min(24rem,100%);margin-block:1.5rem .5rem}._libraryToolbar_1d22b_1006 jb-input{width:100%}._libraryEmpty_1d22b_1015{margin-block:1rem 2rem}._libraryGrid_1d22b_1019{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-top:2rem;display:grid}._libraryGrid_1d22b_1019>button,._libraryCard_1d22b_1027{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius);corner-shape:squircle;color:var(--jb-content-primary);background:var(--jb-surface-primary);overflow:hidden}._libraryGrid_1d22b_1019>button,._libraryCardOpen_1d22b_1037{font:inherit;text-align:start;cursor:pointer;gap:.75rem;padding:.75rem;display:grid}._libraryCardOpen_1d22b_1037{width:100%;color:inherit;background:0 0;border:0}._libraryCardStatic_1d22b_1053{cursor:default}._builtInThemePreview_1d22b_1057{aspect-ratio:1.6;border-radius:var(--jb-radius-sm);color:var(--jb-content-inverse);background:radial-gradient(circle at 78% 24%, color-mix(in oklch, var(--jb-surface-primary) 28%, transparent), transparent 28%), linear-gradient(135deg, var(--jb-primary-d), var(--jb-primary) 55%, var(--jb-secondary));place-items:center;display:grid}._builtInThemePreview_1d22b_1057 span{color:inherit;letter-spacing:-.08em;font-size:2rem;font-weight:800}._libraryCardActions_1d22b_1075{border-top:1px solid var(--jb-neutral-9);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.75rem;display:flex}._libraryCardActions_1d22b_1075 button{border-radius:var(--jb-radius-xs);min-height:2.25rem;color:var(--jb-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding-inline:.75rem;font-size:.75rem}._libraryCardActions_1d22b_1075 ._deleteThemeAction_1d22b_1096{color:var(--jb-red)}._libraryCardActions_1d22b_1075 button:hover{background:var(--jb-surface-secondary)}._libraryCardActions_1d22b_1075 button:disabled{color:var(--jb-content-secondary);cursor:default;background:var(--jb-surface-secondary)}._libraryGrid_1d22b_1019 img{aspect-ratio:1.6;border-radius:var(--jb-radius-sm);object-fit:cover;width:100%}._libraryGrid_1d22b_1019 span{color:var(--jb-content-secondary);font-size:.75rem}._importModal_1d22b_1122{gap:1rem;display:grid}._createModal_1d22b_1127{gap:1rem;width:min(34rem,100%);display:grid}._advancedColorsModal_1d22b_1133{grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;width:min(68rem,100vw - 2rem);max-height:min(52rem,100vh - 2rem);display:grid;overflow:hidden}._advancedColorsModal_1d22b_1133>header,._advancedColorsModal_1d22b_1133>footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}._advancedColorsModal_1d22b_1133>header>div{gap:.25rem;display:grid}._advancedColorsModal_1d22b_1133 h2,._advancedColorsModal_1d22b_1133 p{margin:0}._advancedColorsModal_1d22b_1133 p,._advancedColorsModal_1d22b_1133 footer>span{color:var(--jb-content-secondary);font-size:.75rem;line-height:1.5}._advancedColorsModal_1d22b_1133>._advancedColorGroups_1d22b_1167{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:start;gap:1rem;padding:3px .25rem 1rem 2px;display:grid;overflow:auto}._advancedColorGroups_1d22b_1167 jb-color-input{--jb-input-input-direction:ltr;--jb-input-input-text-align:left;width:100%;min-width:0}._advancedColorGroup_1d22b_1167{border:1px solid var(--jb-neutral-9);border-radius:var(--jb-radius);background:var(--jb-surface-primary);gap:1rem;min-width:0;padding:1rem;display:grid}._calculatedColorGroup_1d22b_1194{border-block-start:4px solid var(--advanced-group-color,var(--jb-neutral-9))}._advancedColorGroupHeader_1d22b_1198{align-items:flex-start;gap:.75rem;display:flex}._advancedColorGroupHeader_1d22b_1198>div{gap:3px;min-width:0;display:grid}._advancedColorGroupHeader_1d22b_1198 h3{color:var(--jb-content-primary);margin:0;font-size:1rem}._advancedColorGroupHeader_1d22b_1198 p{font-size:.75rem}._advancedGroupSwatch_1d22b_1220{border:3px solid var(--jb-surface-primary);border-radius:var(--jb-radius-xs);width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px color-mix(in oklch, var(--jb-content-primary) 16%, transparent);flex:none}._advancedBaseToken_1d22b_1229{border:1px solid color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 42%, var(--jb-neutral-9));border-radius:var(--jb-radius-sm);background:color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 7%, var(--jb-surface-primary));min-width:0;box-shadow:0 .25rem 1rem color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 8%, transparent);gap:.25rem;padding:1rem .75rem .75rem;display:grid;position:relative}._advancedBaseToken_1d22b_1229 code,._advancedDerivedToken_1d22b_1242 code{color:var(--jb-content-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}._baseColorLink_1d22b_1250{border-block-start:1px solid color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 18%, var(--jb-neutral-9));margin-block-start:.25rem;padding-block-start:.75rem}._baseColorLink_1d22b_1250::part(label){font-weight:650}._baseColorBadge_1d22b_1260{border:1px solid color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 32%, var(--jb-surface-primary));color:color-mix(in oklch, var(--advanced-group-color,var(--jb-primary)) 72%, var(--jb-content-primary));background:var(--jb-surface-primary);border-radius:999px;padding:3px .5rem;font-size:.75rem;font-weight:750;position:absolute;inset-block-start:-.75rem;inset-inline-end:.75rem}._advancedDerivedGrid_1d22b_1273{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}._foundationColorGroup_1d22b_1279{grid-column:1/-1}._foundationColorGroup_1d22b_1279 ._advancedDerivedGrid_1d22b_1273{grid-template-columns:repeat(3,minmax(0,1fr))}._advancedColorsModal_1d22b_1133 footer>div{flex:none;gap:.5rem;display:flex}@media (width<=52rem){._advancedColorsModal_1d22b_1133>header,._advancedColorsModal_1d22b_1133>footer{flex-direction:column;align-items:stretch}._advancedColorsModal_1d22b_1133>._advancedColorGroups_1d22b_1167{grid-template-columns:1fr}._foundationColorGroup_1d22b_1279{grid-column:auto}._foundationColorGroup_1d22b_1279 ._advancedDerivedGrid_1d22b_1273,._advancedDerivedGrid_1d22b_1273{grid-template-columns:1fr}._advancedColorsModal_1d22b_1133 footer>div{justify-content:flex-end}}._createModal_1d22b_1127>p,._createModal_1d22b_1127>div{margin:0}._createModal_1d22b_1127>div{justify-content:flex-end;gap:.5rem;display:flex}._importModal_1d22b_1122>p,._importModal_1d22b_1122>div{margin:0}._importJsonInput_1d22b_1337{--jb-textarea-height:15rem;--jb-textarea-textarea-direction:ltr;--jb-textarea-textarea-text-align:left;--jb-textarea-value-font-size:.75rem;width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}._importModal_1d22b_1122>._importFileRow_1d22b_1346{justify-content:flex-start;align-items:center;gap:.75rem;display:flex}._importFileRow_1d22b_1346 span{color:var(--jb-content-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}._hiddenFileInput_1d22b_1361{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._importModal_1d22b_1122>._importValid_1d22b_1370,._importModal_1d22b_1122>._importConflict_1d22b_1371,._importModal_1d22b_1122>._importError_1d22b_1372{border-radius:var(--jb-radius-sm);padding:.75rem 1rem;font-size:.75rem;line-height:1.5;display:block}._importValid_1d22b_1370{color:var(--jb-green-contrast);background:var(--jb-green-subtle)}._importConflict_1d22b_1371{color:var(--jb-yellow-contrast);background:var(--jb-yellow-subtle)}._importError_1d22b_1372{color:var(--jb-red-contrast);background:var(--jb-red-subtle)}._importError_1d22b_1372 ul{margin-block-end:0;padding-inline-start:1.25rem}._importWarningConsent_1d22b_1400{color:var(--jb-yellow-contrast);align-items:flex-start;gap:.75rem;font-size:.75rem;line-height:1.5;display:flex}._importWarningConsent_1d22b_1400 input{flex:none;width:1rem;height:1rem;margin-top:2px}._importModal_1d22b_1122>._importActions_1d22b_1416{justify-content:flex-end;gap:.5rem;display:flex}._deleteModal_1d22b_1422{gap:1rem;width:min(34rem,100%);display:grid}._deleteModal_1d22b_1422>p,._deleteModal_1d22b_1422>div{margin:0}._deleteModal_1d22b_1422>div{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=75rem){._workspace_1d22b_17{grid-template-columns:minmax(22rem,25rem) minmax(0,1fr)}}@media (width<=64rem){._designer_1d22b_1{overflow:hidden}._workspace_1d22b_17{border:0;border-radius:0;flex:auto;min-height:0;margin:0;display:block;overflow:hidden}._settingsPanel_1d22b_27{border:0;width:100%;height:100%}._workspace_1d22b_17[data-mobile-panel=design]>[data-designer-panel=preview],._workspace_1d22b_17[data-mobile-panel=preview] ._settingsPanel_1d22b_27{display:none}._settingsPanel_1d22b_27{overflow-y:auto}}@media (width<=40rem){._derivedSizeGrid_1d22b_146{grid-template-columns:minmax(0,1fr)}._advancedSizeCallout_1d22b_152{flex-direction:column;align-items:stretch}._libraryHeader_1d22b_982,._libraryActions_1d22b_997,._importModal_1d22b_1122>._importFileRow_1d22b_1346,._importModal_1d22b_1122>._importActions_1d22b_1416{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}._sectionContent_1d22b_41{padding-inline:1rem}._patternButton_1d22b_282,._patternSelected_1d22b_283{height:5.25rem}._rangeSetting_1d22b_330{grid-template-columns:minmax(0,1fr) 5rem}}