.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-bottom:12px solid var(--color-black,#000);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:inset 0 0 0 1px rgb(0 0 0/.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.react-colorful__last-control{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:var(--color-white);border:2px solid var(--color-white);border-radius:var(--radius-full);box-shadow:var(--glass-shadow-sm)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}.FIE_root{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:Arial,sans-serif}.FIE_topBar{justify-content:space-between;padding:var(--spacing-sm);border-bottom:var(--glass-border);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.FIE_canvas-container,.FIE_topBar{display:flex;align-items:center;background:var(--glass-bg-light)}.FIE_canvas-container{flex:1 1;overflow:hidden;justify-content:center}.FIE_tabsPanel{display:flex;border-bottom:var(--glass-border);background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.FIE_tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-bottom:2px solid transparent}.FIE_tab-active{border-bottom-color:var(--color-brand-primary);color:var(--color-brand-primary)}.FIE_toolsPanel{display:flex;flex-direction:column;border-right:var(--glass-border);background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));overflow-y:auto}.FIE_tool{padding:var(--default-half-spacing);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}.FIE_tool-active{background-color:var(--color-brand-primary-glass)}.FIE_tooltip{position:absolute;background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);box-shadow:var(--glass-shadow-sm)}.FIE_button{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-brand-primary);color:var(--color-white);font-weight:var(--font-weight-medium)}.FIE_button:hover{background-color:var(--color-brand-primary-dark)}.FIE_button-cancel{background-color:transparent;color:var(--text-secondary)}.FIE_button-cancel:hover{background-color:var(--color-brand-primary-glass)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.8);opacity:0}