:root{--eui-bg:#fff;--eui-bg-subtle:#f9fafb;--eui-bg-hover:#eff6ff;--eui-text:#1f2937;--eui-text-muted:#6b7280;--eui-text-disabled:#9ca3af;--eui-text-on-primary:#fff;--eui-border:#d1d5db;--eui-border-subtle:#e5e7eb;--eui-primary:#3b82f6;--eui-primary-hover:#2563eb;--eui-primary-subtle:#dbeafe;--eui-primary-border:#bfdbfe;--eui-shadow:0 4px 16px 0 #0000001f;--eui-font-family:"Inter", system-ui, -apple-system, sans-serif;--eui-radius-sm:.25rem;--eui-radius-md:.375rem}[class*=eui-]{scrollbar-width:thin;scrollbar-color:var(--eui-border) transparent}[class*=eui-]::-webkit-scrollbar{width:6px;height:6px}[class*=eui-]::-webkit-scrollbar-track{background:0 0}[class*=eui-]::-webkit-scrollbar-thumb{background-color:var(--eui-border);border-radius:3px}[class*=eui-]::-webkit-scrollbar-thumb:hover{background-color:var(--eui-text-muted)}[class*=eui-]::-webkit-scrollbar-corner{background:0 0}.eui-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.mode-dark{--eui-bg:#1f2937;--eui-bg-subtle:#111827;--eui-bg-hover:#1e3a5f;--eui-text:#e5e7eb;--eui-text-muted:#9ca3af;--eui-text-disabled:#6b7280;--eui-text-on-primary:#fff;--eui-border:#4b5563;--eui-border-subtle:#374151;--eui-primary:#2563eb;--eui-primary-hover:#3b82f6;--eui-primary-subtle:#1e3a5f;--eui-primary-border:#1d4ed8;--eui-shadow:0 4px 16px 0 #0006}.eui-color-picker{font-family:var(--eui-font-family);color:var(--eui-text);display:inline-flex}.eui-color-picker.eui-color-picker-disabled{opacity:.6;pointer-events:none}.eui-color-picker-button{appearance:none;border:1px solid var(--eui-border);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:0}.eui-color-picker-button:focus-visible{box-shadow:0 0 0 3px var(--eui-primary-subtle);border-color:var(--eui-primary);outline:none}.eui-color-picker-button:disabled{cursor:not-allowed}.eui-color-picker-button{border-radius:var(--eui-radius-md);background-color:var(--eui-bg-subtle);align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.85rem;display:inline-flex}.eui-color-picker-button.eui-color-picker-sm{padding:.25rem .5rem;font-size:.75rem}.eui-color-picker-button.eui-color-picker-lg{padding:.5rem .75rem;font-size:.95rem}.eui-color-picker-input-trigger{appearance:none;border:1px solid var(--eui-border);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:0}.eui-color-picker-input-trigger:focus-visible{box-shadow:0 0 0 3px var(--eui-primary-subtle);border-color:var(--eui-primary);outline:none}.eui-color-picker-input-trigger:disabled{cursor:not-allowed}.eui-color-picker-input-trigger{border-radius:var(--eui-radius-md);background-color:var(--eui-bg-subtle);align-items:center;gap:.5rem;min-width:10rem;padding:.375rem .625rem;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;display:inline-flex}.eui-color-picker-editable{border:1px solid var(--eui-border);border-radius:var(--eui-radius-md);background-color:var(--eui-bg-subtle);align-items:center;gap:.375rem;min-width:11rem;padding:.25rem .25rem .25rem .375rem;display:inline-flex}.eui-color-picker-editable:focus-within{border-color:var(--eui-primary);box-shadow:0 0 0 3px var(--eui-primary-subtle)}.eui-color-picker-editable.eui-color-picker-editable-disabled{opacity:.6;pointer-events:none}.eui-color-picker-editable.eui-color-picker-sm{min-width:9rem;padding:.125rem .25rem .125rem .3125rem}.eui-color-picker-editable.eui-color-picker-lg{min-width:13rem;padding:.375rem .375rem .375rem .5rem}.eui-color-picker-editable-swatch{appearance:none;border:1px solid var(--eui-border);cursor:pointer;border-radius:var(--eui-radius-sm);background:0 0;flex-shrink:0;width:1.25rem;height:1.25rem;padding:0;position:relative;overflow:hidden}.eui-color-picker-editable-swatch .eui-color-picker-dot-chk,.eui-color-picker-editable-swatch .eui-color-picker-dot-fill{position:absolute;inset:0}.eui-color-picker-editable-swatch .eui-color-picker-dot-chk{background:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%) 50%/10px 10px}.eui-color-picker-editable-swatch:focus-visible{box-shadow:0 0 0 2px var(--eui-primary-subtle);outline:none}.eui-color-picker-editable-input{min-width:0;color:var(--eui-text);background:0 0;border:none;outline:none;flex:1;padding:.25rem .375rem;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.eui-color-picker-editable-input::placeholder{color:var(--eui-text-muted)}.eui-color-picker-sm .eui-color-picker-editable-input{font-size:.75rem}.eui-color-picker-lg .eui-color-picker-editable-input{font-size:.95rem}.eui-color-picker-swatch{appearance:none;border:1px solid var(--eui-border);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:0}.eui-color-picker-swatch:focus-visible{box-shadow:0 0 0 3px var(--eui-primary-subtle);border-color:var(--eui-primary);outline:none}.eui-color-picker-swatch:disabled{cursor:not-allowed}.eui-color-picker-swatch{border-radius:var(--eui-radius-md);width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.eui-color-picker-swatch.eui-color-picker-sm{width:1.75rem;height:1.75rem}.eui-color-picker-swatch.eui-color-picker-lg{width:2.75rem;height:2.75rem}.eui-color-picker-swatch .eui-color-picker-chk{background:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%) 50%/10px 10px;position:absolute;inset:0}.eui-color-picker-swatch .eui-color-picker-fill{position:absolute;inset:0}.eui-color-picker-dot{border-radius:var(--eui-radius-sm);border:1px solid var(--eui-border);flex-shrink:0;width:1rem;height:1rem;position:relative;overflow:hidden}.eui-color-picker-dot .eui-color-picker-dot-chk{background:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%) 50%/10px 10px;position:absolute;inset:0}.eui-color-picker-dot .eui-color-picker-dot-fill{position:absolute;inset:0}.eui-color-picker-text{color:var(--eui-text);font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.eui-color-picker-popover{z-index:10050;background-color:var(--eui-bg);border:1px solid var(--eui-border);border-radius:var(--eui-radius-md);box-shadow:var(--eui-shadow);width:260px;font-family:var(--eui-font-family);color:var(--eui-text);padding:.75rem;position:absolute}.eui-color-picker-popover.eui-color-picker-popover-hidden{visibility:hidden}.eui-color-picker-backdrop{z-index:10050;background-color:#0f172a8c;justify-content:center;align-items:center;padding:5vh 6vw;animation:.18s ease-out eui-cp-backdrop-in;display:flex;position:fixed;inset:0}.eui-color-picker-backdrop.eui-color-picker-backdrop-mobile{padding:5vh 6vw}.eui-color-picker-backdrop.eui-color-picker-backdrop-tablet{padding:6vh 18vw}@keyframes eui-cp-backdrop-in{0%{opacity:0}to{opacity:1}}.eui-color-picker-popover-mobile{border:1px solid var(--eui-border-subtle);-webkit-overflow-scrolling:touch;background-color:var(--eui-bg);border-radius:16px;max-width:100%;height:auto;max-height:100%;padding:1.25rem;animation:.22s ease-out eui-cp-sheet-in;overflow-y:auto;box-shadow:0 24px 56px #00000047;width:100%!important;position:relative!important;inset:auto!important}.eui-color-picker-popover-mobile .eui-color-panel{gap:1rem}.eui-color-picker-popover-mobile .eui-color-sv{height:200px}@keyframes eui-cp-sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.eui-color-picker-backdrop,.eui-color-picker-popover-mobile{animation:none}}.eui-color-panel{flex-direction:column;gap:.75rem;display:flex}.eui-color-sv{border-radius:var(--eui-radius-sm);cursor:crosshair;touch-action:none;width:100%;height:140px;position:relative;overflow:hidden}.eui-color-sv .eui-color-sv-white{background:linear-gradient(90deg,#fff,#fff0);position:absolute;inset:0}.eui-color-sv .eui-color-sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.eui-color-sv .eui-color-sv-pointer{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.eui-color-sliders{align-items:center;gap:.625rem;display:flex}.eui-color-preview-wrap{border:1px solid var(--eui-border);border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.eui-color-preview-wrap .eui-color-preview-chk{background:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%) 50%/10px 10px;position:absolute;inset:0}.eui-color-preview-wrap .eui-color-preview{position:absolute;inset:0}.eui-color-slider-stack{flex-direction:column;flex:1;gap:.5rem;display:flex}.eui-color-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:10px;position:relative}.eui-color-hue .eui-color-hue-pointer{border:2px solid var(--eui-border);pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000004d}.eui-color-alpha{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative;overflow:hidden}.eui-color-alpha .eui-color-alpha-chk{background:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%) 50%/10px 10px;position:absolute;inset:0}.eui-color-alpha .eui-color-alpha-track{position:absolute;inset:0}.eui-color-alpha .eui-color-alpha-pointer{border:2px solid var(--eui-border);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000004d}.eui-color-inputs{grid-template-columns:1.5fr repeat(4,1fr);gap:.375rem;display:grid}.eui-color-input-group{color:var(--eui-text-muted);text-transform:uppercase;flex-direction:column;align-items:center;gap:.125rem;font-size:.65rem;font-weight:600;display:flex}.eui-color-input-group input{text-align:center;border:1px solid var(--eui-border);border-radius:var(--eui-radius-sm);background-color:var(--eui-bg-subtle);width:100%;min-width:0;color:var(--eui-text);padding:.25rem .375rem;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.eui-color-input-group input:focus{border-color:var(--eui-primary);box-shadow:0 0 0 2px var(--eui-primary-subtle);outline:none}.eui-color-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eui-color-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eui-color-input-group.eui-color-input-hex input{text-align:left}.eui-color-swatches{border-top:1px solid var(--eui-border-subtle);grid-template-columns:repeat(10,1fr);gap:.25rem;padding-top:.5rem;display:grid}.eui-color-swatch{aspect-ratio:1;border:1px solid var(--eui-border-subtle);border-radius:var(--eui-radius-sm);cursor:pointer;width:100%;padding:0;transition:transform .12s;position:relative}.eui-color-swatch:before{content:"";min-width:44px;min-height:44px;margin:auto;position:absolute;inset:0}.eui-color-swatch:hover{transform:scale(1.15)}.eui-color-swatch:focus-visible{outline:2px solid var(--eui-primary);outline-offset:2px}.eui-color-swatch.eui-color-swatch-active{border-color:var(--eui-primary);box-shadow:0 0 0 2px var(--eui-primary-subtle)}@media (prefers-reduced-motion:reduce){.eui-color-swatch{transition:none}.eui-color-swatch:hover{transform:none}}