._windowControls_1lqex_3{display:flex;gap:var(--spacing-2);align-items:center}._windowBtn_1lqex_9{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;border-radius:50%;border:1px solid var(--color-black-alpha-12);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:transparent;backdrop-filter:blur(10px)}._windowBtn_1lqex_9:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._windowBtn_1lqex_9 svg{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;height:24px;transform:scale(1)}._windowBtn_1lqex_9:hover svg{opacity:1;transform:scale(1.1)}._windowBtn_1lqex_9._mobileSized_1lqex_48{width:var(--spacing-12)!important;height:var(--spacing-12)!important;min-width:var(--spacing-12)!important;min-height:var(--spacing-12)!important;max-width:var(--spacing-12)!important;max-height:var(--spacing-12)!important}._windowBtn_1lqex_9._mobileSized_1lqex_48 svg{opacity:1;width:24px;height:24px}._closeBtn_1lqex_63{background:linear-gradient(145deg,var(--window-close-bg) 0%,var(--window-close-bg) 50%,var(--window-close-bg-active) 100%);box-shadow:inset 0 1px 1px var(--color-white-alpha-30),0 2px 4px var(--window-close-border),0 4px 8px var(--window-close-border);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--window-close-border)}._closeBtn_1lqex_63:hover{background:linear-gradient(145deg,var(--window-close-bg) 0%,var(--window-close-bg-hover) 50%,var(--window-close-bg-active) 100%);box-shadow:inset 0 1px 2px var(--color-white-alpha-40),0 4px 8px var(--window-close-shadow),0 8px 16px var(--window-close-shadow);transform:scale(1.15) translateY(-1px);border:1px solid var(--window-close-shadow)}._closeBtn_1lqex_63:active{transform:scale(1.05) translateY(0);box-shadow:inset 0 1px 1px var(--color-black-alpha-10),0 1px 2px var(--window-close-shadow)}._closeBtn_1lqex_63 svg{color:var(--color-white-alpha-90);filter:drop-shadow(0 1px 2px var(--window-close-shadow))}._minimizeBtn_1lqex_95{background:var(--window-minimize-bg)}._minimizeBtn_1lqex_95:hover{background:var(--window-minimize-bg-hover)}._minimizeBtn_1lqex_95 svg{color:var(--window-minimize-icon)}._maximizeBtn_1lqex_107{background:var(--window-maximize-bg)}._maximizeBtn_1lqex_107:hover{background:var(--window-maximize-bg-hover)}._maximizeBtn_1lqex_107 svg{color:var(--window-maximize-icon)}._resizeBtn_1lqex_120{background:linear-gradient(145deg,var(--window-maximize-bg) 0%,var(--window-maximize-bg) 50%,var(--window-maximize-bg-hover) 100%);box-shadow:inset 0 1px 1px var(--color-white-alpha-30),0 2px 4px var(--window-maximize-border),0 4px 8px var(--window-maximize-border);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--window-maximize-border)}._resizeBtn_1lqex_120:hover{background:linear-gradient(145deg,var(--window-maximize-bg) 0%,var(--window-maximize-bg-hover) 50%,var(--window-maximize-bg-active) 100%);box-shadow:inset 0 1px 2px var(--color-white-alpha-40),0 4px 8px var(--window-maximize-shadow),0 8px 16px var(--window-maximize-shadow);transform:scale(1.15) translateY(-1px);border:1px solid var(--window-maximize-shadow)}._resizeBtn_1lqex_120:active{transform:scale(1.05) translateY(0);box-shadow:inset 0 1px 1px var(--color-black-alpha-10),0 1px 2px var(--window-maximize-shadow)}._resizeBtn_1lqex_120 svg{color:var(--color-white-alpha-90);filter:drop-shadow(0 1px 2px var(--window-maximize-shadow))}._tabletSized_1lqex_153{width:var(--spacing-12)!important;height:var(--spacing-12)!important;min-width:var(--spacing-12)!important;min-height:var(--spacing-12)!important;max-width:var(--spacing-12)!important;max-height:var(--spacing-12)!important}._tabletSized_1lqex_153 svg{opacity:1;width:24px;height:24px}._tabletControls_1lqex_168{gap:var(--spacing-3)}@media (min-width: 768px) and (max-width: 1023px){._windowBtn_1lqex_9{width:var(--spacing-12)!important;height:var(--spacing-12)!important;min-width:var(--spacing-12)!important;min-height:var(--spacing-12)!important;max-width:var(--spacing-12)!important;max-height:var(--spacing-12)!important}._windowBtn_1lqex_9 svg{opacity:1}._resizeBtn_1lqex_120{display:none!important}}@media (min-width: 1024px){._windowBtn_1lqex_9{width:var(--spacing-12)!important;height:var(--spacing-12)!important;min-width:var(--spacing-12)!important;min-height:var(--spacing-12)!important;max-width:var(--spacing-12)!important;max-height:var(--spacing-12)!important}._windowBtn_1lqex_9 svg{opacity:1}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){._resizeBtn_1lqex_120{display:none!important}}._srOnly_14lr7_4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._container_14lr7_16{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;flex:0 0 auto;min-height:50px;margin:0;padding:var(--spacing-1) calc(var(--spacing-12) / 2);overflow:hidden;position:relative;z-index:var(--z-50);box-sizing:border-box}._container_14lr7_16:first-child{padding-top:var(--spacing-2)}._labelContainer_14lr7_36{width:100%;text-align:center;margin-bottom:var(--spacing-2)}._valueContainer_14lr7_42{width:100%;text-align:center;margin-top:var(--spacing-2)}._valueText_14lr7_48{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ui-foreground-tertiary);font-family:var(--font-family-sans);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-duration-200) var(--transition-easing-out);display:inline-block;min-width:var(--spacing-16)}._valueText_14lr7_48:hover{background:var(--color-ui-background-tertiary);color:var(--color-ui-foreground-secondary)}._valueText_14lr7_48:focus-visible{outline:2px solid var(--color-ui-focus);outline-offset:2px}._label_14lr7_36{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans);color:var(--color-ui-foreground-secondary);text-transform:uppercase;letter-spacing:.8px;display:inline-block}._valueInput_14lr7_81{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ui-foreground-primary);font-family:var(--font-family-sans);background:var(--color-ui-background-primary);border:2px solid var(--color-ui-focus);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-2);text-align:center;width:var(--spacing-20);outline:none}._valueInput_14lr7_81:focus{box-shadow:0 0 0 3px #9c7fd633}._track_14lr7_100{position:relative;width:100%;max-width:100%;height:var(--spacing-8);border-radius:var(--radius-full);background:linear-gradient(to right,#000,#fff);cursor:pointer;box-shadow:0 2px 8px #0000001a,0 4px 16px #6366f114;overflow:visible!important;transition:box-shadow var(--transition-duration-200) var(--transition-easing-out);display:flex;align-items:center;padding:0;box-sizing:border-box;isolation:isolate;-webkit-user-select:none;user-select:none;z-index:var(--z-10)}._track_14lr7_100:hover{box-shadow:0 3px 12px #0000001f,0 6px 20px #6366f11a,0 0 0 2px var(--color-brand-light)}._track_14lr7_100:focus{outline:none;box-shadow:0 3px 12px #0000001f,0 6px 20px #6366f11a,0 0 0 3px var(--color-brand-light)}._track_14lr7_100:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._thumb_14lr7_147{position:absolute;-webkit-user-select:none;user-select:none;width:var(--spacing-12);height:var(--spacing-12);background:var(--color-ui-background-primary);border-radius:var(--radius-full);top:50%;left:0;transform:translate(-50%,-50%);box-shadow:var(--shadow-md);pointer-events:auto;cursor:grab;border:2px solid var(--color-brand-light);transition:box-shadow var(--transition-duration-150) var(--transition-easing-out);z-index:var(--z-50)}._thumb_14lr7_147:active{cursor:grabbing}._track_14lr7_100:active ._thumb_14lr7_147{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-lg)}@media (min-width: 768px) and (max-width: 1023px){._container_14lr7_16{gap:0;min-height:60px;padding:var(--spacing-2) 0;overflow:visible;flex:0 0 auto}._container_14lr7_16:first-child{padding-top:var(--spacing-4)}._labelContainer_14lr7_36{margin-bottom:var(--spacing-2)}._valueContainer_14lr7_42{margin-top:var(--spacing-1-5)}._label_14lr7_36{font-size:var(--font-size-sm);letter-spacing:.6px}._valueText_14lr7_48{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}._valueInput_14lr7_81{font-size:var(--font-size-sm);width:var(--spacing-20)}._track_14lr7_100{height:calc(var(--spacing-8) + var(--spacing-1))}._thumb_14lr7_147{width:var(--spacing-12);height:var(--spacing-12)}._track_14lr7_100:active ._thumb_14lr7_147{transform:translate(-50%,-50%) scale(1.15)}}@media (min-width: 1024px) and (max-width: 1279px){._container_14lr7_16{gap:var(--spacing-3)}._track_14lr7_100{height:calc(var(--spacing-8) + var(--spacing-2))}._thumb_14lr7_147{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._track_14lr7_100:active ._thumb_14lr7_147{transform:translate(-50%,-50%) scale(1.18)}}@media (pointer: coarse) and (min-width: 768px){._track_14lr7_100{height:var(--spacing-10)}._thumb_14lr7_147{width:var(--spacing-12);height:var(--spacing-12)}._track_14lr7_100:active ._thumb_14lr7_147{transform:translate(-50%,-50%) scale(1.15)}._track_14lr7_100:before{content:"";position:absolute;inset:-8px 0;cursor:pointer}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){._container_14lr7_16{padding:var(--spacing-1) 0}._track_14lr7_100{height:var(--spacing-8)}._thumb_14lr7_147{width:var(--spacing-12);height:var(--spacing-12)}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){._track_14lr7_100{height:var(--spacing-10)}._thumb_14lr7_147{width:var(--spacing-12);height:var(--spacing-12)}}@media (max-width: 767px){._container_14lr7_16{gap:0;padding:var(--spacing-1) 0;padding-left:calc(var(--spacing-12) / 2);padding-right:calc(var(--spacing-12) / 2)}._container_14lr7_16:first-child{padding-top:var(--spacing-2)}._labelContainer_14lr7_36{margin-bottom:var(--spacing-2)}._valueContainer_14lr7_42{margin-top:var(--spacing-1-5)}._label_14lr7_36{font-size:11px;letter-spacing:.6px;font-weight:var(--font-weight-bold)}._valueText_14lr7_48{font-size:var(--font-size-xs);padding:2px var(--spacing-2);min-width:var(--spacing-12)}._valueInput_14lr7_81{font-size:var(--font-size-xs);width:var(--spacing-16);padding:2px var(--spacing-1)}._track_14lr7_100{height:var(--spacing-6);padding:0;overflow:visible!important;z-index:var(--z-10)}._thumb_14lr7_147{width:var(--spacing-12)!important;height:var(--spacing-12)!important;border-width:3px!important;z-index:var(--z-50)!important;box-sizing:border-box!important}._track_14lr7_100:active ._thumb_14lr7_147{transform:translate(-50%,-50%) scale(1.08)}}._srOnly_1bpvw_4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._colorDisplay_1bpvw_16{width:100%;height:72px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-5));position:relative;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;isolation:isolate;visibility:visible;opacity:1}._colorBackground_1bpvw_34{position:absolute;inset:0;border-radius:var(--radius-lg);z-index:-1;transition:background-color .3s cubic-bezier(.4,0,.2,1)}._colorDisplay_1bpvw_16:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius-lg);z-index:0}._colorInfo_1bpvw_64{display:flex;flex-direction:column;gap:4px;z-index:10;position:relative}._hexCode_1bpvw_72{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);color:var(--color-ui-foreground-inverse);text-shadow:0 2px 8px var(--overlay-dark-light);letter-spacing:.5px;cursor:text;user-select:text;transition:transform .2s ease}._hexCode_1bpvw_72:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._hexCode_1bpvw_72:hover{transform:scale(1.02)}._hexInput_1bpvw_93{font-size:24px;font-weight:700;font-family:var(--font-family-mono);color:var(--color-ui-foreground-inverse);background:var(--overlay-dark-medium);border:2px solid var(--overlay-light-heavy);border-radius:8px;padding:4px 8px;outline:none;text-shadow:0 2px 8px var(--overlay-dark-light);letter-spacing:.5px;backdrop-filter:blur(10px);width:140px}._hexInput_1bpvw_93:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._hexInput_1bpvw_93:focus{border-color:var(--color-dark-border-dark);background:var(--overlay-dark-heavy)}._colorName_1bpvw_120{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);color:var(--color-dark-foreground-secondary);text-shadow:0 1px 4px var(--overlay-dark-medium);text-transform:uppercase;letter-spacing:.8px}@media (min-width: 768px) and (max-width: 1023px){._colorDisplay_1bpvw_16{height:72px;padding:var(--spacing-4) var(--spacing-5);padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-5))}._hexCode_1bpvw_72{font-size:28px}._hexInput_1bpvw_93{font-size:28px;width:160px}._colorName_1bpvw_120{font-size:16px}}@media (min-width: 1024px) and (max-width: 1279px){._colorDisplay_1bpvw_16{height:72px;padding:var(--spacing-4) var(--spacing-5);padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-5))}._hexCode_1bpvw_72{font-size:30px}._hexInput_1bpvw_93{font-size:30px;width:170px}}@media (max-width: 767px){._colorDisplay_1bpvw_16{height:72px;padding:var(--spacing-3) var(--spacing-4);padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-4));position:relative;border-radius:var(--radius-lg)}._hexCode_1bpvw_72{font-size:20px}._hexInput_1bpvw_93{font-size:20px;width:120px}._colorName_1bpvw_120{font-size:12px}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){._colorDisplay_1bpvw_16{height:72px;padding:var(--spacing-4) var(--spacing-5);padding-right:calc(var(--spacing-12) * 3 + var(--spacing-2) * 2 + var(--spacing-5))}._hexCode_1bpvw_72{font-size:32px}._hexInput_1bpvw_93{font-size:32px;width:180px}._colorName_1bpvw_120{font-size:18px}}._colorActions_1nbvi_3{display:flex;gap:var(--spacing-2);z-index:10;position:absolute;right:var(--spacing-5);top:50%;transform:translateY(-50%)}._actionBtn_1nbvi_13{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-md);background:#fff3;backdrop-filter:blur(10px);border:none;color:var(--color-ui-foreground-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-duration-200) var(--transition-easing-out),transform var(--transition-duration-200) var(--transition-easing-out);box-shadow:0 1px 3px #0000001a}._actionBtn_1nbvi_13:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._actionBtn_1nbvi_13:hover{background:#ffffff4d;transform:scale(1.05)}._actionBtn_1nbvi_13:active{transform:translateY(0)}._copyWrapper_1nbvi_44{position:relative}._copyMenu_1nbvi_48{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--color-ui-background-primary);border-radius:12px;box-shadow:0 10px 25px var(--overlay-dark-light),0 0 0 1px var(--color-ui-border-light);padding:4px;min-width:120px;z-index:1000;animation:_fadeIn_1nbvi_1 .2s ease}@keyframes _fadeIn_1nbvi_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._copyOption_1nbvi_74{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;border-radius:8px;font-size:13px;font-weight:500;font-family:var(--font-family-sans);color:var(--color-gray-800);cursor:pointer;transition:all .15s ease}._copyOption_1nbvi_74:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._copyOption_1nbvi_74:hover{background:var(--color-gray-100);color:var(--color-gray-900)}._copyOption_1nbvi_74:active{background:var(--color-gray-200)}@media (min-width: 768px) and (max-width: 1023px){._colorActions_1nbvi_3{gap:var(--spacing-2);right:var(--spacing-5)}._actionBtn_1nbvi_13{width:var(--spacing-12);height:var(--spacing-12)}}@media (min-width: 1024px) and (max-width: 1279px){._colorActions_1nbvi_3{gap:var(--spacing-2);right:var(--spacing-5)}._actionBtn_1nbvi_13{width:var(--spacing-12);height:var(--spacing-12)}}@media (max-width: 767px){._colorActions_1nbvi_3{gap:var(--spacing-1-5);right:var(--spacing-4)}._actionBtn_1nbvi_13{width:var(--spacing-12);height:var(--spacing-12)}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){._colorActions_1nbvi_3{gap:var(--spacing-2);right:var(--spacing-5);position:absolute;top:50%;transform:translateY(-50%)}._actionBtn_1nbvi_13{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-lg)}._copyMenu_1nbvi_48{min-width:140px}}._valuesContainer_1xch7_3{width:100%;display:flex;flex-direction:column;gap:var(--spacing-3)}._valuesGrid_1xch7_10{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-top:var(--spacing-3);margin-bottom:var(--spacing-4);width:100%;position:relative;z-index:var(--z-0);contain:layout;isolation:isolate}._valueCard_1xch7_23{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);box-shadow:var(--shadow-sm);transition:all .2s ease;min-height:var(--spacing-12);justify-content:center;overflow:hidden;position:relative;contain:layout style}._valueCard_1xch7_23:hover{box-shadow:var(--shadow-md)}._valueLabel_1xch7_43{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-gray-500);font-family:var(--font-family-sans)}._valueText_1xch7_52{font-size:14px;font-weight:600;color:var(--color-gray-800);font-family:var(--font-family-sans);cursor:pointer;padding:4px 6px;margin:-4px -6px;border-radius:6px;transition:all .15s ease;user-select:text;min-width:120px;display:inline-block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._valueText_1xch7_52:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._valueText_1xch7_52:hover{background:var(--overlay-light-medium);color:var(--color-gray-900)}._valueText_1xch7_52:active{background:var(--overlay-light-heavy)}._valueInput_1xch7_86{font-size:14px;font-weight:600;color:var(--color-gray-800);font-family:var(--font-family-sans);background:var(--color-ui-background-primary);border:2px solid var(--color-brand-primary);border-radius:6px;padding:4px 6px;outline:none;width:100%}._valueInput_1xch7_86:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._valueInput_1xch7_86:focus{box-shadow:0 0 0 3px var(--overlay-light-medium)}@media (min-width: 768px) and (max-width: 1023px){._valuesGrid_1xch7_10{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-5)}._valueCard_1xch7_23{padding:var(--spacing-2) var(--spacing-3);min-height:var(--spacing-12)}._valueLabel_1xch7_43{font-size:11px}._valueText_1xch7_52{font-size:15px}}@media (min-width: 1024px) and (max-width: 1366px){._valuesGrid_1xch7_10{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-6)}._valueCard_1xch7_23{padding:var(--spacing-2) var(--spacing-3);min-height:calc(var(--spacing-12) + var(--spacing-1))}._valueLabel_1xch7_43{font-size:11px}._valueText_1xch7_52{font-size:16px;min-width:130px}}@media (min-width: 1367px){._valuesGrid_1xch7_10{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-3)!important;margin-top:var(--spacing-3)!important}}@media (min-width: 1367px){._valuesContainer_1xch7_3:not(._maximized_1xch7_166) ._valuesGrid_1xch7_10{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-3)!important;margin-top:var(--spacing-3)!important}._valuesContainer_1xch7_3:not(._maximized_1xch7_166) ._valueCard_1xch7_23{padding:var(--spacing-2) var(--spacing-3);min-height:calc(var(--spacing-12) + var(--spacing-1))}._valuesContainer_1xch7_3:not(._maximized_1xch7_166) ._valueLabel_1xch7_43{font-size:11px}._valuesContainer_1xch7_3:not(._maximized_1xch7_166) ._valueText_1xch7_52{font-size:16px;min-width:130px}}._valuesContainer_1xch7_3._maximized_1xch7_166 ._valuesGrid_1xch7_10{grid-template-columns:repeat(5,1fr)!important;gap:var(--spacing-2)!important}._valuesContainer_1xch7_3._maximized_1xch7_166 ._valueCard_1xch7_23{padding:var(--spacing-1) var(--spacing-2);min-height:auto}._valuesContainer_1xch7_3._maximized_1xch7_166 ._valueLabel_1xch7_43{font-size:9px;letter-spacing:.3px}._valuesContainer_1xch7_3._maximized_1xch7_166 ._valueText_1xch7_52{font-size:11px;min-width:auto;white-space:nowrap;overflow:visible!important;text-overflow:unset!important;max-width:none!important}@media (max-width: 767px){._valuesGrid_1xch7_10{grid-template-columns:1fr;gap:var(--spacing-2);margin-top:var(--spacing-2)}._valueCard_1xch7_23{padding:var(--spacing-2) var(--spacing-3);min-height:var(--spacing-10);align-items:center;text-align:center}._valueLabel_1xch7_43{text-align:center}._valueText_1xch7_52{text-align:center;margin:0 auto}}._contrastSection_1xch7_238{margin-top:var(--spacing-2);border-top:1px solid var(--color-ui-border-light);padding-top:var(--spacing-3)}._contrastToggle_1xch7_244{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--color-ui-border-light);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;color:var(--color-gray-700);transition:all .2s ease;min-height:var(--spacing-12)}._contrastToggle_1xch7_244:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}._contrastToggle_1xch7_244:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._contrastContent_1xch7_271{margin-top:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-4)}._backgroundInput_1xch7_281{display:flex;flex-direction:column;gap:var(--spacing-2)}._backgroundInput_1xch7_281 label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600)}._inputGroup_1xch7_295{display:flex;gap:var(--spacing-2);align-items:center}._colorSwatch_1xch7_303{width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border-radius:var(--radius-md);border:2px solid var(--color-ui-border-light);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}._colorSwatch_1xch7_303:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._colorSwatch_1xch7_303:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._actionBtn_1xch7_327{padding:var(--spacing-2);background:#fff;border:1px solid var(--color-ui-border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:var(--spacing-12);min-height:var(--spacing-12);width:var(--spacing-12);height:var(--spacing-12);transition:all .2s ease}._actionBtn_1xch7_327:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}._miniPicker_1xch7_349{margin-top:var(--spacing-3);padding:var(--spacing-3);background:#fff;border:1px solid var(--color-ui-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}._pickerHeader_1xch7_358{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-ui-border-light);gap:var(--spacing-2)}._headerHexInput_1xch7_368{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-ui-border-light);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family-sans);font-weight:600;text-transform:uppercase;background:transparent;min-height:var(--spacing-10);text-align:center}._headerHexInput_1xch7_368:focus{outline:none;border-color:var(--color-ui-focus);box-shadow:0 0 0 3px #6366f11a}._closeBtn_1xch7_388{width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border:none;background:none;cursor:pointer;font-size:24px;color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}._closeBtn_1xch7_388:hover{background:var(--color-gray-100);color:var(--color-gray-700)}._pickerContent_1xch7_410{display:flex;flex-direction:column;gap:var(--spacing-3)}._saturationGrid_1xch7_416{width:100%;height:150px;border-radius:var(--radius-md);position:relative;cursor:crosshair;overflow:hidden}._gradientOverlay_1xch7_425{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,black);pointer-events:none}._saturationCursor_1xch7_432{position:absolute;width:16px;height:16px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003;transform:translate(-50%,-50%);pointer-events:none}._hueSlider_1xch7_443{width:100%;height:24px;position:relative}._hueInput_1xch7_449{width:100%;height:24px;-webkit-appearance:none;appearance:none;border-radius:var(--radius-md);outline:none;cursor:pointer}._hueInput_1xch7_449::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:28px;border:3px solid white;border-radius:4px;background:currentColor;cursor:pointer;box-shadow:0 0 0 1px #0003,0 2px 4px #0003}._hueInput_1xch7_449::-moz-range-thumb{width:20px;height:28px;border:3px solid white;border-radius:4px;background:currentColor;cursor:pointer;box-shadow:0 0 0 1px #0003,0 2px 4px #0003}._presets_1xch7_481{display:flex;gap:var(--spacing-2);justify-content:center;padding-top:var(--spacing-2);border-top:1px solid var(--color-ui-border-light)}._presetBtn_1xch7_489{width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border-radius:var(--radius-md);border:2px solid var(--color-ui-border-light);cursor:pointer;transition:all .2s ease}._presetBtn_1xch7_489:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}._contrastPreview_1xch7_505{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}._previewBox_1xch7_511{padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:120px;transition:all .3s ease}._previewText_1xch7_522{font-size:48px;font-weight:700;line-height:1}._previewSmall_1xch7_528{font-size:16px;font-weight:400}._contrastMetrics_1xch7_533{display:flex;flex-direction:column;gap:var(--spacing-3)}._metric_1xch7_539{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}._metricLabel_1xch7_549{font-size:13px;font-weight:600;color:var(--color-gray-600)}._metricValue_1xch7_555{display:flex;align-items:center;gap:var(--spacing-2);font-size:14px;font-weight:700;font-family:var(--font-family-mono)}._metricValue_1xch7_555._pass_1xch7_564{color:var(--color-success)}._metricValue_1xch7_555._fail_1xch7_568{color:var(--color-error)}._icon_1xch7_572{width:14px;height:14px}._badges_1xch7_577{display:flex;gap:var(--spacing-1);margin-left:var(--spacing-2)}._badge_1xch7_577{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}._badgePass_1xch7_591{background:var(--color-success-light);color:var(--color-success)}._badgeFail_1xch7_596{background:var(--color-error-light);color:var(--color-error)}._recommendation_1xch7_601{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-info-light);border-radius:var(--radius-md);font-size:13px;color:var(--color-info-dark);line-height:1.5}._recommendation_1xch7_601 svg{flex-shrink:0;margin-top:2px}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueCard_1xch7_23{background:var(--color-dark-background-tertiary);box-shadow:0 1px 3px #0000004d}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueCard_1xch7_23:hover{box-shadow:0 4px 6px -1px #0000004d}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueLabel_1xch7_43{color:var(--color-dark-foreground-tertiary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueText_1xch7_52{color:var(--color-dark-foreground-secondary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueText_1xch7_52:hover{background:#ffffff1a;color:var(--color-dark-foreground-primary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueInput_1xch7_86{background:var(--color-dark-background-secondary);color:var(--color-dark-foreground-secondary);border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._valueInput_1xch7_86:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #9c7fd64d}._valuesContainer_1xch7_3._dark_1xch7_620 ._contrastSection_1xch7_238{border-top-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._contrastToggle_1xch7_244{color:var(--color-dark-foreground-secondary);border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._contrastToggle_1xch7_244:hover{background:#ffffff0d;border-color:var(--color-dark-border-dark)}._valuesContainer_1xch7_3._dark_1xch7_620 ._contrastContent_1xch7_271{background:var(--color-dark-background-elevated)}._valuesContainer_1xch7_3._dark_1xch7_620 ._backgroundInput_1xch7_281 label{color:var(--color-dark-foreground-tertiary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._headerHexInput_1xch7_368{background:#1e293b80;color:var(--color-dark-foreground-secondary);border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._colorSwatch_1xch7_303{border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._actionBtn_1xch7_327{background:var(--color-dark-background-tertiary);border-color:var(--color-dark-border-medium);color:var(--color-dark-foreground-secondary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._actionBtn_1xch7_327:hover{background:#ffffff0d;border-color:var(--color-dark-border-dark)}._valuesContainer_1xch7_3._dark_1xch7_620 ._miniPicker_1xch7_349{background:var(--color-dark-background-elevated);border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._pickerHeader_1xch7_358{border-bottom-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._closeBtn_1xch7_388{color:var(--color-dark-foreground-tertiary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._closeBtn_1xch7_388:hover{background:#ffffff0d;color:var(--color-dark-foreground-secondary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._presets_1xch7_481{border-top-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._presetBtn_1xch7_489{border-color:var(--color-dark-border-medium)}._valuesContainer_1xch7_3._dark_1xch7_620 ._metric_1xch7_539{background:var(--color-dark-background-tertiary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._metricLabel_1xch7_549{color:var(--color-dark-foreground-tertiary)}._valuesContainer_1xch7_3._dark_1xch7_620 ._recommendation_1xch7_601{background:#9c7fd61a;color:#c4b5fd}._historySection_o032s_3{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) 0}._historyColors_o032s_12{display:flex;gap:var(--spacing-2);flex:1}._historyColor_o032s_12{width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-ui-border-light)}._historyColor_o032s_12:hover{transform:scale(1.1);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-ui-border-light)}._historyColor_o032s_12:active{transform:scale(.95)}._historyColor_o032s_12:after{content:"";position:absolute;inset:-3px;border-radius:10px;border:2px solid transparent;transition:border-color .2s ease}._historyColor_o032s_12:focus-visible:after{border-color:var(--color-ui-focus)}@media (min-width: 768px) and (max-width: 1023px){._historySection_o032s_3{padding:var(--spacing-4) 0;gap:var(--spacing-4)}._historyColor_o032s_12{width:var(--spacing-12);height:var(--spacing-12)}}@media (min-width: 1024px) and (max-width: 1366px){._historySection_o032s_3{padding:1.125rem 0;gap:1.125rem;display:flex;flex-direction:row;width:100%}._historyColor_o032s_12{width:var(--spacing-12);height:var(--spacing-12)}._historyColors_o032s_12{gap:.625rem;flex:1;display:flex;flex-wrap:nowrap}}@media (min-width: 1367px){._historySection_o032s_3{padding:var(--spacing-4) 0}._historyColor_o032s_12{width:var(--spacing-12);height:var(--spacing-12)}}@media (max-width: 767px){._historySection_o032s_3{padding:.625rem 0}._historyColor_o032s_12{width:var(--spacing-12);height:var(--spacing-12)}}._presetsDrawer_5fllj_3{border-top:1px solid var(--color-ui-border-light);margin-top:16px;width:100%;display:block;background:var(--color-ui-background-secondary)}._drawerToggle_5fllj_11{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-ui-background-secondary);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;font-family:var(--font-family-sans);color:var(--color-gray-500);cursor:pointer;transition:all .2s ease}._drawerToggle_5fllj_11:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._drawerToggle_5fllj_11:hover{background:var(--color-gray-50);color:var(--color-gray-600)}._drawerToggle_5fllj_11:active{background:var(--color-gray-100)}._presetSection_5fllj_43{padding:16px 0;display:flex;flex-direction:column;gap:20px;animation:_slideDown_5fllj_1 .3s ease}@keyframes _slideDown_5fllj_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._harmoniesGroup_5fllj_62,._presetsGroup_5fllj_63{display:flex;flex-direction:column;gap:12px}._sectionHeader_5fllj_69{display:flex;align-items:center;justify-content:space-between}._sectionLabel_5fllj_75{font-size:10px;font-weight:600;font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:1px;color:var(--color-gray-500)}._harmoniesSelector_5fllj_84{display:flex;gap:4px}._harmonyBtn_5fllj_89{padding:4px 8px;font-size:11px;font-weight:500;font-family:var(--font-family-sans);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:6px;color:var(--color-gray-500);cursor:pointer;transition:all .15s ease}._harmonyBtn_5fllj_89:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._harmonyBtn_5fllj_89:hover{background:var(--color-ui-background-primary);border-color:var(--color-gray-300);color:var(--color-gray-600)}._harmonyBtn_5fllj_89._active_5fllj_113{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-ui-foreground-inverse)}._harmoniesColors_5fllj_119{display:flex;gap:8px;align-items:center}._harmonyBase_5fllj_125{width:40px;height:40px;border-radius:10px;position:relative;box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-ui-border-light)}._harmonyBase_5fllj_125:after{content:"";position:absolute;inset:-2px;border:2px solid var(--color-brand-primary);border-radius:12px;opacity:.5}._harmonyColor_5fllj_144{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-ui-border-light)}._harmonyColor_5fllj_144:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._harmonyColor_5fllj_144:hover{transform:scale(1.1);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-ui-border-light)}._harmonyColor_5fllj_144:active{transform:scale(.95)}._presetGrid_5fllj_172{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}._presetColor_5fllj_178{aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-ui-border-light)}._presetColor_5fllj_178:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:2px}._presetColor_5fllj_178 svg{color:var(--color-ui-foreground-inverse);filter:drop-shadow(0 1px 2px var(--overlay-dark-medium))}._presetColor_5fllj_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-ui-border-light)}._presetColor_5fllj_178:active{transform:scale(.95)}._presetColor_5fllj_178._active_5fllj_113{border-color:var(--color-brand-primary)}@media (min-width: 768px) and (max-width: 1023px){._drawerToggle_5fllj_11{padding:14px;font-size:14px}._presetSection_5fllj_43{padding:18px 0;gap:24px}._sectionLabel_5fllj_75{font-size:11px}._harmonyBtn_5fllj_89{padding:5px 10px;font-size:12px}._harmonyBase_5fllj_125{width:44px;height:44px}._harmonyColor_5fllj_144{width:40px;height:40px}._presetGrid_5fllj_172{grid-template-columns:repeat(6,1fr);gap:10px}._presetColor_5fllj_178{min-height:48px}}@media (min-width: 1024px) and (max-width: 1366px){._presetsDrawer_5fllj_3{clear:both;margin-top:20px;display:block;width:100%}._drawerToggle_5fllj_11{padding:16px;font-size:14px;display:flex;width:100%}._presetSection_5fllj_43{padding:20px 0;gap:28px}._sectionLabel_5fllj_75{font-size:12px}._harmonyBtn_5fllj_89{padding:6px 12px;font-size:12px}._harmonyBase_5fllj_125{width:48px;height:48px}._harmonyColor_5fllj_144{width:44px;height:44px}._harmoniesColors_5fllj_119{gap:12px}._presetGrid_5fllj_172{grid-template-columns:repeat(8,1fr);gap:12px}._presetColor_5fllj_178{min-height:52px}}@media (min-width: 1367px){._presetGrid_5fllj_172{grid-template-columns:repeat(10,1fr);gap:10px}._presetColor_5fllj_178{min-height:44px}}@media (max-width: 767px){._drawerToggle_5fllj_11{padding:10px;font-size:12px}._presetSection_5fllj_43{padding:14px 0}._harmonyBase_5fllj_125{width:36px;height:36px}._harmonyColor_5fllj_144{width:32px;height:32px}._presetGrid_5fllj_172{grid-template-columns:repeat(4,1fr);gap:8px}._presetColor_5fllj_178{min-height:40px}}: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}[data-theme=dark] ._presetsDrawer_1jotf_4{background:var(--color-dark-background-primary)!important;border-top-color:var(--color-dark-border-medium)!important}[data-theme=dark] ._drawerToggle_1jotf_9{color:var(--color-dark-foreground-secondary)!important;background:var(--color-dark-background-primary)!important;border-color:transparent!important}[data-theme=dark] ._drawerToggle_1jotf_9:hover{background:var(--color-dark-background-secondary)!important;color:var(--color-dark-foreground-primary)!important}[data-theme=dark] ._drawerToggle_1jotf_9:active{background:var(--color-dark-background-tertiary)!important}[data-theme=dark] ._sectionLabel_1jotf_24{color:var(--color-dark-foreground-secondary)!important}[data-theme=dark] ._harmonyBtn_1jotf_28{background:var(--color-dark-background-secondary)!important;border-color:var(--color-dark-border-medium)!important;color:var(--color-dark-foreground-secondary)!important}[data-theme=dark] ._harmonyBtn_1jotf_28:hover{background:var(--color-dark-background-tertiary)!important;border-color:var(--color-dark-border-light)!important;color:var(--color-dark-foreground-primary)!important}[data-theme=dark] ._harmonyBtn_1jotf_28._active_1jotf_40{background:var(--color-brand-primary)!important;border-color:var(--color-brand-primary)!important;color:#fff!important}[data-theme=dark] ._presetSection_1jotf_47{background:var(--color-dark-background-primary)!important}