._toast_stask_2{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);background:var(--color-ui-background-elevated);color:var(--color-ui-foreground-primary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-ui-border-subtle);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:500;z-index:1000;transform:translateY(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}._toast_stask_2._show_stask_22{transform:translateY(0);opacity:1;pointer-events:auto}._gridWrapper_1czla_4{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;flex:1;padding:0;padding-top:var(--spacing-2);margin:0;box-sizing:border-box;position:relative;background:transparent}._grayscaleRow_1czla_20{display:grid;gap:2px;margin-bottom:var(--spacing-2);width:fit-content}._colorGrid_1czla_28{display:grid;gap:2px;width:fit-content}._colorCell_1czla_37,._grayscaleCell_1czla_38{appearance:none;-webkit-appearance:none;width:48px;height:48px;cursor:pointer;position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;padding:0;background-clip:padding-box;flex-shrink:0}._colorCell_1czla_37:hover,._grayscaleCell_1czla_38:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px var(--color-black-alpha-15),0 4px 8px var(--color-black-alpha-20);z-index:var(--z-20)}._colorCell_1czla_37:hover:before,._grayscaleCell_1czla_38:hover:before{opacity:.8}._colorCell_1czla_37:active,._grayscaleCell_1czla_38:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px var(--color-black-alpha-12),0 1px 2px var(--color-black-alpha-24)}._colorCell_1czla_37._selected_1czla_96,._grayscaleCell_1czla_38._selected_1czla_96{transform:scale(.95);box-shadow:0 0 0 3px var(--color-ui-background-primary),0 0 0 5px var(--color-brand-primary),0 4px 12px var(--color-brand-alpha-30);z-index:var(--z-30)}._colorCell_1czla_37._selected_1czla_96:after,._grayscaleCell_1czla_38._selected_1czla_96:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 3px var(--color-black-alpha-40);z-index:var(--z-10)}._grayscaleCell_1czla_38:first-child{background:#fff!important;box-shadow:inset 0 0 0 1px var(--color-black-alpha-10),0 2px 4px var(--color-black-alpha-10)}._grayscaleCell_1czla_38:last-child{background:#000!important;box-shadow:inset 0 0 0 1px var(--color-white-alpha-10),0 2px 4px var(--color-black-alpha-30)}._colorCell_1czla_37{background-color:#f0f0f0}@keyframes _ripple_1czla_1{0%{box-shadow:0 0 0 0 var(--color-brand-alpha-70),0 0 0 3px var(--color-ui-background-primary),0 0 0 5px var(--color-brand-primary)}to{box-shadow:0 0 0 20px var(--color-brand-alpha-00),0 0 0 3px var(--color-ui-background-primary),0 0 0 5px var(--color-brand-primary)}}._colorCell_1czla_37._selected_1czla_96,._grayscaleCell_1czla_38._selected_1czla_96{animation:_ripple_1czla_1 .6s ease-out}@media (min-width: 768px) and (max-width: 1023px){._gridWrapper_1czla_4{height:100%;overflow:hidden}}@media (min-width: 1024px) and (max-width: 1279px){._gridWrapper_1czla_4{height:100%;overflow:hidden}}._colorCell_1czla_37:focus,._grayscaleCell_1czla_38:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}._colorCell_1czla_37:focus:not(:focus-visible),._grayscaleCell_1czla_38:focus:not(:focus-visible){outline:none}._srOnly_laiv9_4{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_laiv9_16{position:relative;flex:1;border-radius:var(--radius-xl);overflow:visible;display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;min-height:320px;box-sizing:border-box;isolation:isolate}._canvas_laiv9_34{cursor:pointer;display:block;width:100%;height:100%;min-height:200px;object-fit:contain;border-radius:var(--radius-xl);transition:box-shadow var(--transition-duration-200) var(--transition-easing-out);-webkit-user-select:none;user-select:none}._canvas_laiv9_34:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:calc(var(--spacing-1) / 2)}._canvas_laiv9_34:active{cursor:grabbing}._canvas_laiv9_34:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--color-ui-border-medium)}._cursor_laiv9_63{position:absolute;width:var(--spacing-12);height:var(--spacing-12);border:3px solid var(--color-ui-foreground-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transform:translate(-50%,-50%);pointer-events:auto;transition:transform var(--transition-duration-150) var(--transition-easing-out);z-index:100}._container_laiv9_16:active ._cursor_laiv9_63{transform:translate(-50%,-50%) scale(1.2)}._wrapper_laiv9_80{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;justify-content:flex-start;margin:0;padding:var(--spacing-2);position:relative;box-sizing:border-box;overflow:visible;z-index:1;border-radius:var(--radius-xl)}._axisLabel_laiv9_100{position:absolute;color:var(--color-ui-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);pointer-events:none;opacity:.5;white-space:nowrap}@media (min-width: 768px) and (max-width: 1023px){._cursor_laiv9_63{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_laiv9_16:active ._cursor_laiv9_63{transform:translate(-50%,-50%) scale(1.25)}}@media (min-width: 1024px) and (max-width: 1279px){._cursor_laiv9_63{width:var(--spacing-12);height:var(--spacing-12);border-width:4px}._container_laiv9_16:active ._cursor_laiv9_63{transform:translate(-50%,-50%) scale(1.3)}}@media (pointer: coarse) and (min-width: 768px){._cursor_laiv9_63{width:var(--spacing-12);height:var(--spacing-12);border-width:4px;box-shadow:0 0 0 2px #0000004d,0 3px var(--spacing-3) #0006}._container_laiv9_16:active ._cursor_laiv9_63{transform:translate(-50%,-50%) scale(1.35)}}@media (max-width: 767px){._wrapper_laiv9_80{padding:0;gap:var(--spacing-4)}._container_laiv9_16,._canvas_laiv9_34{min-height:280px}._cursor_laiv9_63{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_laiv9_16:active ._cursor_laiv9_63{transform:translate(-50%,-50%) scale(1.15)}._axisLabel_laiv9_100{font-size:calc(var(--font-size-xs) * .9)}}._wrapper_jfh08_4{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;justify-content:flex-start;margin:0;padding:var(--spacing-2);position:relative;box-sizing:border-box}._container_jfh08_18{position:relative;flex:1;border-radius:var(--radius-xl);overflow:visible;display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;min-height:320px;box-sizing:border-box;isolation:isolate}._canvas_jfh08_35{cursor:pointer;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;min-height:200px;object-fit:contain;border-radius:var(--radius-xl);transition:box-shadow var(--transition-duration-200) var(--transition-easing-out)}._canvas_jfh08_35:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:calc(var(--spacing-1) / 2)}._canvas_jfh08_35:active{cursor:grabbing}._canvas_jfh08_35:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--color-ui-border-medium)}._interactiveOverlay_jfh08_64{position:absolute;inset:0;z-index:5;background:transparent}._cursor_jfh08_74{position:absolute;width:var(--spacing-12);height:var(--spacing-12);border:3px solid var(--color-ui-foreground-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transform:translate(-50%,-50%);pointer-events:auto;transition:transform var(--transition-duration-150) var(--transition-easing-out);z-index:100}._container_jfh08_18:active ._cursor_jfh08_74{transform:translate(-50%,-50%) scale(1.2)}@media (min-width: 768px) and (max-width: 1023px){._container_jfh08_18{gap:var(--spacing-3)}._cursor_jfh08_74{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_jfh08_18:active ._cursor_jfh08_74{transform:translate(-50%,-50%) scale(1.25)}}@media (min-width: 1024px) and (max-width: 1279px){._cursor_jfh08_74{width:var(--spacing-12);height:var(--spacing-12);border-width:4px}._container_jfh08_18:active ._cursor_jfh08_74{transform:translate(-50%,-50%) scale(1.3)}}@media (pointer: coarse) and (min-width: 768px){._cursor_jfh08_74{width:var(--spacing-12);height:var(--spacing-12);border-width:4px;box-shadow:0 0 0 2px #0000004d,0 3px var(--spacing-3) #0006}._container_jfh08_18:active ._cursor_jfh08_74{transform:translate(-50%,-50%) scale(1.35)}}@media (max-width: 767px){._wrapper_jfh08_4{padding:0;gap:var(--spacing-4)}._container_jfh08_18,._canvas_jfh08_35{min-height:280px}._cursor_jfh08_74{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_jfh08_18:active ._cursor_jfh08_74{transform:translate(-50%,-50%) scale(1.15)}}._srOnly_jfh08_173{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._container_3z9zo_8{background:var(--container-bg, var(--color-ui-background-primary));color:var(--container-text, var(--color-ui-foreground-primary));border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}._appHeader_3z9zo_16{width:100%;height:64px;padding:0 var(--spacing-4);background:var(--header-bg, var(--color-ui-background-secondary));border-bottom:none;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-3);position:relative;z-index:var(--z-50);flex-shrink:0;border-radius:0;box-sizing:border-box}._headerWithTabs_3z9zo_34{width:100%;background:var(--header-bg, var(--color-ui-background-secondary));border-radius:0;overflow:visible}._headerTitle_3z9zo_41{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--header-text, var(--color-ui-foreground-primary));letter-spacing:-.02em}._themeToggle_3z9zo_50{width:48px;height:48px;background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);color:var(--theme-toggle-color, var(--color-ui-foreground-secondary));transition:all var(--transition-duration-200) var(--transition-easing-in-out);border-radius:var(--radius-md);position:relative;flex-shrink:0;margin-left:auto}._container_3z9zo_8:not([data-theme=dark]) ._themeToggle_3z9zo_50{border-color:var(--color-ui-border-light, rgba(0, 0, 0, .08))}._themeToggle_3z9zo_50:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._themeToggle_3z9zo_50:hover{background:var(--theme-toggle-hover-bg, var(--color-ui-background-tertiary));color:var(--theme-toggle-hover-color, var(--color-ui-foreground-primary))}._themeToggle_3z9zo_50:active{background:var(--theme-toggle-active-bg, var(--color-ui-background-secondary));color:var(--theme-toggle-hover-color, var(--color-ui-foreground-primary));transform:scale(.98)}._content_3z9zo_90{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--content-bg, var(--color-ui-background-primary));padding:var(--spacing-4);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}._pickerSection_3z9zo_103{display:flex;flex-direction:row;gap:0;align-items:stretch;flex:1;position:relative;z-index:1}._pickerContainer_3z9zo_114{flex:1;padding:0;display:flex;flex-direction:column;position:relative;border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg)}._pickerArea_3z9zo_125{position:relative;display:flex;align-items:stretch;justify-content:center;width:100%;box-sizing:border-box}._pickerArea_3z9zo_125._withPadding_3z9zo_135{padding:var(--spacing-4)}._modeTabs_3z9zo_140{width:180px;display:flex;flex-direction:column;background:var(--tabs-bg, var(--color-ui-background-secondary));border-radius:var(--radius-lg) 0 0 var(--radius-lg);padding:var(--spacing-2);gap:var(--spacing-1);flex-shrink:0;align-self:stretch;justify-content:flex-start;position:relative;z-index:5}._modeTab_3z9zo_140{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:transparent;border:none;color:var(--tab-text, var(--color-ui-foreground-secondary));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);text-align:left;position:relative;white-space:nowrap;justify-content:flex-start}._modeTab_3z9zo_140:hover{background:var(--tab-hover-bg, var(--color-brand-alpha-10));color:var(--tab-hover-text, var(--color-ui-foreground-primary))}._modeTab_3z9zo_140._active_3z9zo_180{background:var(--picker-area-bg, var(--color-ui-background-primary));color:var(--color-ui-foreground-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-inset-subtle);border-radius:var(--radius-md)}._modeTab_3z9zo_140._active_3z9zo_180:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-ui-background-primary);border-radius:50%;opacity:0}._modeTab_3z9zo_140 span{font-size:inherit;font-weight:inherit;letter-spacing:.02em}._modeTab_3z9zo_140:last-child{border-bottom:none}._colorDisplayWrapper_3z9zo_212{display:flex;align-items:stretch;gap:var(--spacing-4);flex-wrap:wrap;justify-content:space-between;margin-top:calc(-1 * var(--spacing-6));margin-bottom:var(--spacing-4);position:relative;z-index:10}._colorDisplayWrapperSliders_3z9zo_225{margin-top:var(--spacing-7)}._infoSection_3z9zo_230{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;flex-shrink:0;position:relative}._bottomSection_3z9zo_240{width:100%;position:relative;z-index:10;isolation:isolate}._contrastHistoryRow_3z9zo_248{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:stretch}._contrastSection_3z9zo_256{display:flex;gap:var(--spacing-3);justify-content:center;align-items:center;width:100%}._slidersContainer_3z9zo_265{display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;justify-content:space-evenly;gap:var(--spacing-2);padding:var(--spacing-2);box-sizing:border-box;position:relative;z-index:35;overflow:visible}._contrastBadge_3z9zo_281{background:var(--badge-bg, var(--color-ui-background-secondary));border:1px solid var(--badge-border, var(--color-ui-border-light));border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);box-shadow:var(--shadow-sm)}._contrastLabel_3z9zo_293{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--badge-label, var(--color-ui-foreground-tertiary));text-transform:uppercase;letter-spacing:.05em;opacity:.8}._contrastValue_3z9zo_302{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--badge-value, var(--color-ui-foreground-secondary));display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap}._contrastValue_3z9zo_302._AAA_3z9zo_312{color:var(--color-feedback-success)}._contrastValue_3z9zo_302._AA_3z9zo_312{color:var(--color-success)}._contrastValue_3z9zo_302._AALarge_3z9zo_320{color:var(--color-feedback-warning)}._contrastValue_3z9zo_302._Fail_3z9zo_324{color:var(--color-feedback-error)}._toast_3z9zo_329{position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%) translateY(100px);background:var(--color-ui-background-inverse);color:var(--color-ui-foreground-inverse);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);opacity:0;transition:all var(--transition-duration-200) var(--transition-easing-out);pointer-events:none;max-width:300px;text-align:center}._toast_3z9zo_329._show_3z9zo_349{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}._disabled_3z9zo_356{opacity:.5;pointer-events:none;user-select:none}._disabled_3z9zo_356 ._colorDisplay_3z9zo_212{background:var(--color-ui-background-tertiary)}._disabled_3z9zo_356 ._colorSwatch_3z9zo_366{opacity:.7}._disabled_3z9zo_356 ._hexValue_3z9zo_370{color:var(--color-ui-foreground-tertiary)}._container_3z9zo_8._maximized_3z9zo_375{width:95vw;max-width:1400px;height:90vh;max-height:900px;margin:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);box-shadow:var(--shadow-xl);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}._container_3z9zo_8._maximized_3z9zo_375 ._content_3z9zo_90{padding:var(--spacing-6)}._container_3z9zo_8._maximized_3z9zo_375 ._pickerSection_3z9zo_103{flex-direction:row;gap:var(--spacing-4)}._container_3z9zo_8._maximized_3z9zo_375 ._modeTabs_3z9zo_140{width:200px;flex-direction:column;height:auto;border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-bottom:none;border-right:1px solid var(--color-ui-border-light)}._container_3z9zo_8._maximized_3z9zo_375 ._pickerContainer_3z9zo_114{flex:1;min-height:400px;padding:var(--spacing-4);border-radius:0 var(--radius-lg) var(--radius-lg) 0;border:none}._container_3z9zo_8._maximized_3z9zo_375 ._pickerArea_3z9zo_125{height:100%;min-height:350px}._container_3z9zo_8._maximized_3z9zo_375 ._contrastHistoryRow_3z9zo_248{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}._container_3z9zo_8._maximized_3z9zo_375 ._contrastSection_3z9zo_256{flex:0 0 auto;justify-content:flex-start}._colorDisplay_3z9zo_212{display:flex;align-items:center;gap:var(--spacing-3);flex:1}._colorSwatch_3z9zo_366{width:48px;height:48px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid var(--color-ui-border-light);position:relative;overflow:hidden}._colorCode_3z9zo_454{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}._hexValue_3z9zo_370{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ui-foreground-primary);font-family:var(--font-family-mono)}._colorName_3z9zo_468{font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);text-transform:capitalize}._overlay_1pwef_4{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:_fadeIn_1pwef_1 .2s ease-out}@keyframes _fadeIn_1pwef_1{0%{opacity:0}to{opacity:1}}._dialog_1pwef_26{background:var(--color-ui-background-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;overflow:hidden;border:1px solid var(--color-ui-border-light);animation:_slideIn_1pwef_1 .3s ease-out}@keyframes _slideIn_1pwef_1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._header_1pwef_49{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-5) var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-ui-border-light)}._title_1pwef_57{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ui-foreground-primary);margin:0}._closeButton_1pwef_65{background:none;border:none;color:var(--color-ui-foreground-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-duration-150) var(--transition-easing-out)}._closeButton_1pwef_65:hover{color:var(--color-ui-foreground-secondary);background:var(--color-ui-background-hover)}._content_1pwef_81{padding:var(--spacing-4) var(--spacing-5)}._colorPreview_1pwef_86{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-5);padding:var(--spacing-3);background:var(--color-ui-background-secondary);border-radius:var(--radius-md);border:1px solid var(--color-ui-border-light)}._colorSwatch_1pwef_96{width:40px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-ui-border-light);cursor:pointer;transition:transform var(--transition-duration-150) var(--transition-easing-out)}._colorSwatch_1pwef_96:hover{transform:scale(1.05)}._formFields_1pwef_110{display:flex;flex-direction:column;gap:var(--spacing-4)}._field_1pwef_116{display:flex;flex-direction:column;gap:var(--spacing-1-5)}._fieldLabel_1pwef_122{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ui-foreground-primary)}._input_1pwef_129,._textarea_1pwef_130{font-family:var(--font-family-sans);font-size:var(--font-size-base);padding:var(--spacing-2-5) var(--spacing-3);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-md);background:var(--color-ui-background-primary);color:var(--color-ui-foreground-primary);transition:all var(--transition-duration-200) var(--transition-easing-out);outline:none}._input_1pwef_129:focus,._textarea_1pwef_130:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #7b62aa1a}._textarea_1pwef_130{resize:vertical;min-height:60px;line-height:1.4}._actions_1pwef_155{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);border-top:1px solid var(--color-ui-border-light)}._cancelButton_1pwef_162,._saveButton_1pwef_163{flex:1;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}._cancelButton_1pwef_162{background:var(--color-ui-background-secondary);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-secondary)}._cancelButton_1pwef_162:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-dark);color:var(--color-ui-foreground-primary)}._saveButton_1pwef_163{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}._saveButton_1pwef_163:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);transform:translateY(-1px)}._saveButton_1pwef_163:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 480px){._dialog_1pwef_26{margin:var(--spacing-4);max-width:none}._colorPreview_1pwef_86{gap:var(--spacing-0-5)}._colorSwatch_1pwef_96{width:32px;height:20px}._actions_1pwef_155{flex-direction:column}}._container_1wt3z_3{position:relative;display:inline-block}._dropdownButton_1wt3z_8{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._dropdownButton_1wt3z_8:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._dropdownButton_1wt3z_8:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._buttonText_1wt3z_38{flex:1}._chevron_1wt3z_42{transition:transform var(--transition-duration-200) var(--transition-easing-out)}._chevron_1wt3z_42._open_1wt3z_46{transform:rotate(180deg)}._dropdown_1wt3z_8{background:var(--color-ui-background-primary);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;min-width:320px;max-height:70vh;animation:_dropdownSlideUp_1wt3z_1 .2s ease-out;backdrop-filter:blur(10px);position:relative}._dropdown_1wt3z_8:after{content:"";position:absolute;bottom:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-ui-background-primary);filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}[data-theme=dark] ._dropdown_1wt3z_8{background:var(--color-ui-background-primary);border-color:var(--color-ui-border);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes _dropdownSlideUp_1wt3z_1{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._themeList_1wt3z_96{max-height:calc(70vh - 40px);overflow-y:auto;scrollbar-width:thin}[data-theme=dark] ._themeList_1wt3z_96::-webkit-scrollbar{width:6px}[data-theme=dark] ._themeList_1wt3z_96::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] ._themeList_1wt3z_96::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}[data-theme=dark] ._themeList_1wt3z_96::-webkit-scrollbar-thumb:hover{background:#ffffff4d}._themeList_1wt3z_96::-webkit-scrollbar{width:6px}._themeList_1wt3z_96::-webkit-scrollbar-track{background:var(--color-ui-background-secondary)}._themeList_1wt3z_96::-webkit-scrollbar-thumb{background:var(--color-ui-border-medium);border-radius:3px}._categorySection_1wt3z_133{border-bottom:1px solid var(--color-ui-border-light)}._categorySection_1wt3z_133:last-child{border-bottom:none}._categoryHeader_1wt3z_141{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);background:var(--color-ui-background-secondary);border:none;cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ui-foreground-primary);transition:background-color var(--transition-duration-200) var(--transition-easing-out)}._categoryHeader_1wt3z_141:hover{background:var(--color-ui-background-tertiary)}._categoryLabel_1wt3z_161{display:flex;align-items:center;gap:var(--spacing-2)}._categoryCount_1wt3z_167{font-size:var(--font-size-xs);color:var(--color-ui-foreground-secondary);font-weight:var(--font-weight-normal)}._categoryChevron_1wt3z_173{transition:transform var(--transition-duration-200) var(--transition-easing-out)}._categoryChevron_1wt3z_173._expanded_1wt3z_177{transform:rotate(180deg)}._themeRows_1wt3z_181{padding:0}._themeRow_1wt3z_181{width:100%;display:flex;align-items:center;position:relative;transition:background-color var(--transition-duration-200) var(--transition-easing-out)}._themeRow_1wt3z_181:hover{background:var(--color-ui-background-tertiary)}._themeRow_1wt3z_181._userTheme_1wt3z_197{padding-right:var(--spacing-2)}._themeButton_1wt3z_201{flex:1;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;text-align:left;width:100%}._themeButton_1wt3z_201:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}._deleteButton_1wt3z_219{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#ef4444cc;cursor:pointer;opacity:0;transition:all var(--transition-duration-200) var(--transition-easing-out);display:flex;align-items:center;justify-content:center}._themeRow_1wt3z_181:hover ._deleteButton_1wt3z_219{opacity:1}._deleteButton_1wt3z_219:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:translateY(-50%) scale(1.1)}[data-theme=dark] ._themeRow_1wt3z_181:hover{background:#ffffff0d}[data-theme=dark] ._categoryHeader_1wt3z_141{background:#ffffff05;border-bottom-color:#ffffff1a}[data-theme=dark] ._categoryHeader_1wt3z_141:hover{background:#ffffff0d}[data-theme=dark] ._categoryLabel_1wt3z_161{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._categoryCount_1wt3z_167{color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._themeName_1wt3z_272{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._deleteButton_1wt3z_219{background:#ef444426;border-color:#ef44444d}[data-theme=dark] ._deleteButton_1wt3z_219:hover{background:#ef444440;border-color:#ef444480}._swatchRow_1wt3z_286{display:flex;gap:3px;flex-shrink:0}._miniSwatch_1wt3z_292{width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--radius-sm);border:1px solid var(--color-ui-border-light);flex-shrink:0;transition:transform var(--transition-duration-150) var(--transition-easing-out)}._themeRow_1wt3z_181:hover ._miniSwatch_1wt3z_292{transform:scale(1.05)}._themeInfo_1wt3z_305{flex:1;display:flex;flex-direction:column;gap:2px}._themeName_1wt3z_272{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ui-foreground-primary);line-height:1.2}._container_1fa90_3{display:flex;align-items:center;gap:var(--spacing-1)}._container_1fa90_3._disabled_1fa90_9{opacity:.5;pointer-events:none}._sliderGroup_1fa90_14{display:flex;align-items:center;gap:var(--spacing-1)}._slider_1fa90_14{width:80px;height:var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-ui-border);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:all var(--transition-duration-200) var(--transition-easing-out)}._slider_1fa90_14:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._slider_1fa90_14:hover{border-color:var(--color-ui-border-medium);transform:translateY(-1px)}._slider_1fa90_14::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);cursor:grab;box-shadow:var(--shadow-md);transition:all var(--transition-duration-150) var(--transition-easing-out)}._slider_1fa90_14::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_1fa90_14::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}._slider_1fa90_14::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);cursor:grab;box-shadow:var(--shadow-md);transition:all var(--transition-duration-150) var(--transition-easing-out)}._slider_1fa90_14::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_1fa90_14::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}._resetButton_1fa90_88{width:var(--spacing-4);height:var(--spacing-4);padding:0;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out)}._resetButton_1fa90_88:hover:not(:disabled){background:var(--color-ui-background-tertiary);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._resetButton_1fa90_88:disabled{opacity:.4;cursor:not-allowed}._container_78r41_3{display:flex;align-items:center;gap:var(--spacing-1)}._container_78r41_3._disabled_78r41_9{opacity:.5;pointer-events:none}._sliderGroup_78r41_14{display:flex;align-items:center;gap:var(--spacing-1)}._slider_78r41_14{width:80px;height:var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-ui-border);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:all var(--transition-duration-200) var(--transition-easing-out)}._slider_78r41_14::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);cursor:grab;box-shadow:var(--shadow-md);transition:all var(--transition-duration-150) var(--transition-easing-out)}._slider_78r41_14::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_78r41_14::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}._slider_78r41_14::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);cursor:grab;box-shadow:var(--shadow-md);transition:all var(--transition-duration-150) var(--transition-easing-out)}._slider_78r41_14::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_78r41_14::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}._slider_78r41_14:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._slider_78r41_14:hover{border-color:var(--color-ui-border-medium);transform:translateY(-1px)}._sliderLabels_78r41_86{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-ui-foreground-secondary);white-space:nowrap}._label_78r41_95{font-family:var(--font-family-sans);font-weight:500;font-size:var(--font-size-xs)}._resetButton_78r41_101{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-ui-foreground-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-duration-200) var(--transition-easing-out)}._resetButton_78r41_101:hover:not(:disabled){background:var(--color-ui-background-hover);color:var(--color-ui-foreground-primary);transform:rotate(-90deg)}._resetButton_78r41_101:disabled{opacity:.5;cursor:not-allowed}._disabled_78r41_9{opacity:.6;pointer-events:none}[data-theme=dark] ._slider_78r41_14{border-color:var(--color-ui-border-secondary)}[data-theme=dark] ._slider_78r41_14:focus{box-shadow:0 0 0 2px var(--color-brand-interactive-focus)}._colorCard_1q6bs_4{flex:1;background:var(--color-ui-background-primary);border:2px solid var(--color-ui-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);display:flex;flex-direction:column;overflow:hidden}._colorCard_1q6bs_4._dragging_1q6bs_17{opacity:.5;transform:rotate(5deg);cursor:grabbing;z-index:1000}._colorCard_1q6bs_4._dragOver_1q6bs_24{border-color:var(--color-brand-primary);border-width:3px;transform:scale(1.05);box-shadow:0 0 0 3px #9c7fd64d}._colorCard_1q6bs_4[draggable=true],._colorCard_1q6bs_4[draggable=true]:hover{cursor:grab}._colorCard_1q6bs_4._compact_1q6bs_40{height:100%;min-height:0}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorSwatch_1q6bs_45{height:50px;flex-shrink:0}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorValues_1q6bs_50{flex:1;overflow-y:auto;padding:6px 8px;font-size:9px;min-height:0}._colorCard_1q6bs_4._compact_1q6bs_40 ._valueRow_1q6bs_59{padding:2px 0;min-height:16px}._colorCard_1q6bs_4._compact_1q6bs_40 ._cardLabel_1q6bs_65{font-size:8px;padding:1px 4px}._colorCard_1q6bs_4._compact_1q6bs_40 ._hexCode_1q6bs_70{font-size:11px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorName_1q6bs_74{font-size:8px}._colorCard_1q6bs_4._compact_1q6bs_40 ._actionBtn_1q6bs_78{width:16px;height:16px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorInfo_1q6bs_83{padding:3px 5px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorValues_1q6bs_50::-webkit-scrollbar{width:3px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorValues_1q6bs_50::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorValues_1q6bs_50::-webkit-scrollbar-thumb{background:#fff6;border-radius:2px}._colorCard_1q6bs_4._compact_1q6bs_40 ._colorValues_1q6bs_50::-webkit-scrollbar-thumb:hover{background:#fff9}._colorCard_1q6bs_4:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}._colorCard_1q6bs_4._active_1q6bs_111{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #6366f133}._colorCard_1q6bs_4._backgroundCard_1q6bs_117{border-color:var(--color-brand-secondary);box-shadow:0 0 0 2px var(--color-brand-secondary-background)}._colorSwatch_1q6bs_45{height:80px;position:relative;background-size:cover}._swatchOverlay_1q6bs_129{position:absolute;inset:0;padding:8px;display:flex;flex-direction:column;justify-content:space-between;position:relative}._swatchHeader_1q6bs_142{display:flex;justify-content:space-between;align-items:flex-start;width:100%}._cardLabel_1q6bs_65{font-family:var(--font-family-sans);font-size:9px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6);line-height:1;background:#00000040;padding:2px 6px;border-radius:var(--radius-sm);backdrop-filter:blur(4px);display:flex;align-items:center;gap:4px}._contrastBadge_1q6bs_167{font-size:7px;font-weight:700;color:#fff;padding:1px 3px;border-radius:2px;text-shadow:none;letter-spacing:.02em}._warningIcon_1q6bs_177{color:#fef3c7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}._successIcon_1q6bs_182{color:#d1fae5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}._roleInfo_1q6bs_187{color:#fffc;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));cursor:help;transition:color var(--transition-duration-150) var(--transition-easing-out)}._roleInfo_1q6bs_187:hover{color:#fff}._criticalWarning_1q6bs_198{color:#fed7aa;animation:_pulse_1q6bs_1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _pulse_1q6bs_1{0%,to{opacity:1}50%{opacity:.7}}._cardActions_1q6bs_212{display:flex;gap:3px}._actionBtn_1q6bs_78{width:20px;height:20px;padding:0;background:#ffffffe6;border:1px solid rgba(255,255,255,.95);border-radius:var(--radius-sm);color:#000c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);box-shadow:0 1px 3px #0000004d}._actionBtn_1q6bs_78:hover{background:#fff;transform:scale(1.05);opacity:1}._removeBtn_1q6bs_240{background:#ef4444b3;border-color:#ef4444cc;color:#fff}._removeBtn_1q6bs_240:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:scale(1.1)}._colorInfo_1q6bs_83{display:flex;flex-direction:column;gap:2px;margin-top:auto;background:#0003;padding:4px 6px;border-radius:var(--radius-sm);backdrop-filter:blur(6px);width:fit-content}._hexCode_1q6bs_70{font-family:var(--font-family-mono);font-size:16px;font-weight:600;color:#fff;cursor:text;user-select:all;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7);letter-spacing:.02em}._hexInput_1q6bs_276{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-ui-foreground-primary);background:#fffffff2;border:2px solid var(--color-brand-primary);border-radius:var(--radius-sm);padding:2px 6px;outline:none;width:100px}._colorName_1q6bs_74{font-family:var(--font-family-sans);font-size:9px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6);line-height:1;opacity:.9}._colorValues_1q6bs_50{flex:1;display:flex;flex-direction:column;gap:0;padding:6px 8px}._valueRow_1q6bs_59{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid var(--color-ui-border);min-height:20px}._valueRow_1q6bs_59:last-child{border-bottom:none;padding-bottom:0}._valueLabel_1q6bs_324{font-family:var(--font-family-sans);font-size:9px;font-weight:600;color:var(--color-ui-foreground-secondary);text-transform:uppercase;letter-spacing:.05em}._valueText_1q6bs_333{font-family:var(--font-family-mono);font-size:10px;font-weight:500;color:var(--color-ui-foreground-primary);cursor:pointer;user-select:all;transition:color var(--transition-duration-200) var(--transition-easing-out)}._valueText_1q6bs_333:hover{color:var(--color-brand-primary)}._compareGrid_1w761_4{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--spacing-3);position:relative;align-content:stretch;overflow:hidden}._compareGrid_1w761_4._suppressed_1w761_17{pointer-events:none;opacity:.7}._swapButton_1w761_23{width:36px;height:36px;padding:0;background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);border-radius:50%;color:var(--color-brand-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);align-self:center;flex-shrink:0;box-shadow:var(--shadow-lg)}._swapButton_1w761_23:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);transform:scale(1.1) rotate(180deg)}._addColorBtn_1w761_49{background:var(--color-ui-background-primary);border:2px dashed var(--color-ui-border);border-radius:var(--radius-lg);color:var(--color-ui-foreground-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-duration-200) var(--transition-easing-out);min-height:120px;font-family:var(--font-family-sans);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._addColorBtn_1w761_49:hover{background:var(--color-ui-background-secondary);border-color:var(--color-brand-primary);color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._addColorBtn_1w761_49._compact_1w761_77{min-height:100px;font-size:10px}._exportPanel_1ipez_3{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-3);min-height:var(--spacing-64);overflow-y:auto}._formatGrid_1ipez_14{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2)}._formatCard_1ipez_20{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-ui-background-secondary);border:2px solid var(--color-ui-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);text-align:left}._formatCard_1ipez_20:hover{background:var(--color-ui-background-hover);border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._formatCard_1ipez_20._selected_1ipez_40{background:#6366f11a;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #6366f133}._formatIcon_1ipez_46{color:var(--color-brand-primary);flex-shrink:0}._formatInfo_1ipez_51{flex:1}._formatLabel_1ipez_55{font-family:var(--font-family-sans);font-size:14px;font-weight:600;color:var(--color-ui-foreground-primary);margin-bottom:2px}._formatDescription_1ipez_63{font-family:var(--font-family-sans);font-size:12px;color:var(--color-ui-foreground-secondary);line-height:1.4}._exportOptions_1ipez_71{background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}._exportOptions_1ipez_71 h3{margin:0 0 var(--spacing-3) 0;font-family:var(--font-family-sans);font-size:14px;font-weight:600;color:var(--color-ui-foreground-primary)}._option_1ipez_86{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-family:var(--font-family-sans);font-size:12px;color:var(--color-ui-foreground-primary);cursor:pointer}._option_1ipez_86:last-child{margin-bottom:0}._option_1ipez_86 input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand-primary)}._prefixInput_1ipez_107{flex:1;padding:4px 8px;border:1px solid var(--color-ui-border);border-radius:var(--radius-sm);background:var(--color-ui-background-primary);color:var(--color-ui-foreground-primary);font-family:var(--font-family-mono);font-size:12px;max-width:120px}._prefixInput_1ipez_107:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary-alpha-20)}._previewSection_1ipez_126{flex:1;display:flex;flex-direction:column;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);min-height:var(--spacing-32)}._previewHeader_1ipez_136{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border-bottom:1px solid var(--color-ui-border);background:var(--color-ui-background-primary)}._previewHeader_1ipez_136 h3{margin:0;font-family:var(--font-family-sans);font-size:14px;font-weight:600;color:var(--color-ui-foreground-primary)}._previewActions_1ipez_153{display:flex;gap:var(--spacing-2)}._actionBtn_1ipez_158{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-brand-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family-sans);font-size:11px;font-weight:500;transition:all var(--transition-duration-200) var(--transition-easing-out)}._actionBtn_1ipez_158:hover{background:var(--color-brand-primary-hover);transform:translateY(-1px)}._previewContent_1ipez_179{flex:1;overflow-y:auto;background:var(--color-ui-background-primary)}._codePreview_1ipez_185{margin:0;padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:11px;line-height:1.5;color:var(--color-ui-foreground-primary);background:transparent;white-space:pre-wrap;word-break:break-word}._colorPreview_1ipez_198{background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}._colorPreview_1ipez_198 h3{margin:0 0 var(--spacing-2) 0;font-family:var(--font-family-sans);font-size:14px;font-weight:600;color:var(--color-ui-foreground-primary)}._colorSwatches_1ipez_213{display:flex;gap:var(--spacing-2);flex-wrap:wrap}._colorSwatch_1ipez_213{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--color-ui-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out)}._colorSwatch_1ipez_213:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--color-brand-primary)}._swatchLabel_1ipez_238{font-family:var(--font-family-sans);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#0000004d;padding:1px 4px;border-radius:2px;backdrop-filter:blur(2px)}._container_4q8qn_4{display:flex;flex-direction:row;gap:0;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-xl);overflow-x:hidden;overflow-y:visible;height:auto;min-height:var(--spacing-64);box-shadow:var(--shadow-lg)}._modeTabs_4q8qn_19{display:flex;flex-direction:column;background:#0000004d;padding:var(--spacing-2);gap:var(--spacing-2);width:80px;flex-shrink:0;backdrop-filter:blur(10px)}._modeTab_4q8qn_19{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2);background:#ffffff0d;border:none;border-radius:var(--radius-md);color:#fff9;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._container_4q8qn_4[data-theme=dark] ._modeTab_4q8qn_19{background:#ffffff0d;color:var(--color-text-secondary)}._container_4q8qn_4[data-theme=dark] ._modeTab_4q8qn_19:hover{background:#ffffff1a;color:var(--color-text-primary)}._container_4q8qn_4[data-theme=light] ._modeTab_4q8qn_19{background:#00000014;color:var(--color-text-secondary)}._container_4q8qn_4[data-theme=light] ._modeTab_4q8qn_19:hover{background:#0000001f;color:var(--color-text-primary)}._modeTab_4q8qn_19._active_4q8qn_73{background:linear-gradient(135deg,#9c7fd666,#9c7fd699);color:#fff;border:2px solid rgba(156,127,214,.8);box-shadow:inset 0 2px 4px #0003,inset 0 1px #ffffff1a,0 1px 3px #9c7fd64d;font-weight:500;transform:translateY(1px)}._mainContent_4q8qn_88{flex:1;display:flex;flex-direction:row;align-items:stretch;padding:var(--spacing-2);gap:var(--spacing-2);position:relative;min-height:var(--spacing-48);overflow-y:auto}._sliderGroup_4q8qn_102{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3);width:100%}._cardWrapper_4q8qn_111{position:relative;display:flex;flex-direction:column;gap:var(--spacing-1)}._recentColors_4q8qn_123{display:flex;flex-direction:column;width:60px;flex-shrink:0;background:#0003;padding:var(--spacing-2);gap:var(--spacing-2)}._recentHeader_4q8qn_133{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);color:var(--color-ui-foreground-secondary)}._recentList_4q8qn_141{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);overflow-y:auto}._recentColor_4q8qn_123{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--color-ui-border);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);padding:0;flex-shrink:0}._recentColor_4q8qn_123:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--color-brand-primary)}._harmonyContent_4q8qn_167{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-2);color:var(--color-ui-foreground-tertiary);padding:var(--spacing-2);height:100%;min-height:0}._harmonyContent_4q8qn_167 p{margin:0;font-family:var(--font-family-sans);font-size:10px;font-weight:500}._recentList_4q8qn_141::-webkit-scrollbar{width:3px}._recentList_4q8qn_141::-webkit-scrollbar-track{background:var(--color-ui-background-primary);border-radius:var(--radius-sm)}._recentList_4q8qn_141::-webkit-scrollbar-thumb{background:var(--color-ui-border);border-radius:var(--radius-sm)}._recentList_4q8qn_141::-webkit-scrollbar-thumb:hover{background:var(--color-ui-border-dark)}._paletteContainer_4q8qn_207{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);height:100%;max-height:100%;overflow-y:auto}._paletteHeader_4q8qn_217{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-1);gap:var(--spacing-2)}._toolbarButtons_4q8qn_225{display:flex;align-items:center;gap:var(--spacing-1)}._contrastToggle_4q8qn_231{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._contrastToggle_4q8qn_231:hover{background:var(--color-ui-background-hover);color:var(--color-ui-foreground-primary);border-color:var(--color-ui-border-medium)}._contrastToggle_4q8qn_231._active_4q8qn_73{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #7b62aa33}._optimizeButton_4q8qn_262{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._optimizeButton_4q8qn_262:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._aiHarmonyButton_4q8qn_287{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._aiHarmonyButton_4q8qn_287:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._saveButton_4q8qn_312{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-sm);color:var(--color-ui-foreground-secondary);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}._saveButton_4q8qn_312:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._container_4xn38_3{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-ui-background-secondary);border-radius:var(--radius-md);border:1px solid var(--color-ui-border);font-size:var(--font-size-sm)}._indicator_4xn38_14{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-duration-200) var(--transition-easing-out)}._icon_4xn38_23{flex-shrink:0}._text_4xn38_27{font-weight:var(--font-weight-medium);white-space:nowrap}._low_4xn38_33{background:#fbbf241a;color:#f59e0b}._medium_4xn38_38{background:#f973161a;color:#f97316}._high_4xn38_43{background:#ef44441a;color:#ef4444}._fallback_4xn38_48{display:flex;flex-direction:column;gap:var(--spacing-1)}._fallbackLabel_4xn38_54{font-size:var(--font-size-xs);color:var(--color-ui-foreground-tertiary);text-transform:uppercase;letter-spacing:.5px}._colorPreview_4xn38_61{display:flex;align-items:center;gap:var(--spacing-2)}._originalColor_4xn38_67,._fallbackColor_4xn38_68{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-sm);border:2px solid var(--color-ui-border);box-shadow:var(--shadow-sm)}._arrow_4xn38_76{color:var(--color-ui-foreground-tertiary);font-size:var(--font-size-sm)}@media (max-width: 767px){._container_4xn38_3{padding:var(--spacing-1-5);gap:var(--spacing-1-5)}._indicator_4xn38_14{padding:var(--spacing-0-5) var(--spacing-1-5)}._text_4xn38_27{font-size:var(--font-size-xs)}}._chip_1h60z_3{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);background:linear-gradient(135deg,var(--color-ui-background-secondary) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;vertical-align:middle;margin:0 var(--spacing-1);backdrop-filter:blur(10px);position:relative;overflow:hidden}._chip_1h60z_3:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;border-color:var(--color-brand-alpha-30)}._chip_1h60z_3:hover:before{opacity:1}._chip_1h60z_3:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}._chip_1h60z_3:active{transform:scale(.98)}._inline_1h60z_55{display:inline-flex}._block_1h60z_59{display:flex;padding:var(--spacing-2);margin:var(--spacing-1) 0}._swatch_1h60z_65{width:16px;height:16px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 2px #0000001a,0 1px 3px #0000001a;position:relative;overflow:hidden}._swatch_1h60z_65:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(-45deg);animation:_shimmer_1h60z_1 3s ease-in-out infinite}@keyframes _shimmer_1h60z_1{0%{transform:translate(-100%) rotate(-45deg)}50%{transform:translate(0) rotate(-45deg)}to{transform:translate(100%) rotate(-45deg)}}._hex_1h60z_98{font-family:var(--font-family-sans);font-size:12px;color:var(--color-ui-foreground-primary);font-weight:500;letter-spacing:.02em}[data-theme=dark] ._chip_1h60z_3{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] ._chip_1h60z_3:hover{background:#ffffff14;border-color:#fff3}[data-theme=dark] ._hex_1h60z_98{color:#ffffffb3}[data-theme=dark] ._swatch_1h60z_65{border-color:#fff3}._formattedContent_uay2a_3{font-family:var(--font-family-sans);line-height:1.6;color:var(--color-ui-foreground-primary);font-size:15px;letter-spacing:-.01em}._heading_uay2a_11{font-size:18px;font-weight:600;margin:var(--spacing-4) 0 var(--spacing-3) 0;color:var(--color-ui-foreground-primary);letter-spacing:-.02em;line-height:1.3}._paragraph_uay2a_20{margin:var(--spacing-3) 0;line-height:1.65;font-weight:400}._bold_uay2a_26{font-weight:600;color:var(--color-ui-foreground-primary);letter-spacing:-.01em}._colorCard_uay2a_33{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-xl);padding:var(--spacing-3);margin:var(--spacing-2) 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._colorCard_uay2a_33:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000a,0 2px 6px #0000000f;border-color:var(--color-brand-alpha-20)}._colorCardHeader_uay2a_54{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}._colorCardTitle_uay2a_61{font-family:var(--font-family-sans);font-size:14px;font-weight:600;color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.05em}._colorCardDescription_uay2a_70{font-size:14px;line-height:1.5;color:var(--color-ui-foreground-primary);font-weight:400}._strategySummary_uay2a_78{background:linear-gradient(135deg,var(--color-brand-alpha-5) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--color-brand-alpha-20);border-radius:var(--radius-xl);padding:var(--spacing-4);margin:var(--spacing-3) 0;position:relative;overflow:hidden}._strategySummary_uay2a_78:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 100%);opacity:.8}._strategyHeader_uay2a_103{margin-bottom:var(--spacing-2)}._strategyTitle_uay2a_107{font-family:var(--font-family-sans);font-size:12px;font-weight:700;color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.1em}._strategyContent_uay2a_116{font-size:15px;line-height:1.6;color:var(--color-ui-foreground-primary);font-weight:400;font-style:italic;letter-spacing:-.01em}._colorChunk_uay2a_126{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-xl);padding:var(--spacing-4);margin:var(--spacing-3) 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._colorChunk_uay2a_126:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 50%,var(--color-brand-primary) 100%);opacity:.6}._colorChunk_uay2a_126:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000a,0 2px 8px #0000000f;border-color:var(--color-brand-alpha-30)}._bulletPoint_uay2a_161{display:flex;align-items:flex-start;margin:var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);transition:background-color .2s ease}._bulletPoint_uay2a_161:hover{background:#ffffff05}._bullet_uay2a_161{color:var(--color-brand-primary);margin-right:var(--spacing-2);font-weight:var(--font-weight-semibold)}._slotAssignment_uay2a_180{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);margin:var(--spacing-2) 0;background:linear-gradient(135deg,var(--color-ui-background-secondary) 0%,rgba(255,255,255,.02) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-ui-border);box-shadow:0 1px 3px #00000005,0 1px 2px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}._slotAssignment_uay2a_180:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000a,0 2px 4px #0000000f;border-color:var(--color-brand-alpha-20)}._slotLabel_uay2a_200{font-family:var(--font-family-sans);font-size:13px;font-weight:600;color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.05em;min-width:100px;position:relative}._slotLabel_uay2a_200:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--color-brand-primary) 0%,transparent 100%);opacity:.3}._numberedItem_uay2a_222{display:flex;align-items:flex-start;margin:var(--spacing-1) 0;padding-left:var(--spacing-2)}._number_uay2a_222{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-2);min-width:20px}._tableContainer_uay2a_237{overflow-x:auto;margin:var(--spacing-3) 0}._table_uay2a_237{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-ui-background-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-elevation-1)}._tableHeader_uay2a_252{background:var(--color-brand-alpha-10);padding:var(--spacing-2) var(--spacing-3);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-ui-foreground-primary);border-bottom:1px solid var(--color-ui-border-light)}._tableCell_uay2a_262{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-ui-border-light);color:var(--color-ui-foreground-secondary)}._table_uay2a_237 tbody tr:last-child td{border-bottom:none}._table_uay2a_237 tbody tr:hover{background:var(--color-brand-alpha-05);transition:background var(--transition-duration-200) var(--transition-easing-out)}[data-theme=dark] ._formattedContent_uay2a_3{color:#ffffffd9}[data-theme=dark] ._heading_uay2a_11{color:#ffffffe6}[data-theme=dark] ._bold_uay2a_26{color:#fffffff2}[data-theme=dark] ._bullet_uay2a_161,[data-theme=dark] ._number_uay2a_222{color:var(--color-brand-accent)}[data-theme=dark] ._table_uay2a_237{background:#ffffff0d}[data-theme=dark] ._tableHeader_uay2a_252{background:#9c7fd626;color:#ffffffe6;border-bottom-color:#ffffff1a}[data-theme=dark] ._tableCell_uay2a_262{color:#ffffffb3;border-bottom-color:#ffffff14}[data-theme=dark] ._table_uay2a_237 tbody tr:hover{background:#9c7fd61a}._overlay_1m6pt_3{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:_fadeIn_1m6pt_1 .2s ease-out}@keyframes _fadeIn_1m6pt_1{0%{opacity:0}to{opacity:1}}._modal_1m6pt_27{background:var(--color-ui-background);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:420px;padding:var(--spacing-6);position:relative;animation:_slideUp_1m6pt_1 .3s ease-out}._modal_1m6pt_27[data-theme=light]{background:#fff;border:1px solid var(--color-ui-border);box-shadow:0 25px 50px -12px #00000040}._modal_1m6pt_27[data-theme=dark]{background:var(--color-ui-background-elevated);border:1px solid var(--color-ui-border)}@keyframes _slideUp_1m6pt_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._closeButton_1m6pt_65{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all .2s ease}._closeButton_1m6pt_65:hover{background:var(--color-ui-background-secondary);color:var(--color-text-primary)}._header_1m6pt_83{text-align:center;margin-bottom:var(--spacing-6)}._iconWrapper_1m6pt_88{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-interactive));border-radius:50%;margin-bottom:var(--spacing-4)}._icon_1m6pt_88{color:#fff}._title_1m6pt_103{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-ui-foreground-primary);margin:0 0 var(--spacing-2) 0}._subtitle_1m6pt_110{font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);margin:0}._priceSection_1m6pt_118{text-align:center;padding:var(--spacing-6) 0;border-top:1px solid var(--color-ui-border);border-bottom:1px solid var(--color-ui-border);margin-bottom:var(--spacing-6)}._price_1m6pt_118{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-1)}._currency_1m6pt_133{font-size:var(--font-size-xl);color:var(--color-ui-foreground-secondary);font-weight:500}._amount_1m6pt_139{font-size:48px;font-weight:700;color:var(--color-ui-foreground-primary);line-height:1}._period_1m6pt_146{font-size:var(--font-size-base);color:var(--color-ui-foreground-secondary);margin-left:var(--spacing-2)}._features_1m6pt_152{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}._feature_1m6pt_152{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-ui-foreground-primary);font-size:var(--font-size-sm)}._featureIcon_1m6pt_167{color:var(--color-brand-interactive);flex-shrink:0}._error_1m6pt_172{background:var(--color-status-error-background);color:var(--color-status-error);padding:var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}._existingSection_1m6pt_182{background:var(--color-ui-background-secondary);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}._existingSectionHeader_1m6pt_189{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-3)}._emailInput_1m6pt_199{display:flex;gap:var(--spacing-2)}._emailInput_1m6pt_199 input{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-ui-border);border-radius:var(--radius-sm);background:var(--color-ui-background);color:var(--color-text-primary);font-size:var(--font-size-sm)}._emailInput_1m6pt_199 input:focus{outline:none;border-color:var(--color-brand-interactive)}._emailInput_1m6pt_199 button{padding:var(--spacing-2) var(--spacing-3);background:var(--color-brand-interactive);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .2s ease}._emailInput_1m6pt_199 button:hover:not(:disabled){background:var(--color-brand-interactive-hover)}._emailInput_1m6pt_199 button:disabled{opacity:.5;cursor:not-allowed}._divider_1m6pt_240{text-align:center;margin:var(--spacing-4) 0;position:relative;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}._divider_1m6pt_240:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-ui-border);z-index:1}._divider_1m6pt_240 span{background:var(--color-ui-background);padding:0 var(--spacing-3);position:relative;z-index:2}._payButton_1m6pt_266{width:100%;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-interactive));color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all .2s ease;margin-bottom:var(--spacing-3)}._payButton_1m6pt_266:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8460cc4d}._payButton_1m6pt_266:disabled{opacity:.6;cursor:not-allowed}._loading_1m6pt_294{display:inline-block;animation:_pulse_1m6pt_1 1.5s ease-in-out infinite}@keyframes _pulse_1m6pt_1{0%,to{opacity:1}50%{opacity:.6}}._disclaimer_1m6pt_308{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}@media (max-width: 480px){._modal_1m6pt_27{width:95%;padding:var(--spacing-4)}._amount_1m6pt_139{font-size:36px}}._container_oks5t_3{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-4);font-family:var(--font-family-sans);background:transparent;box-sizing:border-box}._chatBox_oks5t_15{width:100%;flex:1;max-height:100%;background:linear-gradient(135deg,#1e293bd9,#1e293bf2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:0 4px 30px #0000001a,0 20px 40px #9c7fd60d,inset 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;transition:all .3s ease}._usageWarning_oks5t_41{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fbbf241a;color:#fbbf24;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);margin:0 0 var(--spacing-2);border:1px solid rgba(251,191,36,.2)}._upgradePrompt_oks5t_55{background:#9c7fd61a;border:1px solid rgba(156,127,214,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin:0 0 var(--spacing-3);text-align:center}._upgradeMessage_oks5t_64{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-brand-interactive);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-3)}._upgradeButton_oks5t_75{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-interactive));color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}._upgradeButton_oks5t_75:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9c7fd64d}._inputArea_oks5t_93{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0;margin-top:auto}._input_oks5t_93{flex:1;background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);outline:none;padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease}._input_oks5t_93:focus{background:var(--color-ui-background);border-color:var(--color-brand-interactive);box-shadow:0 0 0 2px var(--color-brand-alpha-20)}._input_oks5t_93::placeholder{color:var(--color-text-tertiary)}._colorBadge_oks5t_125{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.8;transition:opacity var(--transition-duration-200) var(--transition-easing-out)}._colorBadge_oks5t_125:hover{opacity:1}._sendButton_oks5t_140{width:32px;height:32px;padding:0;background:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);flex-shrink:0}._sendButton_oks5t_140:hover:not(:disabled){color:#ffffffe6;background:#ffffff1a}._sendButton_oks5t_140:disabled{opacity:.3;cursor:not-allowed}._sendIcon_oks5t_166{width:18px;height:18px}._messages_oks5t_172{flex:1;overflow-y:auto;margin-bottom:var(--spacing-4);padding-right:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-3);min-height:0}._messages_oks5t_172::-webkit-scrollbar{width:4px}._messages_oks5t_172::-webkit-scrollbar-track{background:transparent}._messages_oks5t_172::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}._message_oks5t_172{display:flex;align-items:flex-start;gap:var(--spacing-2);animation:_fadeIn_oks5t_1 .3s ease-out}@keyframes _fadeIn_oks5t_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._message_oks5t_172._user_oks5t_215{justify-content:flex-end}._message_oks5t_172._assistant_oks5t_219{justify-content:flex-start}._messageAvatar_oks5t_224{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:var(--spacing-1)}._user_oks5t_215 ._messageAvatar_oks5t_224{background:var(--color-brand-alpha-20);color:var(--color-brand-primary)}._assistant_oks5t_219 ._messageAvatar_oks5t_224{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-accent));color:#fff}._messageContent_oks5t_245{flex:1;max-width:75%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:break-word}._user_oks5t_215 ._messageContent_oks5t_245{background:var(--color-brand-alpha-10);color:var(--color-text-primary);border:1px solid var(--color-brand-alpha-20)}._assistant_oks5t_219 ._messageContent_oks5t_245{background:var(--color-ui-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-ui-border)}._typingIndicator_oks5t_268{color:#ffffff80;font-style:italic;animation:_pulse_oks5t_1 1.5s ease-in-out infinite}@keyframes _pulse_oks5t_1{0%,to{opacity:.5}50%{opacity:1}}[data-theme=light] ._chatBox_oks5t_15{background:linear-gradient(135deg,#ffffffd9,#f8fafcf2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 30px #00000014,0 20px 40px #9c7fd614,inset 0 1px #fffc}[data-theme=light] ._input_oks5t_93{color:var(--color-ui-foreground-primary);background:#00000008;border:1px solid rgba(0,0,0,.08)}[data-theme=light] ._input_oks5t_93:focus{background:#0000000d;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #9c7fd626}[data-theme=light] ._input_oks5t_93::placeholder{color:var(--color-ui-foreground-tertiary)}[data-theme=light] ._sendButton_oks5t_140{color:var(--color-ui-foreground-tertiary)}[data-theme=light] ._sendButton_oks5t_140:hover:not(:disabled){color:var(--color-ui-foreground-primary);background:#0000000d}[data-theme=light] ._user_oks5t_215 ._messageContent_oks5t_245{background:var(--color-brand-alpha-10);color:var(--color-text-primary);border:1px solid var(--color-brand-alpha-20)}[data-theme=light] ._assistant_oks5t_219 ._messageContent_oks5t_245{background:var(--color-ui-background);color:var(--color-text-primary);border:1px solid var(--color-ui-border)}[data-theme=light] ._user_oks5t_215 ._messageAvatar_oks5t_224{background:var(--color-brand-alpha-20);color:var(--color-brand-primary)}[data-theme=light] ._assistant_oks5t_219 ._messageAvatar_oks5t_224{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-interactive));color:#fff}[data-theme=light] ._typingIndicator_oks5t_268{color:var(--color-ui-foreground-tertiary)}[data-theme=light] ._messages_oks5t_172::-webkit-scrollbar-thumb{background:#0003}@media (max-width: 767px){._container_oks5t_3{padding:var(--spacing-3);justify-content:flex-end}._chatBox_oks5t_15{padding:var(--spacing-3);height:auto;max-height:70vh}._messages_oks5t_172{max-height:300px}._input_oks5t_93{font-size:var(--font-size-base)}}@media (min-width: 1280px){._chatBox_oks5t_15{width:100%}}._container_14u2r_3{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-4);font-family:var(--font-family-sans);background:transparent;border-radius:var(--radius-lg);overflow:hidden}._toolbar_14u2r_15{display:flex;gap:4px;padding:4px 6px;transition:all var(--transition-duration-200) var(--transition-easing-out)}._toolButton_14u2r_22{padding:4px 8px;background:transparent;border:none;color:var(--color-ui-foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);min-height:24px;border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:11px;font-weight:500}._toolButton_14u2r_22:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-primary);transform:translateY(-1px)}._toolButton_14u2r_22:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._toolButton_14u2r_22._active_14u2r_52{background:var(--semantic-primary-color, var(--color-brand-primary));border-color:var(--semantic-primary-color, var(--color-brand-primary));box-shadow:0 0 0 2px var(--semantic-primary-color, var(--color-brand-alpha-20))}._exampleContent_14u2r_58{flex:1;overflow:auto;padding:0;border-radius:var(--radius-lg);background-color:inherit;position:relative;display:flex;flex-direction:column}._inlineToolbar_14u2r_70{display:flex;gap:8px;padding:8px 12px;transition:all var(--transition-duration-200) var(--transition-easing-out);background:var(--color-black-alpha-05);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-black-alpha-10);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);flex-shrink:0;align-items:center;justify-content:space-between}._paletteSwatches_14u2r_86{display:flex;gap:3px;align-items:center}._paletteSwatch_14u2r_86{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-black-alpha-20);display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);position:relative}._paletteSwatch_14u2r_86:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}._paletteLabel_14u2r_109{font-size:8px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:var(--font-family-sans)}._exampleWrapper_14u2r_117{flex:1;overflow:auto;position:relative}._textExample_14u2r_124{height:100%;display:flex;flex-direction:column;gap:var(--spacing-3);background-color:inherit;padding:var(--spacing-3)}._controls_14u2r_133{display:flex;gap:var(--spacing-4);padding:var(--spacing-2);border-radius:var(--radius-md)}._controls_14u2r_133 label{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;font-weight:500;font-family:var(--font-family-sans);color:var(--color-ui-foreground-secondary)}._controls_14u2r_133 input[type=range]{width:100px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;transition:opacity .2s ease;position:relative}._controls_14u2r_133 input[type=range]:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._controls_14u2r_133 input[type=range]:hover{opacity:.9}._controls_14u2r_133 input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--slider-track-bg, rgba(255, 255, 255, .1));border-radius:3px}._controls_14u2r_133 input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--slider-track-bg, rgba(255, 255, 255, .1));border-radius:3px}._sizeSlider_14u2r_188{background:linear-gradient(to right,var(--slider-color-1, #1E293B) 0%,var(--slider-color-1, #1E293B) var(--slider-progress, 50%),var(--slider-color-1-transparent, rgba(30, 41, 59, .2)) var(--slider-progress, 50%),var(--slider-color-1-transparent, rgba(30, 41, 59, .2)) 100%);transition:background .2s ease;accent-color:var(--slider-color-1, #1E293B)}._sizeSlider_14u2r_188::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color-1, #1E293B);cursor:pointer;box-shadow:0 2px 6px #00000026,0 0 0 1px var(--slider-color-1-transparent, var(--semantic-primary-alpha-20, rgba(99, 102, 241, .2)));transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._sizeSlider_14u2r_188::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._sizeSlider_14u2r_188::-webkit-slider-thumb:active{transform:scale(1.05)}._sizeSlider_14u2r_188::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color-1, #1E293B);cursor:pointer;box-shadow:0 2px 6px #00000026,0 0 0 1px var(--slider-color-1-transparent, var(--semantic-primary-alpha-20, rgba(99, 102, 241, .2)));transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._sizeSlider_14u2r_188::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._sizeSlider_14u2r_188::-moz-range-thumb:active{transform:scale(1.05)}._weightSlider_14u2r_242{width:100px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;position:relative;background:linear-gradient(to right,var(--slider-color-2, #EC4899) 0%,var(--slider-color-2, #EC4899) var(--slider-progress, 50%),var(--slider-color-2-transparent, rgba(236, 72, 153, .2)) var(--slider-progress, 50%),var(--slider-color-2-transparent, rgba(236, 72, 153, .2)) 100%);transition:background .2s ease,opacity .2s ease}._weightSlider_14u2r_242:hover{opacity:.9}._weightSlider_14u2r_242::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color-2, #9C7FD6);cursor:pointer;box-shadow:0 2px 6px #00000026,0 0 0 1px var(--slider-color-2-transparent, rgba(236, 72, 153, .2));transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._weightSlider_14u2r_242::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._weightSlider_14u2r_242::-webkit-slider-thumb:active{transform:scale(1.05)}._weightSlider_14u2r_242::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color-2, #9C7FD6);cursor:pointer;box-shadow:0 2px 6px #00000026,0 0 0 1px var(--slider-color-2-transparent, rgba(236, 72, 153, .2));transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._weightSlider_14u2r_242::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._weightSlider_14u2r_242::-moz-range-thumb:active{transform:scale(1.05)}._controls_14u2r_133 span{min-width:40px;font-family:var(--font-family-sans);font-size:11px;font-weight:500}._preview_14u2r_310{flex:1;padding:var(--spacing-4);border-radius:var(--radius-md);transition:background-color var(--transition-duration-200) var(--transition-easing-out)}._preview_14u2r_310 h1{margin:0 0 var(--spacing-3) 0;font-family:var(--font-family-sans);font-weight:600;transition:all var(--transition-duration-200) var(--transition-easing-out)}._preview_14u2r_310 p{margin:0 0 var(--spacing-2) 0;line-height:1.6;font-family:var(--font-family-sans);font-weight:400;transition:all var(--transition-duration-200) var(--transition-easing-out)}._uiExample_14u2r_333{padding:var(--spacing-4);border-radius:var(--radius-md);min-height:300px;display:flex;flex-direction:column;gap:var(--spacing-4)}._card_14u2r_342{border:2px solid;border-radius:var(--radius-lg);overflow:hidden}._cardHeader_14u2r_348{padding:var(--spacing-3)}._cardHeader_14u2r_348 h3{margin:0;font-size:var(--font-size-lg)}._cardContent_14u2r_357{padding:var(--spacing-3);display:flex;gap:var(--spacing-2)}._primaryButton_14u2r_363,._secondaryButton_14u2r_364{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out)}._primaryButton_14u2r_363{border:none}._primaryButton_14u2r_363:hover{opacity:.9;transform:translateY(-1px)}._secondaryButton_14u2r_364{background:transparent;border:2px solid}._secondaryButton_14u2r_364:hover{background:var(--semantic-primary-alpha-10, rgba(99, 102, 241, .1))}._inputs_14u2r_391{display:flex;flex-direction:column;gap:var(--spacing-2)}._inputs_14u2r_391 input[type=text]{padding:var(--spacing-2);border:2px solid;border-radius:var(--radius-md);transition:all var(--transition-duration-200) var(--transition-easing-out)}._inputs_14u2r_391 label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}._radioGroup_14u2r_411{display:flex;gap:var(--spacing-3)}._shapesExample_14u2r_417{padding:var(--spacing-4);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}._shapeControls_14u2r_427{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3);align-items:center;flex-shrink:0;z-index:1}._shapeControls_14u2r_427 label{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;font-weight:500;font-family:var(--font-family-sans)}._shapeControls_14u2r_427 input[type=range]{width:100px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;outline:none;transition:opacity .2s ease;position:relative}._shapeControls_14u2r_427 input[type=range]:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._shapeControls_14u2r_427 input[type=range]:hover{opacity:.9}._rotationSlider_14u2r_467{background:linear-gradient(to right,var(--slider-color-2, #1E293B) 0%,var(--slider-color-2, #1E293B) var(--slider-progress, 50%),var(--slider-color-2-track, rgba(30, 41, 59, .2)) var(--slider-progress, 50%),var(--slider-color-2-track, rgba(30, 41, 59, .2)) 100%);accent-color:var(--slider-color-2, #1E293B)}._rotationSlider_14u2r_467::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color-2, #9C7FD6);cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._rotationSlider_14u2r_467::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._rotationSlider_14u2r_467::-webkit-slider-thumb:active{transform:scale(1.05)}._rotationSlider_14u2r_467::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color-2, #9C7FD6);cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3)}._rotationSlider_14u2r_467::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000040}._rotationSlider_14u2r_467::-moz-range-thumb:active{transform:scale(1.05)}._shapeControls_14u2r_427 span{min-width:40px;font-family:var(--font-family-sans);font-size:11px;font-weight:500}._layoutExample_14u2r_527{border-radius:var(--radius-md);overflow:hidden;min-height:300px;display:grid;grid-template-columns:200px 1fr;grid-template-rows:60px 1fr}._header_14u2r_536{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}._sidebar_14u2r_544{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-ui-border)}._content_14u2r_551{padding:var(--spacing-3)}._contentBlock_14u2r_555{padding:var(--spacing-3);border-radius:var(--radius-md)}._codeExample_14u2r_561{padding:var(--spacing-3);border-radius:var(--radius-md);min-height:300px}._codeExample_14u2r_561 pre{margin:0;padding:var(--spacing-3);border-radius:var(--radius-md);overflow-x:auto}._codeExample_14u2r_561 code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6}._documentExample_14u2r_581{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}._premiumDocument_14u2r_589{flex:1;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d;overflow:auto;font-family:var(--font-family-sans);padding:calc(var(--spacing-6) * 1.5) var(--spacing-6);position:relative}._documentHeader_14u2r_607{text-align:center;margin-bottom:calc(var(--spacing-6) * 1.618);position:relative;padding-bottom:var(--spacing-4)}._documentHeader_14u2r_607:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.2}._documentMeta_14u2r_629{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-3);opacity:.7}._documentTitle_14u2r_638{font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-3) 0;letter-spacing:-.02em}._documentSubtitle_14u2r_646{font-size:16px;font-weight:400;opacity:.8;line-height:1.5;max-width:600px;margin:0 auto}._documentContent_14u2r_656{max-width:720px;margin:0 auto}._documentSection_14u2r_661{margin-bottom:calc(var(--spacing-4) * 1.618)}._sectionHeading_14u2r_665{font-size:24px;font-weight:600;margin:0 0 var(--spacing-3) 0;letter-spacing:-.01em;position:relative;padding-left:var(--spacing-3)}._sectionHeading_14u2r_665:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:currentColor;opacity:.3}._subHeading_14u2r_686{font-size:18px;font-weight:600;margin:0 0 var(--spacing-2) 0;letter-spacing:-.005em}._bodyText_14u2r_693{font-size:15px;line-height:1.7;margin:0 0 var(--spacing-3) 0;opacity:.95}._accentText_14u2r_700{font-weight:600;padding:0 2px;position:relative}._premiumList_14u2r_707{list-style:none;margin:var(--spacing-3) 0;padding:0}._listItem_14u2r_713{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);align-items:flex-start}._listBullet_14u2r_720{font-size:18px;font-weight:700;flex-shrink:0;margin-top:-2px}._listText_14u2r_727{font-size:15px;line-height:1.6;flex:1}._listText_14u2r_727 strong{font-weight:600}._premiumCallout_14u2r_738{margin:calc(var(--spacing-4) * 1.618) 0;padding:var(--spacing-4);border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);position:relative;backdrop-filter:blur(10px)}._calloutIcon_14u2r_748{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;background:currentColor;color:#fff;opacity:.9}._calloutContent_14u2r_763{flex:1}._calloutHeading_14u2r_767{font-size:16px;font-weight:600;margin:0 0 var(--spacing-2) 0;letter-spacing:-.005em}._calloutText_14u2r_774{font-size:14px;line-height:1.6;margin:0 0 var(--spacing-2) 0;font-style:italic}._calloutCite_14u2r_781{font-size:12px;font-style:normal;opacity:.7;display:block;margin-top:var(--spacing-2)}._documentFooter_14u2r_790{margin-top:calc(var(--spacing-6) * 1.618);padding-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.05);text-align:center}._footerMeta_14u2r_797{font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.1em}._document_14u2r_581{max-width:600px;margin:0 auto}._document_14u2r_581 h1{margin:0 0 var(--spacing-3) 0;padding-bottom:var(--spacing-2)}._document_14u2r_581 p{line-height:1.6;margin-bottom:var(--spacing-3)}._document_14u2r_581 blockquote{margin:var(--spacing-3) 0;padding-left:var(--spacing-3)}._colorPaletteBar_14u2r_825{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);background:#0000000d;border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}._paletteItem_14u2r_834{flex:1;height:40px;border-radius:var(--radius-sm);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease}._paletteItem_14u2r_834:hover{transform:scale(1.05)}._colorLabel_14u2r_851{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.05em}._dashboardCard_14u2r_862{color:var(--card-text-color)!important}._dashboardCard_14u2r_862 h4,._dashboardCard_14u2r_862 p{color:inherit!important}._cardGrid_14u2r_872{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-3)}._miniCard_14u2r_879{border:2px solid;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease}._miniCard_14u2r_879:hover{transform:translateY(-2px)}._miniCardHeader_14u2r_890{padding:var(--spacing-2);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family-sans)}._miniButton_14u2r_897{width:100%;padding:var(--spacing-2);border:none;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:opacity .2s ease;font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.03em}._miniButton_14u2r_897:hover{opacity:.8}._premiumCardGrid_14u2r_915{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}._premiumCard_14u2r_915{padding:var(--spacing-4);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;min-height:240px;display:flex;flex-direction:column}._premiumCardHeader_14u2r_933{margin-bottom:var(--spacing-3)}._premiumCardContent_14u2r_937{flex:1;display:flex;flex-direction:column}._premiumButton_14u2r_943{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family-sans);cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:.02em;margin-top:auto}._buttonGroup_14u2r_958{display:flex;gap:var(--spacing-2);flex-wrap:wrap}._colorButton_14u2r_964{flex:1;min-width:80px;padding:var(--spacing-2);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-sans)}._colorButton_14u2r_964:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}@media (max-width: 768px){._premiumCardGrid_14u2r_915{grid-template-columns:1fr;gap:var(--spacing-3)}._premiumCard_14u2r_915{min-height:200px}}@media (min-width: 769px) and (max-width: 1024px){._premiumCardGrid_14u2r_915{grid-template-columns:repeat(2,1fr)}}[data-theme=light] ._toolbar_14u2r_15{background:linear-gradient(135deg,#ffffffd9,#f8fafcf2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 30px #00000014,0 10px 20px #9c7fd614,inset 0 1px #fffc}._floatingContainer_118ad_4{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-index-toast);pointer-events:none;animation:_slideInFromRight_118ad_1 .3s ease-out}@keyframes _slideInFromRight_118ad_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}._suggestionCard_118ad_25{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:320px;max-width:90vw;pointer-events:auto;backdrop-filter:blur(8px);background:#fffffff2;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] ._suggestionCard_118ad_25{background:#1f2937f2;border:1px solid rgba(255,255,255,.1)}._header_118ad_45{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}[data-theme=dark] ._header_118ad_45{border-bottom:1px solid var(--color-gray-700)}._titleSection_118ad_59{display:flex;align-items:flex-start;gap:var(--spacing-2);flex:1}._severityIcon_118ad_66{flex-shrink:0;margin-top:2px}._titleText_118ad_71{flex:1;min-width:0}._title_118ad_59{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 2px;line-height:1.3;color:var(--color-gray-900)}[data-theme=dark] ._title_118ad_59{color:var(--color-gray-100)}._counter_118ad_91{font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}[data-theme=dark] ._counter_118ad_91{color:var(--color-gray-400)}._closeButton_118ad_104{background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-duration-150) var(--transition-easing-out);margin:-var(--spacing-1);flex-shrink:0;color:var(--color-gray-400)}[data-theme=dark] ._closeButton_118ad_104{color:var(--color-gray-500)}._closeButton_118ad_104:hover{color:var(--color-gray-600);background:var(--color-gray-50)}[data-theme=dark] ._closeButton_118ad_104:hover{color:var(--color-gray-300);background:var(--color-gray-700)}._closeButton_118ad_104:focus-visible,._navButton_118ad_135:focus-visible,._dismissButton_118ad_136:focus-visible,._applyButton_118ad_137:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}._content_118ad_143{padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4)}._description_118ad_147{font-family:var(--font-family-sans);font-size:var(--font-size-xs);line-height:1.4;margin:0 0 var(--spacing-3) 0;color:var(--color-gray-600)}[data-theme=dark] ._description_118ad_147{color:var(--color-gray-300)}._suggestionPreview_118ad_162{border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-3);background:var(--color-gray-50)}[data-theme=dark] ._suggestionPreview_118ad_162{background:var(--color-gray-800)}._colorChange_118ad_175{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}._colorBefore_118ad_182,._colorAfter_118ad_183{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);flex:1}._colorSwatch_118ad_191{width:40px;height:24px;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--color-gray-200)}[data-theme=dark] ._colorSwatch_118ad_191{border:1px solid var(--color-gray-600)}._colorLabel_118ad_205{font-family:var(--font-family-sans);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);color:var(--color-gray-500)}[data-theme=dark] ._colorLabel_118ad_205{color:var(--color-gray-400)}._arrow_118ad_220{flex-shrink:0;color:var(--color-gray-400)}[data-theme=dark] ._arrow_118ad_220{color:var(--color-gray-500)}._impact_118ad_231{font-family:var(--font-family-sans);font-size:var(--font-size-xs);margin:0;font-weight:var(--font-weight-medium);color:var(--color-gray-700)}[data-theme=dark] ._impact_118ad_231{color:var(--color-gray-200)}._actions_118ad_246{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4) var(--spacing-4);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-gray-200)}[data-theme=dark] ._actions_118ad_246{border-top:1px solid var(--color-gray-700)}._navigation_118ad_260{display:flex;gap:var(--spacing-1)}._navButton_118ad_135{width:24px;height:24px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-duration-150) var(--transition-easing-out);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-medium);background:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-600)}[data-theme=dark] ._navButton_118ad_135{background:var(--color-gray-700);border:1px solid var(--color-gray-600);color:var(--color-gray-400)}._navButton_118ad_135:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}[data-theme=dark] ._navButton_118ad_135:hover:not(:disabled){background:var(--color-gray-600);border-color:var(--color-gray-500);color:var(--color-gray-100)}._navButton_118ad_135:disabled{opacity:.5;cursor:not-allowed}._actionButtons_118ad_307{display:flex;gap:var(--spacing-2)}._dismissButton_118ad_136,._applyButton_118ad_137{font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);display:flex;align-items:center;gap:var(--spacing-1)}._dismissButton_118ad_136{border-color:var(--color-ui-border-light);color:var(--color-ui-foreground-secondary);background:var(--color-white)}[data-theme=dark] ._dismissButton_118ad_136{background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-300)}._dismissButton_118ad_136:hover{border-color:var(--color-ui-border-medium);background:var(--color-gray-50);color:var(--color-gray-900)}[data-theme=dark] ._dismissButton_118ad_136:hover{background:var(--color-gray-600);color:var(--color-gray-100)}._applyButton_118ad_137{border:none;font-weight:var(--font-weight-semibold)}._applyButton_118ad_137:hover{transform:translateY(-1px)}._applyButton_118ad_137:hover{box-shadow:0 2px 8px #00000026}[data-theme=dark] ._applyButton_118ad_137:hover{box-shadow:0 2px 8px #0006}._scoreIndicator_118ad_374{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-ui-border-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-gray-50)}[data-theme=dark] ._scoreIndicator_118ad_374{background:var(--color-gray-900);border-top-color:var(--color-gray-700)}._scoreLabel_118ad_391{font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}[data-theme=dark] ._scoreLabel_118ad_391{color:var(--color-gray-400)}._scoreValue_118ad_404{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media (max-width: 480px){._floatingContainer_118ad_4{bottom:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4)}._suggestionCard_118ad_25{width:100%}._actions_118ad_246{flex-direction:column;gap:var(--spacing-2)}._actionButtons_118ad_307{width:100%}._dismissButton_118ad_136,._applyButton_118ad_137{flex:1}}._overlay_1npoh_4{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:_fadeIn_1npoh_1 .2s ease-out}@keyframes _fadeIn_1npoh_1{0%{opacity:0}to{opacity:1}}._dialog_1npoh_26{background:var(--color-ui-background-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:90vh;overflow:hidden;border:1px solid var(--color-ui-border-light);animation:_slideIn_1npoh_1 .3s ease-out}@keyframes _slideIn_1npoh_1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._header_1npoh_50{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-ui-border-light)}._titleSection_1npoh_58{display:flex;align-items:center;gap:var(--spacing-3);flex:1}._title_1npoh_58{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ui-foreground-primary);margin:0;line-height:1.2}._closeButton_1npoh_74{background:none;border:none;color:var(--color-ui-foreground-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-duration-150) var(--transition-easing-out);margin:-var(--spacing-1)}._closeButton_1npoh_74:hover{color:var(--color-ui-foreground-secondary);background:var(--color-ui-background-hover)}._content_1npoh_91{padding:var(--spacing-4) var(--spacing-6);overflow-y:auto;max-height:60vh}._description_1npoh_97{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-ui-foreground-secondary);margin:0 0 var(--spacing-5) 0}._suggestion_1npoh_106{background:var(--color-ui-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-4)}._suggestionTitle_1npoh_113{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-ui-foreground-primary);margin:0 0 var(--spacing-2) 0}._suggestionReason_1npoh_121{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);margin:0 0 var(--spacing-4) 0;line-height:1.4}._colorComparison_1npoh_130{display:flex;align-items:center;gap:var(--spacing-4);margin:var(--spacing-4) 0;padding:var(--spacing-3);background:var(--color-ui-background-primary);border-radius:var(--radius-md);border:1px solid var(--color-ui-border-light)}._colorPreview_1npoh_141{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}._colorLabel_1npoh_149{font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-ui-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em}._colorSwatch_1npoh_158{width:80px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-ui-border-light);position:relative;overflow:hidden}._colorHex_1npoh_170{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#0000004d;padding:2px 6px;border-radius:var(--radius-sm);backdrop-filter:blur(4px)}._arrow_1npoh_182{color:var(--color-ui-foreground-tertiary);flex-shrink:0}._impact_1npoh_188{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-ui-foreground-primary);margin:var(--spacing-3) 0;padding:var(--spacing-2) var(--spacing-3);background:var(--color-ui-background-primary);border-radius:var(--radius-md);border-left:3px solid var(--color-brand-primary)}._previewText_1npoh_199{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);font-style:italic;margin-top:var(--spacing-2)}._actions_1npoh_208{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6) var(--spacing-6) var(--spacing-6);border-top:1px solid var(--color-ui-border-light)}._declineButton_1npoh_215,._acceptButton_1npoh_216{flex:1;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid;cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);display:flex;align-items:center;justify-content:center}._declineButton_1npoh_215{background:var(--color-ui-background-secondary);border-color:var(--color-ui-border-medium);color:var(--color-ui-foreground-secondary)}._declineButton_1npoh_215:hover{background:var(--color-ui-background-hover);border-color:var(--color-ui-border-dark);color:var(--color-ui-foreground-primary)}._acceptButton_1npoh_216{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}._acceptButton_1npoh_216:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}._acceptButton_1npoh_216._critical_1npoh_254{background:var(--color-feedback-error);border-color:var(--color-feedback-error)}._acceptButton_1npoh_216._critical_1npoh_254:hover{background:#dc2626;border-color:#dc2626}._acceptButton_1npoh_216._warning_1npoh_264{background:var(--color-feedback-warning);border-color:var(--color-feedback-warning);color:var(--color-ui-foreground-primary)}._acceptButton_1npoh_216._warning_1npoh_264:hover{background:#d97706;border-color:#d97706;color:#fff}._criticalIcon_1npoh_277{color:var(--color-feedback-error);flex-shrink:0}._warningIcon_1npoh_282{color:var(--color-feedback-warning);flex-shrink:0}._suggestionIcon_1npoh_287{color:var(--color-feedback-success);flex-shrink:0}@media (max-width: 640px){._dialog_1npoh_26{margin:var(--spacing-4);max-height:calc(100vh - 2rem)}._colorComparison_1npoh_130{flex-direction:column;gap:var(--spacing-3)}._arrow_1npoh_182{transform:rotate(90deg)}._actions_1npoh_208{flex-direction:column}._colorSwatch_1npoh_158{width:120px}}._container_1jfvq_3{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:var(--color-ui-background-primary);border-radius:var(--radius-lg);overflow:hidden}._closeButton_1jfvq_15{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:10;width:32px;height:32px;padding:0;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);backdrop-filter:blur(10px)}._closeButton_1jfvq_15:hover{background:#000000e6;transform:scale(1.1)}._uploadZone_1jfvq_41{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-ui-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out);background:var(--color-ui-background-secondary)}._uploadZone_1jfvq_41:hover,._uploadZone_1jfvq_41._dragging_1jfvq_55{border-color:var(--color-brand-primary);background:var(--color-brand-alpha-5);transform:scale(1.02)}._uploadContent_1jfvq_61{text-align:center;padding:var(--spacing-6)}._uploadIcon_1jfvq_66{color:var(--color-ui-foreground-secondary);margin-bottom:var(--spacing-3);transition:color var(--transition-duration-200) var(--transition-easing-out)}._uploadZone_1jfvq_41:hover ._uploadIcon_1jfvq_66,._uploadZone_1jfvq_41._dragging_1jfvq_55 ._uploadIcon_1jfvq_66{color:var(--color-brand-primary)}._uploadTitle_1jfvq_77{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:600;color:var(--color-ui-foreground-primary);margin:0 0 var(--spacing-2) 0}._uploadSubtitle_1jfvq_85{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);margin:0 0 var(--spacing-1) 0}._uploadHint_1jfvq_92{font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:var(--color-ui-foreground-tertiary);margin:0}._hiddenInput_1jfvq_99{display:none}._imageContainer_1jfvq_104{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}._image_1jfvq_104{max-width:100%;max-height:calc(100% - 60px);object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}._instructions_1jfvq_123{position:absolute;bottom:var(--spacing-3);left:var(--spacing-3);right:var(--spacing-3);background:#000c;color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);backdrop-filter:blur(10px)}._defaultInstruction_1jfvq_137{color:#ffffffe6;text-align:center}[data-theme=dark] ._uploadZone_1jfvq_41{border-color:#fff3;background:#ffffff05}[data-theme=dark] ._uploadZone_1jfvq_41:hover,[data-theme=dark] ._uploadZone_1jfvq_41._dragging_1jfvq_55{border-color:var(--color-brand-primary);background:var(--color-brand-alpha-10)}._skipNav_19bgh_7{position:fixed;top:-100px;left:0;background:var(--color-ui-background-primary);border:2px solid var(--color-ui-border);border-radius:var(--radius-md);padding:var(--spacing-2);z-index:1000;display:flex;gap:var(--spacing-3);transition:top .2s ease}._skipLink_19bgh_21{color:var(--color-brand-interactive);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}._skipLink_19bgh_21:focus{position:static;background:var(--color-ui-background-tertiary);outline:3px solid var(--color-ui-focus);outline-offset:2px}._skipNav_19bgh_7:focus-within{top:var(--spacing-3)}._container_19bgh_44{width:100%!important;max-width:100%!important;height:100%!important;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:0!important;box-shadow:none!important;margin:0!important;position:relative!important;overflow:auto!important;background:var(--color-ui-background-primary)!important;display:flex!important;flex-direction:column!important}._desktopContainer_19bgh_60{width:100%;height:100%;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--color-ui-background-primary);flex:1}._leftPanelHeader_19bgh_71{height:64px;padding:0 var(--spacing-6);background:transparent;border-bottom:1px solid var(--color-ui-border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:10}._headerTitle_19bgh_84{font-size:24px;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);color:var(--color-ui-foreground-primary);margin:0;position:absolute;left:25%;transform:translate(-50%);letter-spacing:-.5px}._mainContent_19bgh_97{flex:1;display:flex;flex-direction:row;overflow:hidden;padding-top:0;min-height:0}._leftPanel_19bgh_71{height:100%;display:flex;flex-direction:column;overflow:visible;background:var(--color-ui-background-primary);transition:width .1s ease-out}._rightPanel_19bgh_117{height:100%;display:flex;flex-direction:column;background:var(--color-ui-background-primary);position:relative;transition:width .1s ease-out}._aiChatSection_19bgh_127{min-height:150px;overflow:hidden;position:relative;flex-shrink:0}._workspaceSection_19bgh_135{min-height:150px;overflow:hidden;background:transparent;position:relative;flex:1}._verticalDivider_19bgh_144{width:4px;height:100%;background:linear-gradient(180deg,var(--color-ui-border) 0%,var(--color-brand-primary) 50%,var(--color-ui-border) 100%);cursor:ew-resize;position:relative;transition:all .3s ease;user-select:none;opacity:.5;flex-shrink:0}._verticalDivider_19bgh_144:hover{opacity:1;width:6px;background:linear-gradient(180deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 50%,var(--color-brand-primary) 100%);box-shadow:0 0 10px #9c7fd64d}._verticalDivider_19bgh_144:active{opacity:1;width:6px;background:var(--color-brand-primary);box-shadow:0 0 15px #9c7fd680}._verticalDivider_19bgh_144:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:#ffffff80;border-radius:1px;transition:opacity .2s ease}._verticalDivider_19bgh_144:hover:after{opacity:.8}._resizeDivider_19bgh_195{height:4px;background:linear-gradient(90deg,var(--color-ui-border) 0%,var(--color-brand-primary) 50%,var(--color-ui-border) 100%);cursor:ns-resize;position:relative;transition:all .3s ease;user-select:none;opacity:.5}._resizeDivider_19bgh_195:hover{height:6px;opacity:1;background:linear-gradient(90deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 50%,var(--color-brand-primary) 100%);box-shadow:0 0 10px #9c7fd64d}._resizeDivider_19bgh_195:active{height:6px;opacity:1;background:var(--color-brand-primary);box-shadow:0 0 15px #9c7fd680}._resizeDivider_19bgh_195:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:2px;background:#ffffff80;border-radius:1px;transition:opacity .2s ease}._resizeDivider_19bgh_195:hover:after{opacity:.8}._content_19bgh_244{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3);align-items:stretch;height:calc(100% - 18px);overflow:hidden;flex:1;box-sizing:border-box}._pickerColumn_19bgh_257{height:45%;min-height:320px;max-height:45%;display:flex;flex-direction:column;position:relative;flex:0 0 45%;overflow:hidden;box-sizing:border-box;z-index:20;background:var(--color-ui-background-primary);contain:size layout}._pickerSection_19bgh_273{display:flex;flex-direction:row;gap:var(--spacing-3);align-items:stretch;position:relative;height:100%;max-height:100%;overflow:hidden;z-index:25;box-sizing:border-box;contain:size layout}._historyColumn_19bgh_288{margin-left:var(--spacing-3);flex-shrink:0;height:auto}._controlPanelSection_19bgh_295{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-2);scrollbar-width:thin}._controlPanelSection_19bgh_295::-webkit-scrollbar{width:6px}._controlPanelSection_19bgh_295::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}._controlPanelSection_19bgh_295::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}._controlPanelSection_19bgh_295::-webkit-scrollbar-thumb:hover{background:#ffffff4d}._paletteColumn_19bgh_327{flex:1 1 auto;min-height:200px;max-height:55%;display:flex;flex-direction:column;position:relative;z-index:10;overflow:hidden;background:var(--color-ui-background-primary);margin-top:var(--spacing-2)}._colorDisplayWrapper_19bgh_341{margin-top:var(--spacing-2);width:100%;display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;border:none;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-bottom:var(--spacing-3)}._colorDisplayWrapper_19bgh_341:before,._colorDisplayWrapper_19bgh_341:after{display:none}._colorDisplayWrapper_19bgh_341::-webkit-scrollbar{width:6px}._colorDisplayWrapper_19bgh_341::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}._colorDisplayWrapper_19bgh_341::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}._colorDisplayWrapper_19bgh_341::-webkit-scrollbar-thumb:hover{background:#ffffff4d}._colorDisplayWrapperSliders_19bgh_382{margin-top:var(--spacing-2)}._compactColorHistory_19bgh_387{padding:0;margin-bottom:var(--spacing-1)}._compactColorHistory_19bgh_387>div>div{display:flex!important;flex-direction:row!important;gap:var(--spacing-2)!important;max-width:100%}._compactColorHistory_19bgh_387 button{flex:1!important;min-width:40px!important;height:36px!important;border-radius:var(--radius-md)!important}._modeTabs_19bgh_407{display:flex!important;width:auto;flex-direction:column;background:#0003;border-radius:var(--radius-lg);padding:var(--spacing-1);gap:var(--spacing-1);justify-content:space-between;align-self:stretch;margin-right:var(--spacing-3);height:100%;backdrop-filter:blur(10px)}._container_19bgh_44:not([data-theme=dark]) ._modeTabs_19bgh_407{background:#0000001a}._modeTab_19bgh_407{flex:1;padding:var(--spacing-3) var(--spacing-3);margin:0;background:#ffffff0d;border:none;border-radius:var(--radius-md);min-width:90px;min-height:60px;box-shadow:none;transition:all var(--transition-duration-200) var(--transition-easing-out);color:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}._container_19bgh_44:not([data-theme=dark]) ._modeTab_19bgh_407{background:#00000014;color:#000000b3}._container_19bgh_44:not([data-theme=dark]) ._modeTab_19bgh_407:hover{background:#0000001f;color:#000000e6}._modeTab_19bgh_407:hover{background:#ffffff1a;color:#ffffffe6}._modeTab_19bgh_407._active_19bgh_463{background:linear-gradient(135deg,var(--color-brand-accent) 0%,var(--color-brand-primary) 100%);color:#fff;border:2px solid var(--color-brand-primary);box-shadow:inset 0 var(--spacing-px) var(--spacing-1) #0003,inset 0 1px #ffffff1a,0 var(--spacing-px) var(--spacing-1) var(--color-brand-alpha-30);font-weight:var(--font-weight-bold);transform:translateY(var(--spacing-px))}._pickerContainer_19bgh_478{flex:1;border-radius:var(--radius-lg);background:var(--picker-area-bg, var(--color-ui-background-primary));border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-2);box-sizing:border-box;height:100%;max-height:100%;z-index:30}._pickerContainer_19bgh_478>*{max-width:100%;max-height:100%;height:100%;overflow:hidden}._pickerContainer_19bgh_478>div[class*=wrapper]{height:100%!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:var(--spacing-1)!important;padding:var(--spacing-1)!important;box-sizing:border-box!important}._pickerContainer_19bgh_478 div[class*=container]{flex:1 1 auto!important;min-height:0!important;max-height:calc(100% - 85px)!important;overflow:visible!important}._pickerContainer_19bgh_478>div[class*=wrapper]>div:last-child{flex:0 0 60px!important;height:60px!important;min-height:60px!important;max-height:60px!important;overflow:visible!important;margin:15px 0 0!important;padding:var(--spacing-2) var(--spacing-3)!important}._pickerContainer_19bgh_478 ._slidersContainer_19bgh_540{height:100%;max-height:100%;padding:var(--spacing-2);display:flex;flex-direction:column;justify-content:space-evenly}._pickerContainer_19bgh_478 ._slidersContainer_19bgh_540>div>div:first-child{margin-bottom:2px!important}._pickerContainer_19bgh_478 ._slidersContainer_19bgh_540>div>div:last-child{margin-top:2px!important}@media (max-height: 650px){._pickerContainer_19bgh_478 ._slidersContainer_19bgh_540>div>div:last-child{display:none!important}}._contrastSection_19bgh_566{width:100%}._appHeader_19bgh_571{border-bottom:none!important;border-radius:0!important;background:#0f172a!important}._container_19bgh_44[data-theme=light] ._appHeader_19bgh_571{background:#fff!important}._container_19bgh_44[data-theme=dark] ._appHeader_19bgh_571{background:#0f172a!important}[data-theme=dark] ._leftPanelHeader_19bgh_71{border-bottom-color:#ffffff0d}[data-theme=dark] ._headerTitle_19bgh_84{color:#ffffffe6}._valuesWrapper_19bgh_597{width:100%}._paletteArea_19bgh_602{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2);background:#0000000d;border-radius:var(--radius-lg);min-height:0}._pickerWrapper_19bgh_616{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}._content_19bgh_244 ._colorDisplay_19bgh_341{height:55px!important;padding:var(--spacing-2) var(--spacing-4)!important;padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-4))!important}._content_19bgh_244 ._hexCode_19bgh_633{font-size:var(--font-size-base)!important}._content_19bgh_244 ._colorName_19bgh_637{font-size:var(--font-size-xs)!important}@media (max-height: 700px){._pickerColumn_19bgh_257{height:65%;max-height:70%}._paletteColumn_19bgh_327{min-height:150px;max-height:35%}}@media (max-height: 600px){._pickerColumn_19bgh_257{height:70%;max-height:75%;min-height:340px}._paletteColumn_19bgh_327{min-height:120px;max-height:30%}._modeTabs_19bgh_407{gap:2px;padding:2px}._modeTab_19bgh_407{min-height:50px;padding:var(--spacing-2)}}@media (min-height: 900px){._pickerColumn_19bgh_257{height:45%;max-height:500px}._paletteColumn_19bgh_327{max-height:55%}}._container_k5ttu_8{--container-bg: #ffffff;--container-text: #0f172a;--header-bg: #f8fafc;--header-border: #e2e8f0;--header-text: #0f172a;--content-bg: #ffffff;--theme-toggle-color: #334155;--theme-toggle-hover-bg: #e2e8f0;--theme-toggle-hover-color: #0f172a;--theme-toggle-active-bg: #cbd5e1;--tabs-bg: #f8fafc;--tab-text: #475569;--tab-hover-bg: rgba(156, 127, 214, .1);--tab-hover-text: #0f172a;--picker-bg: #ffffff;--picker-area-bg: #ffffff;--info-border: #e2e8f0;--badge-bg: #f8fafc;--badge-border: #e2e8f0;--badge-label: #64748b;--badge-value: #334155;--bottom-section-bg: #ffffff}._container_k5ttu_8[data-theme=dark]{--container-bg: #0f172a;--container-text: #f8fafc;--header-bg: #1e293b;--header-border: #334155;--header-text: #f8fafc;--content-bg: #0f172a;--theme-toggle-color: #e2e8f0;--theme-toggle-hover-bg: #334155;--theme-toggle-hover-color: #f8fafc;--theme-toggle-active-bg: #475569;--tabs-bg: #1e293b;--tab-text: #e2e8f0;--tab-hover-bg: rgba(156, 127, 214, .2);--tab-hover-text: #f8fafc;--picker-bg: #0f172a;--picker-area-bg: #0f172a;--info-border: #334155;--badge-bg: #1e293b;--badge-border: #334155;--badge-label: #cbd5e1;--badge-value: #e2e8f0;--bottom-section-bg: #0f172a}._modeTab_k5ttu_94._active_k5ttu_94{background:var(--picker-area-bg);color:var(--tab-text);font-weight:var(--font-weight-semibold)}._container_k5ttu_8[data-theme=dark] ._colorBackground_k5ttu_101,._container_k5ttu_8[data-theme=dark] ._colorSwatch_k5ttu_102,._container_k5ttu_8[data-theme=dark] ._historyColor_k5ttu_103,._container_k5ttu_8[data-theme=dark] ._harmonyColor_k5ttu_104,._container_k5ttu_8[data-theme=dark] ._presetColor_k5ttu_105{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}._bottomSection_k5ttu_113{background:var(--bottom-section-bg)}._container_k5ttu_8 ._pickerContainer_k5ttu_120,._container_k5ttu_8 ._pickerArea_k5ttu_124,._container_k5ttu_8[data-theme=dark] ._pickerContainer_k5ttu_120,._container_k5ttu_8[data-theme=dark] ._pickerArea_k5ttu_124{background:transparent}._container_k5ttu_8[data-theme=dark]._maximized_k5ttu_138 ._modeTabs_k5ttu_138{border-right:none}._container_k5ttu_8[data-theme=dark]._maximized_k5ttu_138 ._pickerContainer_k5ttu_120{border:none;padding:0;background:transparent}@media (min-width: 1024px){._container_k5ttu_8[data-theme=dark]{--header-bg: #0f172a !important}._container_k5ttu_8[data-theme=dark] ._appHeader_k5ttu_155,._container_k5ttu_8[data-theme=dark] ._headerWithTabs_k5ttu_156{background:#0f172a!important;background-color:#0f172a!important}}._container_3kpqx_4{display:flex;flex-direction:column;gap:var(--spacing-3);height:100%;position:relative;width:100%}._swatchContainer_3kpqx_14{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;background:var(--color-ui-background-secondary);border-radius:var(--radius-lg);min-height:var(--touch-target-generous);align-items:center}._swatch_3kpqx_14{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);border-radius:var(--radius-lg);border:2px solid var(--color-ui-border-light);box-shadow:var(--swatch-shadow);transition:all var(--transition-duration-200) var(--transition-easing-out);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;background-color:var(--color-ui-background-fallback);font-family:var(--font-family-sans)}._swatch_3kpqx_14:hover{transform:translateY(-2px);box-shadow:var(--swatch-shadow-hover)}._swatch_3kpqx_14._active_3kpqx_52{border-color:var(--color-brand-primary);border-width:3px;transform:scale(1.1);box-shadow:var(--swatch-shadow-selected)}._swatch_3kpqx_14._dragOver_3kpqx_59{border-color:var(--color-brand-primary);border-style:dashed;transform:scale(1.05);box-shadow:0 0 0 3px var(--color-brand-alpha-30)}._swatch_3kpqx_14._dragging_3kpqx_66{opacity:.5;transform:scale(.95);cursor:grabbing}._swatchLabel_3kpqx_73{position:absolute;bottom:2px;right:2px;background:var(--color-ui-background-primary);color:var(--color-ui-foreground-primary);font-size:var(--font-size-xs);font-weight:600;padding:1px 4px;border-radius:var(--radius-sm);line-height:1;pointer-events:none;box-shadow:var(--shadow-sm)}._addSwatch_3kpqx_89{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);border:2px dashed var(--color-ui-border);border-radius:var(--radius-lg);background:var(--color-ui-background-primary);color:var(--color-ui-foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans)}._addSwatch_3kpqx_89:hover{background:var(--color-ui-background-secondary);border-color:var(--color-brand-primary);color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._aiGenerateButton_3kpqx_114{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);border:2px solid var(--color-brand-primary);border-radius:var(--radius-lg);background:var(--color-brand-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);font-family:var(--font-family-sans);margin-left:auto}._aiGenerateButton_3kpqx_114:hover{background:var(--color-brand-interactive-hover);border-color:var(--color-brand-interactive-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}._aiGenerateButton_3kpqx_114:active{transform:translateY(0);box-shadow:var(--shadow-sm)}._singleCard_3kpqx_144{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--color-ui-background-primary);border-radius:var(--radius-lg);border:2px solid var(--color-ui-border-light);overflow:hidden;box-shadow:var(--shadow)}._colorPreview_3kpqx_157{position:relative;height:40%;min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-ui-background-fallback)}._roleBadge_3kpqx_168{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-ui-background-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-family-sans)}._roleLabel_3kpqx_182{font-size:var(--font-size-sm);font-weight:600;color:var(--color-ui-foreground-primary)}._roleInfo_3kpqx_188{background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-ui-foreground-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-duration-200) var(--transition-easing-out)}._roleInfo_3kpqx_188:hover{color:var(--color-brand-primary)}._contrastBadge_3kpqx_205{position:absolute;top:var(--spacing-3);right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-lg);font-family:var(--font-family-sans)}._contrastPass_3kpqx_220{background:var(--color-feedback-success-background);color:var(--color-feedback-success);border:1px solid var(--color-feedback-success-border)}._contrastFail_3kpqx_226{background:var(--color-feedback-error-background);color:var(--color-feedback-error);border:1px solid var(--color-feedback-error-border)}._previewActions_3kpqx_233{position:absolute;bottom:var(--spacing-3);right:var(--spacing-3);display:flex;gap:var(--spacing-2)}._actionBtn_3kpqx_241{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background:var(--color-ui-background-primary);border:2px solid var(--color-ui-border-light);color:var(--color-ui-foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-200) var(--transition-easing-out);box-shadow:var(--shadow-md);font-family:var(--font-family-sans)}._actionBtn_3kpqx_241:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);transform:scale(1.1);box-shadow:var(--shadow-lg)}._removeBtn_3kpqx_265:hover{background:var(--color-feedback-error);border-color:var(--color-feedback-error)}._colorInfo_3kpqx_271{flex:1;padding:var(--spacing-4);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-3)}._hexSection_3kpqx_283{display:flex;flex-direction:column;gap:var(--spacing-1)}._hexButton_3kpqx_289{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;font-family:var(--font-family-sans)}._hexCode_3kpqx_298{display:block;font-size:var(--font-size-xl);font-weight:600;color:var(--color-ui-foreground-primary)}._colorName_3kpqx_305{display:block;font-size:var(--font-size-sm);color:var(--color-ui-foreground-secondary);margin-top:var(--spacing-1)}._hexEdit_3kpqx_312{display:flex;align-items:center}._hexInput_3kpqx_317{font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-family-mono);color:var(--color-ui-foreground-primary);background:var(--color-ui-background-secondary);border:2px solid var(--color-brand-primary);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);width:140px;text-transform:uppercase}._purposeSection_3kpqx_331{padding:var(--spacing-3);background:var(--color-ui-background-secondary);border-radius:var(--radius-lg);font-family:var(--font-family-sans)}._purposeTitle_3kpqx_338{font-size:var(--font-size-sm);font-weight:600;color:var(--color-ui-foreground-primary);margin:0;margin-bottom:var(--spacing-1)}._purposeExamples_3kpqx_346{font-size:var(--font-size-xs);color:var(--color-ui-foreground-secondary);margin:0;line-height:1.4}._valuesGrid_3kpqx_354{display:flex;flex-direction:column;gap:var(--spacing-2)}._valueRow_3kpqx_360{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-ui-border-light);font-family:var(--font-family-sans)}._valueRow_3kpqx_360:last-child{border-bottom:none}._valueLabel_3kpqx_373{font-size:var(--font-size-sm);font-weight:500;color:var(--color-ui-foreground-secondary)}._valueText_3kpqx_379{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-ui-foreground-primary);background:transparent;border:none;padding:0;cursor:pointer;transition:color var(--transition-duration-200) var(--transition-easing-out)}._valueText_3kpqx_379:hover{color:var(--color-brand-primary)}._tablet_3kpqx_395._container_3kpqx_4{flex-direction:row}._tablet_3kpqx_395 ._swatchContainer_3kpqx_14{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:80px;min-width:80px;height:100%;scroll-snap-type:y mandatory}._tablet_3kpqx_395 ._swatch_3kpqx_14{scroll-snap-align:start}@media (max-width: 767px){._container_2zdps_5{height:100%;width:100%}._swatchContainer_2zdps_10{position:sticky;bottom:0;z-index:50;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-mobile);max-width:100%;padding:var(--spacing-2) var(--spacing-3)}._swatch_2zdps_10{flex-shrink:0}._singleCard_2zdps_24{min-height:0;flex:1}._colorPreview_2zdps_29{height:35%;min-height:180px}._colorInfo_2zdps_34{padding:var(--spacing-3)}._previewActions_2zdps_38{bottom:var(--spacing-2);right:var(--spacing-2);gap:var(--spacing-1)}._actionBtn_2zdps_44{width:40px;height:40px}._valuesGrid_2zdps_49{gap:var(--spacing-1)}._valueRow_2zdps_53{padding:var(--spacing-1) 0}}@media (min-width: 768px) and (max-width: 1023px){._container_2zdps_5{flex-direction:row;height:100%;gap:var(--spacing-4)}._swatchContainer_2zdps_10{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:88px;min-width:88px;height:100%;scroll-snap-type:y mandatory;border-radius:var(--radius-lg);padding:var(--spacing-3)}._swatch_2zdps_10{scroll-snap-align:start;width:var(--touch-target-generous);height:var(--touch-target-generous);min-height:var(--touch-target-generous)}._addSwatch_2zdps_85{width:var(--touch-target-generous);height:var(--touch-target-generous);min-height:var(--touch-target-generous)}._singleCard_2zdps_24{flex:1}._colorPreview_2zdps_29{height:45%;min-height:250px}._colorInfo_2zdps_34{padding:var(--spacing-4)}._hexCode_2zdps_104{font-size:var(--font-size-2xl)}._valuesGrid_2zdps_49{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}._valueRow_2zdps_53{border-bottom:none;background:var(--color-ui-background-secondary);padding:var(--spacing-3);border-radius:var(--radius-md)}._valueRow_2zdps_53:hover{background:var(--color-ui-background-tertiary)}}@media (max-width: 767px) and (orientation: landscape){._container_2zdps_5{flex-direction:row}._swatchContainer_2zdps_10{position:static;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:64px;min-width:64px;height:100%;border-radius:var(--radius-lg)}._swatch_2zdps_10{width:44px;height:44px;min-height:44px}._colorPreview_2zdps_29{height:100%;min-height:auto}._colorInfo_2zdps_34{display:none}._colorPreview_2zdps_29:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}._hexCode_2zdps_104{position:absolute;bottom:var(--spacing-3);left:var(--spacing-3);color:#fff;text-shadow:var(--text-shadow-overlay)}}[data-theme=dark] ._container_1noh9_4{background:var(--color-ui-background-primary)}[data-theme=dark] ._swatchContainer_1noh9_8{background:var(--color-ui-background-secondary);border-color:var(--color-ui-border)}[data-theme=dark] ._swatch_1noh9_8{border-color:var(--color-ui-border-subtle);box-shadow:var(--shadow-elevation-1)}[data-theme=dark] ._swatch_1noh9_8:hover{box-shadow:var(--shadow-elevation-2)}[data-theme=dark] ._swatch_1noh9_8._active_1noh9_22{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-30)}[data-theme=dark] ._swatch_1noh9_8._dragOver_1noh9_27{box-shadow:0 0 0 3px var(--color-brand-alpha-50)}[data-theme=dark] ._swatchLabel_1noh9_31{background:var(--color-ui-background-tertiary);color:var(--color-ui-foreground-primary);box-shadow:var(--shadow-elevation-1)}[data-theme=dark] ._addSwatch_1noh9_37{background:var(--color-ui-background-primary);border-color:var(--color-ui-border);color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._addSwatch_1noh9_37:hover{background:var(--color-ui-background-tertiary);border-color:var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:var(--shadow-elevation-2)}[data-theme=dark] ._singleCard_1noh9_50{background:var(--color-ui-background-primary);border-color:var(--color-ui-border);box-shadow:var(--shadow-elevation-1)}[data-theme=dark] ._roleBadge_1noh9_56{background:var(--color-ui-background-secondary);box-shadow:var(--shadow-elevation-2)}[data-theme=dark] ._roleLabel_1noh9_61{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._roleInfo_1noh9_65{color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._roleInfo_1noh9_65:hover{color:var(--color-brand-primary)}[data-theme=dark] ._contrastPass_1noh9_73{background:var(--color-feedback-success-background);color:var(--color-feedback-success);border-color:var(--color-feedback-success-border)}[data-theme=dark] ._contrastFail_1noh9_79{background:var(--color-feedback-error-background);color:var(--color-feedback-error);border-color:var(--color-feedback-error-border)}[data-theme=dark] ._actionBtn_1noh9_85{background:var(--color-ui-background-secondary);border-color:var(--color-ui-border);color:var(--color-ui-foreground-secondary);box-shadow:var(--shadow-elevation-1)}[data-theme=dark] ._actionBtn_1noh9_85:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);box-shadow:var(--shadow-elevation-2)}[data-theme=dark] ._removeBtn_1noh9_99:hover{background:var(--color-feedback-error);border-color:var(--color-feedback-error)}[data-theme=dark] ._hexCode_1noh9_104{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._colorName_1noh9_108{color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._hexInput_1noh9_112{background:var(--color-ui-background-tertiary);border-color:var(--color-brand-primary);color:var(--color-ui-foreground-primary)}[data-theme=dark] ._purposeSection_1noh9_118{background:var(--color-ui-background-secondary)}[data-theme=dark] ._purposeTitle_1noh9_122{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._purposeExamples_1noh9_126{color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._valueRow_1noh9_130{border-color:var(--color-ui-border-subtle)}[data-theme=dark] ._valueLabel_1noh9_134{color:var(--color-ui-foreground-secondary)}[data-theme=dark] ._valueText_1noh9_138{color:var(--color-ui-foreground-primary)}[data-theme=dark] ._valueText_1noh9_138:hover{color:var(--color-brand-primary)}@media (min-width: 768px) and (max-width: 1023px){[data-theme=dark] ._valueRow_1noh9_130{background:var(--color-ui-background-secondary)}[data-theme=dark] ._valueRow_1noh9_130:hover{background:var(--color-ui-background-tertiary)}}._mobileDrawer_1q3te_7{position:fixed;bottom:0;left:0;right:0;background:var(--color-ui-background-primary);border-top:1px solid var(--color-ui-border-secondary);z-index:100;transform:translateY(calc(100% - 48px));transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px #0000001a;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100vw}._drawerOpen_1q3te_22{transform:translateY(0)}._drawerHandle_1q3te_26{width:100%;height:48px;background:var(--color-ui-background-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}._drawerHandle_1q3te_26:before{content:"";position:absolute;top:var(--spacing-2);left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--color-ui-foreground-tertiary);border-radius:var(--radius-full)}._drawerHandle_1q3te_26:hover{background:var(--color-ui-background-tertiary)}._chevron_1q3te_56{width:20px;height:20px;color:var(--color-ui-foreground-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1)}._chevronUp_1q3te_63{transform:rotate(180deg)}._drawerContent_1q3te_67{padding:var(--spacing-6) var(--spacing-4) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);background:var(--color-ui-background-primary);min-height:160px}._drawerOption_1q3te_76{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-ui-foreground-primary);text-align:left;width:100%;box-shadow:var(--shadow-sm)}._drawerOption_1q3te_76:hover{background:var(--color-ui-background-tertiary);border-color:var(--color-ui-border-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}._drawerOption_1q3te_76:active{transform:translateY(0);box-shadow:var(--shadow-sm)}._optionIcon_1q3te_106{font-size:var(--font-size-xl);flex-shrink:0;width:24px;text-align:center}._optionLabel_1q3te_113{font-weight:500;flex:1}._mobileModal_1q3te_119{position:fixed;inset:0;background:#0009;z-index:200;display:flex;flex-direction:column}._mobileModalHeader_1q3te_131{background:var(--color-ui-background-primary);padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-ui-border-secondary);flex-shrink:0;box-shadow:var(--shadow-sm);position:relative;z-index:1}._mobileModalHeader_1q3te_131 h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-ui-foreground-primary);font-family:var(--font-family-sans)}._mobileModalClose_1q3te_152{background:var(--color-ui-background-secondary);border:1px solid var(--color-ui-border-secondary);font-size:var(--font-size-md);color:var(--color-ui-foreground-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:500}._mobileModalClose_1q3te_152:hover{background:var(--color-ui-background-tertiary);border-color:var(--color-ui-border-primary)}._mobileModalContent_1q3te_174{flex:1;background:var(--color-ui-background-primary);overflow-y:auto;-webkit-overflow-scrolling:touch}._spacer_1q3te_181{height:var(--spacing-8);flex-shrink:0}._mobileSliderSection_1q3te_186{overflow:visible;z-index:100;position:relative;display:flex;flex-direction:column}._mobileCanvasArea_1q3te_194{flex:1;overflow:visible}._mobileSliderArea_1q3te_199{overflow:visible;z-index:110;position:relative;padding-top:var(--spacing-4);padding-bottom:var(--spacing-2)}._mobileGridSection_1q3te_207{margin-bottom:60px;padding:var(--spacing-4);z-index:10;position:relative;min-height:100px;background:var(--color-ui-background-primary)}@supports (padding: max(0px)){._mobileDrawer_1q3te_7{padding-bottom:max(var(--spacing-2),env(safe-area-inset-bottom))}._mobileModal_1q3te_119{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 1023px){._container_12k5e_10{width:100%!important;max-width:100%!important;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:auto!important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}._headerWithTabs_12k5e_25{width:100%;background:var(--header-bg, var(--color-ui-background-secondary));flex-shrink:0;border-radius:0}._headerWithTabs_12k5e_25 ._appHeader_12k5e_32{border-bottom:none}._content_12k5e_36{padding:var(--spacing-4);flex:1;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}._pickerSection_12k5e_44{display:flex;flex-direction:column;gap:0}._pickerContainer_12k5e_50{padding:0;display:flex;flex-direction:column;position:relative;overflow:visible;border-radius:var(--radius-lg);margin-top:var(--spacing-2)}._pickerArea_12k5e_61{flex:1;min-height:350px}._infoSection_12k5e_67{margin-top:var(--spacing-3);padding-top:var(--spacing-3)}._modeTabsInHeader_12k5e_73{width:100%;height:var(--spacing-12);display:flex;flex-direction:row;margin:0;overflow-x:auto;overflow-y:hidden;gap:0;background:var(--header-bg, var(--color-ui-background-secondary));border-radius:0;border:none;padding:0 var(--spacing-4);box-sizing:border-box}._modeTabs_12k5e_73{display:none}._modeTab_12k5e_73{flex:1;min-width:0;height:100%;padding:var(--spacing-2);border:none;border-radius:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--tab-text, var(--color-ui-foreground-secondary));font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out)}._modeTab_12k5e_73 svg{width:20px;height:20px}._modeTab_12k5e_73 span{font-size:11px;letter-spacing:.5px;text-transform:uppercase}._slidersContainer_12k5e_129{padding:0 var(--spacing-3)}}@media (max-width: 1023px){._container_12k5e_10{width:100%!important;max-width:100%!important;border-radius:0!important;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:auto!important;box-shadow:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}._headerWithTabs_12k5e_25{width:100%;background:var(--header-bg, var(--color-ui-background-secondary));flex-shrink:0}._headerWithTabs_12k5e_25 ._appHeader_12k5e_32{border-bottom:none;border-radius:0}._content_12k5e_36{padding:var(--spacing-3);flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}._pickerContainer_12k5e_50{padding:0 var(--spacing-3);flex:1;display:flex;flex-direction:column;position:relative;border-radius:0;overflow:visible;margin-top:var(--spacing-3)}._pickerArea_12k5e_61{position:relative;display:flex;align-items:stretch;justify-content:center;width:100%;flex:1;box-sizing:border-box;min-height:auto;height:auto;background:var(--picker-area-bg, var(--color-ui-background-primary));border-radius:var(--radius-lg);overflow:visible}._pickerArea_12k5e_61._withPadding_12k5e_199{padding:var(--spacing-4)}._pickerArea_12k5e_61:not(._withPadding_12k5e_199){overflow:visible!important;z-index:100;position:relative}._slidersContainer_12k5e_129{z-index:50;position:relative;margin-top:var(--spacing-3);margin-bottom:var(--spacing-6);padding:0 var(--spacing-6);overflow:visible}._infoSection_12k5e_67{margin-top:var(--spacing-3);padding-top:var(--spacing-3)}._pickerSection_12k5e_44{display:flex;flex-direction:column;align-items:stretch;margin-bottom:0;gap:0;flex:1;overflow:visible!important}._modeTabsInHeader_12k5e_73{width:100%;height:var(--spacing-12);display:flex;flex-direction:row;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:0;background:var(--header-bg, var(--color-ui-background-secondary));border-radius:0;border:none;padding:0 var(--spacing-3);box-sizing:border-box}._modeTabs_12k5e_73{display:none}._modeTab_12k5e_73{flex:1;min-width:0;height:100%;padding:var(--spacing-2);border:none;border-radius:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--tab-text, var(--color-ui-foreground-secondary));font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration-200) var(--transition-easing-out)}._modeTab_12k5e_73 svg{width:20px;height:20px}._modeTab_12k5e_73 span{font-size:11px;letter-spacing:.5px;text-transform:uppercase}}@media (min-width: 1024px) and (max-width: 1279px){._container_12k5e_10{max-width:960px;width:85%}._appHeader_12k5e_32{border-bottom:1px solid var(--header-border, var(--color-ui-border-light))}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){._container_12k5e_10{max-width:90vw;max-height:calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}._pickerArea_12k5e_61{flex:1;min-height:220px}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){._container_12k5e_10{width:100%;max-width:100%;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:auto;border-radius:0;box-shadow:none;margin:0}._content_12k5e_36{padding:var(--spacing-4)}._pickerSection_12k5e_44{display:flex;flex-direction:row;gap:0;align-items:flex-start;position:relative;margin-bottom:var(--spacing-4);height:auto}._colorDisplayWrapper_12k5e_353{margin-top:calc(-1 * var(--spacing-12) - var(--spacing-1))}._modeTabs_12k5e_73{display:flex!important;width:auto;flex-direction:column;background:#0003;border-radius:var(--radius-lg);padding:var(--spacing-1);gap:var(--spacing-1);justify-content:flex-start;align-self:flex-start;margin-right:var(--spacing-3);height:min-content;min-height:calc(85px * 5 + var(--spacing-1) * 6);max-height:calc(85px * 5 + var(--spacing-2) * 6);backdrop-filter:blur(10px)}._modeTabsInHeader_12k5e_73{display:none!important}._modeTab_12k5e_73{flex:0 0 auto;padding:var(--spacing-4) var(--spacing-3);margin:0;background:#ffffff0d;border:none;border-radius:var(--radius-md);min-width:90px;height:85px;box-shadow:none;transition:all var(--transition-duration-200) var(--transition-easing-out);color:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}._modeTab_12k5e_73:hover{background:#ffffff1a;color:#ffffffe6}._modeTab_12k5e_73._active_12k5e_405{background:var(--color-brand-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}._pickerContainer_12k5e_50{flex:1;border-radius:var(--radius-lg);margin-top:0;border:none;overflow:hidden;display:flex;flex-direction:column;position:relative;padding-right:var(--spacing-15)}._pickerArea_12k5e_61{border-radius:var(--radius-lg);overflow:visible;flex:1;min-height:400px;display:flex;flex-direction:column;background:var(--picker-area-bg, var(--color-ui-background-primary))}._slidersContainer_12k5e_129{padding-top:var(--spacing-4);padding-right:var(--spacing-15)}._container_12k5e_10 ._appHeader_12k5e_32{border-bottom:none!important;border-radius:0!important;background:#0f172a!important}._container_12k5e_10 ._headerWithTabs_12k5e_25{border-radius:0!important;background:#0f172a!important}._container_12k5e_10[data-theme=light] ._appHeader_12k5e_32,._container_12k5e_10[data-theme=light] ._headerWithTabs_12k5e_25{background:#fff!important}._container_12k5e_10[data-theme=dark] ._appHeader_12k5e_32,._container_12k5e_10[data-theme=dark] ._headerWithTabs_12k5e_25{background:#0f172a!important}._container_12k5e_10{background:var(--color-ui-background-primary)!important}}:root{--color-brand-primary: #7b62aa;--color-brand-primary-background: #f6f3ff;--color-brand-primary-hover: #6b4e9b;--color-brand-primary-active: #5d4585;--color-brand-text: #6b4e9b;--color-brand-text-secondary: #1E293B;--color-brand-interactive: var(--color-brand-primary);--color-brand-interactive-hover: var(--color-brand-primary-hover);--color-brand-interactive-active: var(--color-brand-primary-active);--color-brand-secondary: #6b7280;--color-brand-accent: #a78bfa;--color-brand-accent-accessible: #7e55f8;--color-brand-light: #e9e3ff;--color-brand-dark: #5b4997;--color-brand-complement: #617f29;--color-ui-background-primary: #ffffff;--color-ui-background-secondary: #f8fafc;--color-ui-background-tertiary: #f1f5f9;--color-ui-background-fallback: var(--color-ui-background-tertiary);--color-ui-foreground-primary: #0f172a;--color-ui-foreground-secondary: #334155;--color-ui-foreground-tertiary: #64748b;--color-ui-foreground-inverse: #ffffff;--color-ui-border-light: #e2e8f0;--color-ui-border-medium: #cbd5e1;--color-ui-border-dark: #94a3b8;--color-ui-focus: var(--color-brand-primary);--color-feedback-success: #059669;--color-feedback-warning: #d97706;--color-feedback-error: #dc2626;--color-feedback-info: var(--color-brand-primary);--color-feedback-error-background: #fef2f2;--color-feedback-error-border: #fecaca;--color-feedback-success-background: #ecfdf5;--color-feedback-success-border: #a7f3d0;--color-feedback-warning-background: #fffbeb;--color-feedback-warning-border: #fed7aa;--color-feedback-info-background: var(--color-brand-primary-background);--color-feedback-info-border: var(--color-brand-light);--color-success: #10b981;--color-error: #ef4444;--color-info-dark: #1e40af;--shadow-inset-subtle: inset 0 2px 4px var(--color-black-alpha-08);--shadow-elevation-1: 0 1px 3px var(--color-black-alpha-12);--shadow-elevation-2: 0 4px 6px var(--color-black-alpha-10);--color-brand-alpha-05: rgba(123, 98, 170, .05);--color-brand-alpha-10: rgba(123, 98, 170, .1);--color-brand-alpha-15: rgba(123, 98, 170, .15);--color-brand-alpha-20: rgba(123, 98, 170, .2);--color-brand-alpha-30: rgba(123, 98, 170, .3);--color-brand-alpha-40: rgba(123, 98, 170, .4);--color-brand-alpha-50: rgba(123, 98, 170, .5);--color-brand-alpha-60: rgba(123, 98, 170, .6);--color-brand-alpha-70: rgba(123, 98, 170, .7);--color-brand-alpha-80: rgba(123, 98, 170, .8);--color-brand-alpha-90: rgba(123, 98, 170, .9);--color-black-alpha-05: rgba(0, 0, 0, .05);--color-black-alpha-08: rgba(0, 0, 0, .08);--color-black-alpha-10: rgba(0, 0, 0, .1);--color-black-alpha-12: rgba(0, 0, 0, .12);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-25: rgba(0, 0, 0, .25);--color-black-alpha-30: rgba(0, 0, 0, .3);--color-black-alpha-40: rgba(0, 0, 0, .4);--color-black-alpha-50: rgba(0, 0, 0, .5);--color-black-alpha-60: rgba(0, 0, 0, .6);--color-black-alpha-70: rgba(0, 0, 0, .7);--color-black-alpha-80: rgba(0, 0, 0, .8);--color-black-alpha-90: rgba(0, 0, 0, .9);--color-white-alpha-05: rgba(255, 255, 255, .05);--color-white-alpha-08: rgba(255, 255, 255, .08);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-12: rgba(255, 255, 255, .12);--color-white-alpha-15: rgba(255, 255, 255, .15);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-25: rgba(255, 255, 255, .25);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-white-alpha-40: rgba(255, 255, 255, .4);--color-white-alpha-50: rgba(255, 255, 255, .5);--color-white-alpha-60: rgba(255, 255, 255, .6);--color-white-alpha-70: rgba(255, 255, 255, .7);--color-white-alpha-80: rgba(255, 255, 255, .8);--color-white-alpha-90: rgba(255, 255, 255, .9);--color-white-alpha-95: rgba(255, 255, 255, .95);--color-success-alpha-10: rgba(16, 185, 129, .1);--color-success-alpha-20: rgba(16, 185, 129, .2);--color-success-alpha-30: rgba(16, 185, 129, .3);--color-success-alpha-40: rgba(16, 185, 129, .4);--color-error-alpha-10: rgba(239, 68, 68, .1);--color-error-alpha-20: rgba(239, 68, 68, .2);--color-error-alpha-30: rgba(239, 68, 68, .3);--color-error-alpha-90: rgba(239, 68, 68, .9);--color-warning-alpha-10: rgba(217, 119, 6, .1);--color-warning-alpha-20: rgba(217, 119, 6, .2);--color-warning-alpha-30: rgba(217, 119, 6, .3);--color-border-alpha-light: rgba(226, 232, 240, .8);--color-border-alpha-medium: rgba(203, 213, 225, .8);--color-background-alpha-elevated: rgba(255, 255, 255, .95);--color-ui-border: var(--color-ui-border-light);--color-ui-border-subtle: var(--color-ui-border-light);[data-theme=dark]{--color-ui-background-primary: #0f172a;--color-ui-background-secondary: #1e293b;--color-ui-background-tertiary: #334155;--color-ui-background-elevated: #2d3748;--color-ui-background-inverse: #f8fafc;--color-ui-foreground-primary: #f8fafc;--color-ui-foreground-secondary: #e2e8f0;--color-ui-foreground-tertiary: #cbd5e1;--color-ui-foreground-inverse: #0f172a;--color-ui-border: #334155;--color-ui-border-subtle: #1e293b;--color-ui-border-light: #334155;--color-ui-border-medium: #475569;--color-ui-border-dark: #64748b;--color-feedback-error: #f87171;--color-feedback-success: #34d399;--color-feedback-warning: #fbbf24;--color-feedback-info: #a78bfa;--color-feedback-error-background: #7f1d1d;--color-feedback-error-border: #991b1b;--color-feedback-success-background: #14532d;--color-feedback-success-border: #166534;--color-feedback-warning-background: #78350f;--color-feedback-warning-border: #92400e;--color-feedback-info-background: #312e81;--color-feedback-info-border: #4c1d95;--color-success: #34d399;--color-success-light: #14532d;--color-error: #f87171;--color-error-light: #7f1d1d;--color-warning-light: #78350f;--color-info-light: #1e3a8a;--color-info-dark: #a78bfa;--badge-primary-bg: var(--color-brand-alpha-20);--badge-primary-border: var(--color-brand-alpha-40);--badge-accent-bg: var(--color-brand-alpha-20);--badge-accent-border: var(--color-brand-alpha-40);--badge-success-bg: var(--color-success-alpha-20);--badge-success-color: var(--color-feedback-success);--badge-success-border: var(--color-success-alpha-40);--toast-success-bg: #14532d;--toast-warning-bg: #78350f;--toast-error-bg: #7f1d1d;--toast-info-bg: #312e81;--toast-success-border: #166534;--toast-warning-border: #92400e;--toast-error-border: #991b1b;--toast-info-border: #4c1d95;--toast-success-text: #34d399;--toast-warning-text: #fbbf24;--toast-error-text: #f87171;--toast-info-text: #a78bfa;--color-ui-background-hover: #2d3e50;--color-ui-border-hover: #4a5568;--color-brand-primary-hover: #a78bfa;--color-brand-secondary-hover: #94a3b8;--color-brand-accent-hover: #a78bfa;--color-ui-background-active: #374151;--color-ui-border-active: #6b7280;--color-brand-primary-active: #c4b5fd;--color-brand-secondary-active: #cbd5e1;--color-brand-accent-active: #c4b5fd;--modal-backdrop: var(--color-black-alpha-80);--shadow-inset-subtle: inset 0 2px 4px var(--color-black-alpha-30);--shadow-elevation-1: 0 1px 3px var(--color-black-alpha-50);--shadow-elevation-2: 0 4px 6px var(--color-black-alpha-50);--color-brand-alpha-05: rgba(167, 139, 250, .05);--color-brand-alpha-10: rgba(167, 139, 250, .1);--color-brand-alpha-15: rgba(167, 139, 250, .15);--color-brand-alpha-20: rgba(167, 139, 250, .2);--color-brand-alpha-30: rgba(167, 139, 250, .3);--color-brand-alpha-40: rgba(167, 139, 250, .4);--color-brand-alpha-50: rgba(167, 139, 250, .5);--color-brand-alpha-60: rgba(167, 139, 250, .6);--color-brand-alpha-70: rgba(167, 139, 250, .7);--color-brand-alpha-80: rgba(167, 139, 250, .8);--color-brand-alpha-90: rgba(167, 139, 250, .9);--color-success-alpha-10: rgba(52, 211, 153, .1);--color-success-alpha-20: rgba(52, 211, 153, .2);--color-success-alpha-30: rgba(52, 211, 153, .3);--color-success-alpha-40: rgba(52, 211, 153, .4);--color-error-alpha-10: rgba(248, 113, 113, .1);--color-error-alpha-20: rgba(248, 113, 113, .2);--color-error-alpha-30: rgba(248, 113, 113, .3);--color-error-alpha-90: rgba(248, 113, 113, .9);--color-warning-alpha-10: rgba(251, 191, 36, .1);--color-warning-alpha-20: rgba(251, 191, 36, .2);--color-warning-alpha-30: rgba(251, 191, 36, .3);--color-border-alpha-light: rgba(51, 65, 85, .8);--color-border-alpha-medium: rgba(71, 85, 105, .8);--color-background-alpha-elevated: rgba(15, 23, 42, .95);--color-selection-background: var(--color-brand-alpha-30);--color-drag-active-background: var(--color-brand-alpha-15);--color-loading-overlay: var(--color-black-alpha-70);--color-tooltip-background: var(--color-white-alpha-90);--color-tooltip-text: var(--color-black-alpha-90);--color-tooltip-border: var(--color-white-alpha-30);--card-background-selected: var(--color-brand-alpha-15);--card-shadow: 0 1px 3px var(--color-black-alpha-50);--card-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--card-shadow-selected: 0 10px 15px var(--color-black-alpha-50);--dialog-shadow: 0 10px 15px var(--color-black-alpha-70);--dialog-backdrop: var(--color-black-alpha-80);--grid-cell-background-selected: var(--color-brand-alpha-15);--grid-cell-background-active: var(--color-brand-alpha-25);--dropdown-shadow: 0 10px 15px var(--color-black-alpha-70);--dropdown-item-background-selected: var(--color-brand-alpha-15);--dropdown-item-background-active: var(--color-brand-alpha-25);--slider-thumb-shadow: 0 1px 3px var(--color-black-alpha-50);--slider-thumb-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--swatch-shadow: 0 1px 3px var(--color-black-alpha-50);--swatch-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--swatch-shadow-selected: 0 10px 15px var(--color-black-alpha-50);--progress-shadow: inset 0 2px 4px var(--color-black-alpha-30)}--spacing-0-25: .0625rem;--spacing-0-5: .125rem;--spacing-0-75: .1875rem;--spacing-1: .25rem;--spacing-1-25: .3125rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-touch-target: 2.75rem;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-generous: 52px;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--radius-touch: .5rem;--shadow-sm: 0 1px 2px 0 var(--color-black-alpha-05);--shadow: 0 1px 3px 0 var(--color-black-alpha-10), 0 1px 2px 0 var(--color-black-alpha-08);--shadow-md: 0 4px 6px -1px var(--color-black-alpha-10), 0 2px 4px -1px var(--color-black-alpha-08);--shadow-lg: 0 10px 15px -3px var(--color-black-alpha-10), 0 4px 6px -2px var(--color-black-alpha-05);--shadow-inset: inset 0 0 0 1px var(--color-black-alpha-05);--shadow-mobile: 0 2px 8px var(--color-black-alpha-12);--text-shadow-overlay: 0 1px 2px var(--color-black-alpha-80);--filter-drop-shadow-sm: drop-shadow(0 1px 2px var(--color-black-alpha-10));--filter-drop-shadow: drop-shadow(0 2px 4px var(--color-black-alpha-10));--filter-drop-shadow-md: drop-shadow(0 4px 6px var(--color-black-alpha-10));--filter-drop-shadow-lg: drop-shadow(0 10px 15px var(--color-black-alpha-10));--badge-primary-bg: var(--color-brand-alpha-10);--badge-primary-border: var(--color-brand-alpha-20);--badge-accent-bg: var(--color-brand-alpha-10);--badge-accent-border: var(--color-brand-alpha-20);--badge-success-bg: var(--color-success-alpha-10);--badge-success-color: var(--color-feedback-success);--badge-success-border: var(--color-success-alpha-20);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-toast: 3000;--z-index-portal: 9999;--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100;--transition-duration-150: .15s;--transition-duration-200: .2s;--transition-duration-300: .3s;--transition-easing-out: cubic-bezier(0, 0, .2, 1);--transition-easing-apple: cubic-bezier(.25, .1, .25, 1);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xs: .5625rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-icon-primary: var(--color-ui-foreground-secondary);--color-icon-secondary: var(--color-ui-foreground-tertiary);--color-icon-inverse: var(--color-ui-foreground-inverse);--color-icon-success: var(--color-feedback-success);--color-icon-warning: var(--color-feedback-warning);--color-icon-error: var(--color-feedback-error);--color-icon-info: var(--color-feedback-info);--color-icon-disabled: var(--color-ui-foreground-disabled);--color-status-online: var(--color-feedback-success);--color-status-offline: var(--color-ui-foreground-tertiary);--color-status-busy: var(--color-feedback-warning);--color-status-away: #6b7280;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--overlay-light-light: rgba(255, 255, 255, .3);--overlay-light-medium: rgba(255, 255, 255, .5);--overlay-light-heavy: rgba(255, 255, 255, .7);--overlay-dark-light: rgba(0, 0, 0, .3);--overlay-dark-medium: rgba(0, 0, 0, .5);--overlay-dark-heavy: rgba(0, 0, 0, .7);--color-success-light: #dcfce7;--color-error-light: #fee2e2;--color-warning-light: #fef3c7;--color-info-light: #dbeafe;--color-component-selected: var(--color-brand-primary);--color-component-selected-bg: var(--color-brand-primary);--color-component-selected-text: var(--color-ui-foreground-inverse);--color-component-hovered: var(--color-ui-background-hover);--color-component-pressed: var(--color-ui-background-active);--color-focus-ring: var(--color-ui-focus);--color-focus-ring-width: 3px;--color-focus-ring-offset: 2px;--color-focus-ring-style: solid;--color-disabled-background: var(--color-ui-background-secondary);--color-disabled-text: var(--color-ui-foreground-tertiary);--color-disabled-border: var(--color-ui-border-light);--color-disabled-opacity: .5;--color-selection-background: var(--color-brand-alpha-20);--color-selection-text: var(--color-ui-foreground-primary);--color-selection-border: var(--color-brand-primary);--color-drag-handle: var(--color-ui-foreground-tertiary);--color-drag-handle-hover: var(--color-ui-foreground-secondary);--color-drag-active-background: var(--color-brand-alpha-10);--color-drag-active-border: var(--color-brand-primary);--color-drag-ghost-opacity: .7;--color-loading-spinner: var(--color-brand-primary);--color-loading-background: var(--color-ui-background-secondary);--color-loading-overlay: var(--color-black-alpha-50);--color-separator: var(--color-ui-border-light);--color-separator-thick: var(--color-ui-border-medium);--color-skeleton-base: var(--color-ui-background-secondary);--color-skeleton-shimmer: var(--color-ui-background-tertiary);--color-placeholder-text: var(--color-ui-foreground-tertiary);--color-tooltip-background: var(--color-black-alpha-90);--color-tooltip-text: var(--color-white-alpha-95);--color-tooltip-border: var(--color-black-alpha-20);--color-tooltip-shadow: var(--shadow-lg);--color-text-primary-accessible: #1e293b;--color-text-secondary-accessible: #334155;--color-text-inverse-accessible: #f8fafc;--color-text-muted-accessible: #64748b;--color-text-high-contrast: #000000;--color-background-high-contrast: #ffffff;--color-border-high-contrast: #000000;--color-dark-background-primary: #0f172a;--color-dark-background-secondary: #1e293b;--color-dark-background-tertiary: #334155;--color-dark-background-elevated: #2d3748;--color-dark-foreground-primary: #f8fafc;--color-dark-foreground-secondary: #e2e8f0;--color-dark-foreground-tertiary: #94a3b8;--color-dark-border-light: #334155;--color-dark-border-medium: #475569;--color-dark-border-dark: #64748b;--color-ui-background-hover: var(--color-ui-background-secondary);--color-ui-border-hover: var(--color-ui-border-medium);--color-brand-primary-hover: #8966ce;--color-brand-secondary-hover: #475569;--color-brand-accent-hover: #7c3aed;--color-ui-background-active: var(--color-ui-background-tertiary);--color-ui-border-active: var(--color-ui-border-dark);--color-brand-primary-active: #764cc6;--color-brand-secondary-active: #334155;--color-brand-accent-active: #6d28d9;--color-ui-foreground-disabled: var(--color-ui-foreground-tertiary);--color-ui-background-disabled: var(--color-ui-background-secondary);--color-ui-border-disabled: var(--color-ui-border-light);--button-primary-disabled: var(--color-ui-background-disabled);--button-primary-disabled-text: var(--color-ui-foreground-disabled);--color-ui-loading: var(--color-brand-primary);--color-ui-loading-bg: var(--color-ui-background-secondary);--window-close-bg: #ff5252;--window-close-bg-hover: #ff3838;--window-close-bg-active: #ff2020;--window-close-border: rgba(255, 82, 82, .3);--window-close-shadow: rgba(255, 56, 56, .3);--window-minimize-bg: #ffbd2e;--window-minimize-bg-hover: #ffaa00;--window-minimize-icon: #995700;--window-maximize-bg: #28c940;--window-maximize-bg-hover: #22a835;--window-maximize-bg-active: #1c9530;--window-maximize-border: rgba(40, 201, 64, .3);--window-maximize-shadow: rgba(34, 168, 53, .3);--window-maximize-icon: #006b00;--card-background: var(--color-ui-background-primary);--card-background-hover: var(--color-ui-background-hover);--card-background-selected: var(--color-brand-alpha-10);--card-border: var(--color-ui-border-light);--card-border-hover: var(--color-ui-border-medium);--card-border-selected: var(--color-brand-primary);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--card-shadow-selected: var(--shadow-lg);--card-radius: var(--radius-lg);--card-padding: var(--spacing-4);--dialog-background: var(--color-ui-background-primary);--dialog-border: var(--color-ui-border-medium);--dialog-shadow: var(--shadow-lg);--dialog-backdrop: var(--modal-backdrop);--dialog-radius: var(--radius-xl);--dialog-padding: var(--spacing-6);--dialog-header-border: var(--color-ui-border-light);--dialog-footer-border: var(--color-ui-border-light);--tab-background: transparent;--tab-background-hover: var(--color-ui-background-hover);--tab-background-active: var(--color-brand-primary);--tab-background-disabled: var(--color-ui-background-disabled);--tab-text: var(--color-ui-foreground-secondary);--tab-text-hover: var(--color-ui-foreground-primary);--tab-text-active: var(--color-ui-foreground-inverse);--tab-text-disabled: var(--color-ui-foreground-disabled);--tab-border: transparent;--tab-border-hover: var(--color-ui-border-light);--tab-border-active: var(--color-brand-primary);--tab-border-focus: var(--color-ui-focus);--tab-padding: var(--spacing-2) var(--spacing-3);--tab-radius: var(--radius-sm);--grid-background: var(--color-ui-background-primary);--grid-border: var(--color-ui-border-light);--grid-cell-background: transparent;--grid-cell-background-hover: var(--color-ui-background-hover);--grid-cell-background-selected: var(--color-brand-alpha-10);--grid-cell-background-active: var(--color-brand-alpha-20);--grid-cell-border: var(--color-ui-border-light);--grid-cell-text: var(--color-ui-foreground-primary);--grid-header-background: var(--color-ui-background-secondary);--grid-header-text: var(--color-ui-foreground-secondary);--grid-header-border: var(--color-ui-border-medium);--dropdown-background: var(--color-ui-background-primary);--dropdown-border: var(--color-ui-border-medium);--dropdown-shadow: var(--shadow-lg);--dropdown-item-background: transparent;--dropdown-item-background-hover: var(--color-ui-background-hover);--dropdown-item-background-selected: var(--color-brand-alpha-10);--dropdown-item-background-active: var(--color-brand-alpha-20);--dropdown-item-text: var(--color-ui-foreground-primary);--dropdown-item-text-selected: var(--color-ui-foreground-primary);--dropdown-separator: var(--color-ui-border-light);--dropdown-radius: var(--radius-lg);--dropdown-padding: var(--spacing-2);--slider-track-background: var(--color-ui-background-tertiary);--slider-track-background-active: var(--color-ui-background-secondary);--slider-track-border: var(--color-ui-border-light);--slider-track-height: 4px;--slider-track-radius: var(--radius-full);--slider-thumb-background: var(--color-brand-primary);--slider-thumb-background-hover: var(--color-brand-primary-hover);--slider-thumb-background-active: var(--color-brand-primary-active);--slider-thumb-background-disabled: var(--color-ui-background-disabled);--slider-thumb-border: var(--color-ui-background-primary);--slider-thumb-shadow: var(--shadow-sm);--slider-thumb-shadow-hover: var(--shadow-md);--slider-thumb-size: 20px;--slider-progress-background: var(--color-brand-primary);--swatch-border: var(--color-ui-border-medium);--swatch-border-hover: var(--color-ui-border-dark);--swatch-border-selected: var(--color-brand-primary);--swatch-border-focus: var(--color-ui-focus);--swatch-shadow: var(--shadow-sm);--swatch-shadow-hover: var(--shadow-md);--swatch-shadow-selected: var(--shadow-lg);--swatch-radius: var(--radius-md);--swatch-size-sm: 24px;--swatch-size-md: 32px;--swatch-size-lg: 48px;--swatch-checkerboard: var(--color-ui-background-tertiary);--progress-background: var(--color-ui-background-tertiary);--progress-fill: var(--color-brand-primary);--progress-fill-success: var(--color-feedback-success);--progress-fill-warning: var(--color-feedback-warning);--progress-fill-error: var(--color-feedback-error);--progress-height: 8px;--progress-radius: var(--radius-full);--progress-shadow: var(--shadow-inset-subtle);--spinner-color: var(--color-brand-primary);--spinner-color-secondary: var(--color-ui-foreground-tertiary);--spinner-size-sm: 16px;--spinner-size-md: 24px;--spinner-size-lg: 32px;--spinner-thickness: 2px;--input-bg: var(--color-ui-background-primary);--input-bg-hover: var(--color-ui-background-hover);--input-bg-focus: var(--color-ui-background-primary);--input-bg-disabled: var(--color-ui-background-disabled);--input-text: var(--color-ui-foreground-primary);--input-text-placeholder: var(--color-ui-foreground-tertiary);--input-text-disabled: var(--color-ui-foreground-disabled);--input-border: var(--color-ui-border-light);--input-border-hover: var(--color-ui-border-hover);--input-border-focus: var(--color-ui-focus);--input-border-error: var(--color-feedback-error);--input-border-disabled: var(--color-ui-border-disabled);--button-primary-bg: var(--color-brand-primary);--button-primary-bg-hover: var(--color-brand-primary-hover);--button-primary-bg-active: var(--color-brand-primary-active);--button-primary-bg-disabled: var(--color-ui-background-disabled);--button-primary-text: var(--color-ui-foreground-inverse);--button-primary-text-disabled: var(--color-ui-foreground-disabled);--button-primary-border: var(--color-brand-primary);--button-primary-border-hover: var(--color-brand-primary-hover);--button-primary-border-disabled: var(--color-ui-border-disabled);--button-primary-hover: var(--color-brand-primary-hover);--button-secondary-bg: var(--color-ui-background-secondary);--button-secondary-bg-hover: var(--color-ui-background-hover);--button-secondary-bg-active: var(--color-ui-background-active);--button-secondary-bg-disabled: var(--color-ui-background-disabled);--button-secondary-text: var(--color-ui-foreground-primary);--button-secondary-text-disabled: var(--color-ui-foreground-disabled);--button-secondary-border: var(--color-ui-border-light);--button-secondary-border-hover: var(--color-ui-border-hover);--button-secondary-border-disabled: var(--color-ui-border-disabled);--button-secondary-hover: var(--color-ui-background-hover);--button-ghost-bg: transparent;--button-ghost-bg-hover: var(--color-ui-background-hover);--button-ghost-bg-active: var(--color-ui-background-active);--button-ghost-text: var(--color-ui-foreground-secondary);--button-ghost-text-hover: var(--color-ui-foreground-primary);--button-ghost-text-disabled: var(--color-ui-foreground-disabled);--button-ghost-border: transparent;--button-ghost-border-hover: var(--color-ui-border-light);--button-danger-bg: var(--color-feedback-error);--button-danger-bg-hover: #dc2626;--button-danger-bg-active: #b91c1c;--button-danger-bg-disabled: var(--color-ui-background-disabled);--button-danger-text: var(--color-ui-foreground-inverse);--button-danger-text-disabled: var(--color-ui-foreground-disabled);--button-danger-border: var(--color-feedback-error);--button-danger-border-hover: #dc2626;--button-danger-border-disabled: var(--color-ui-border-disabled);--modal-backdrop: var(--color-black-alpha-60);--modal-backdrop-light: var(--color-black-alpha-50);--modal-backdrop-heavy: var(--color-black-alpha-80);--modal-bg: var(--color-ui-background-primary);--modal-shadow: var(--shadow-lg);--modal-border: var(--color-ui-border-light);--overlay-hover: rgba(0, 0, 0, .1);--overlay-swatch: rgba(0, 0, 0, .1);--overlay-tooltip: rgba(0, 0, 0, .8);--color-overlay-backdrop: rgba(0, 0, 0, .5);--color-overlay-tooltip: rgba(0, 0, 0, .8);--toast-success-bg: var(--color-feedback-success-background);--toast-warning-bg: var(--color-feedback-warning-background);--toast-error-bg: var(--color-feedback-error-background);--toast-info-bg: var(--color-feedback-info-background);--toast-success-border: var(--color-feedback-success-border);--toast-warning-border: var(--color-feedback-warning-border);--toast-error-border: var(--color-feedback-error-border);--toast-info-border: var(--color-feedback-info-border);--toast-success-text: var(--color-feedback-success);--toast-warning-text: var(--color-feedback-warning);--toast-error-text: var(--color-feedback-error);--toast-info-text: var(--color-feedback-info);--gradient-brand-primary: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-active) 100%);--gradient-brand-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-brand-cta: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-hover) 100%);--email-bg-body: var(--color-ui-background-secondary);--email-bg-container: var(--color-ui-background-primary);--email-text-primary: var(--color-ui-foreground-primary);--email-text-secondary: var(--color-ui-foreground-secondary);--email-shadow-container: var(--shadow-md);--color-wheel-harmony-line: rgba(255, 255, 255, .3);--color-wheel-marker-outline: rgba(0, 0, 0, .2);--color-wheel-marker-fill: white;--color-wheel-base-outline: black;--color-wheel-center-outline: white;--color-wheel-label-dark: black;--color-wheel-label-light: white;--color-wheel-base-marker: gold;--color-wheel-base-marker-gradient-start: rgba(255, 215, 0, .8);--color-wheel-base-marker-gradient-end: rgba(255, 193, 7, 1);--color-wheel-marker-border: rgba(0, 0, 0, .2);--color-wheel-shadow: rgba(0, 0, 0, .3);--color-wheel-glow: rgba(156, 127, 214, .2);--color-wheel-center-border: rgba(255, 255, 255, .8);--color-wheel-instruction-text: rgba(0, 0, 0, .45);--color-wheel-instruction-bg: rgba(0, 0, 0, .05);--color-wheel-drag-indicator-bg: rgba(0, 0, 0, .8);--color-wheel-node-shadow-default: rgba(0, 0, 0, .2);--color-wheel-node-shadow-hover: rgba(0, 0, 0, .3);--color-wheel-node-shadow-drag: rgba(0, 0, 0, .4);--color-wheel-background-circle: rgba(255, 255, 255, .1);--color-wheel-inner-shadow-start: rgba(0, 0, 0, .1);--color-wheel-inner-shadow-mid: transparent;--color-wheel-inner-shadow-end: rgba(0, 0, 0, .15);--color-wheel-line-gradient-start: rgba(255, 255, 255, .5);--color-wheel-line-gradient-mid: rgba(255, 255, 255, .3);--color-wheel-line-gradient-end: rgba(255, 255, 255, .5);--color-wheel-line-shadow: rgba(255, 255, 255, .3);--color-wheel-node-bg: rgba(255, 255, 255, .95);--color-wheel-node-border: rgba(0, 0, 0, .1);--color-wheel-node-inner-highlight: rgba(255, 255, 255, .4);--color-wheel-node-inner-mid: transparent;--color-wheel-node-inner-shadow: rgba(0, 0, 0, .2);--color-wheel-base-ring-highlight: rgba(255, 215, 0, .6);--color-wheel-label-shadow: rgba(0, 0, 0, .3);--color-wheel-base-label-bg: rgba(255, 215, 0, .9);--color-wheel-base-label-text: rgba(0, 0, 0, .8);--color-wheel-center-border-outer: rgba(255, 255, 255, .9);--color-wheel-center-border-inner: rgba(0, 0, 0, .1);--color-wheel-center-highlight: rgba(255, 255, 255, .3);--color-wheel-center-highlight-fade: transparent;--color-wheel-label-dark-text: rgba(0, 0, 0, .85);--color-wheel-label-light-text: rgba(255, 255, 255, .95);--color-wheel-label-shadow-light: rgba(255, 255, 255, .5);--color-wheel-label-shadow-dark: rgba(0, 0, 0, .5);--color-wheel-tooltip-text-dark: rgba(0, 0, 0, .85);--color-wheel-tooltip-text-light: rgba(255, 255, 255, .95);--color-wheel-drag-text: rgba(255, 255, 255, .95)}::selection{background:var(--color-brand-primary);color:#fff}::-moz-selection{background:var(--color-brand-primary);color:#fff}._container_1q1eh_6{width:800px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;margin:var(--spacing-6) auto;margin-bottom:calc(var(--spacing-6) + 1.125rem);min-height:600px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@viewport{width:device-width;initial-scale:1;maximum-scale:5;user-scalable:yes}html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 768px) and (max-width: 1023px){button:not([class*=windowBtn]),input[type=button],input[type=submit],input[type=reset],input[type=color],input[type=range],a{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}*:focus-visible{outline-width:3px;outline-offset:3px}*{-webkit-overflow-scrolling:touch}}@media (min-width: 1024px) and (max-width: 1279px){button:not([class*=windowBtn]),input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px}}@media (orientation: portrait) and (min-width: 768px){body{scroll-behavior:smooth}}@media (pointer: coarse){@media (hover: none){*:hover{transform:none!important}}button:before,a:before,input[type=checkbox]:before,input[type=radio]:before{content:"";position:absolute;inset:-8px}button,label,select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (min-width: 768px) and (max-width: 834px) and (min-height: 1024px){:root{--touch-target-comfortable: 46px}}@media (min-width: 834px) and (max-width: 1024px) and (min-height: 1112px){:root{--touch-target-comfortable: 48px}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1366px){:root{--touch-target-comfortable: 50px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 768px){.colorSwatch,.cursor,.thumb,.actionBtn{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}}@supports (padding: max(0px)){.container{padding-left:max(var(--spacing-4),env(safe-area-inset-left));padding-right:max(var(--spacing-4),env(safe-area-inset-right))}@media (min-width: 768px) and (max-width: 1023px){.container{padding-left:max(var(--spacing-5),env(safe-area-inset-left));padding-right:max(var(--spacing-5),env(safe-area-inset-right))}}}@media (min-width: 768px) and (max-width: 1279px) and (prefers-color-scheme: dark){:root{--shadow-dark-md: 0 6px 12px -2px rgba(0, 0, 0, .4), 0 3px 6px -2px rgba(0, 0, 0, .3);--shadow-dark-lg: 0 12px 24px -4px rgba(0, 0, 0, .5), 0 6px 12px -3px rgba(0, 0, 0, .3)}}@media (prefers-contrast: high){button,input,select,textarea{border-width:2px!important}*:focus-visible{outline-width:4px!important}}@media (min-width: 768px) and (max-width: 1279px){@supports (font: -apple-system-body){body{font:-apple-system-body}}}