npm - builder-settings-types - Versions diffs - 0.0.409 → 0.0.410 - Mend

builder-settings-types 0.0.409 → 0.0.410

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/builder-settings-types.cjs.js +101 -99
package/dist/builder-settings-types.es.js +3102 -3111
package/dist/index.css +1 -1
package/dist/settings/gradient-settings/components/EmbeddedColorPicker.d.ts +3 -0
package/dist/settings/gradient-settings/utils/icon.d.ts +2 -1
package/package.json +1 -1

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/satoshi";:root{--color-text: #1d2939;--color-text-secondary: #667085;--color-text-muted: #98a2b3;--color-border: #e4e7ec;--color-border-hover: #d0d5dd;--color-bg: #fff;--color-bg-hover: #f9fafb;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease}.icon-container{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.input-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0;width:18px;height:18px;transition:color var(--transition-fast)}.input-label{color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:1.4;transition:color var(--transition-fast)}.input-container{display:inline-flex;align-items:center;position:relative;width:100%}.input-wrapper{position:relative;width:100%;min-width:0}.base-input{width:100%;height:36px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md);font-weight:400;line-height:1.4;transition:all var(--transition-fast);outline:none}.base-input::placeholder{color:var(--color-text-muted)}.base-input:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.base-input:focus{border-color:var(--color-border-focus);background:var(--color-bg-focus)}.base-input:disabled{background:#f9fafb;color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.with-suffix{padding-right:44px}.input-suffix{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-sm);font-weight:500;z-index:1}.with-prefix{padding-left:44px}.input-prefix{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-sm);font-weight:500;z-index:1}.setting-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:center;min-height:40px;padding:var(--space-sm) 0}.setting-item.full-width{grid-template-columns:1fr}.setting-item.stacked{grid-template-columns:1fr;gap:var(--space-xs);align-items:stretch}.setting-item-label{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.setting-item-control{min-width:0;justify-self:end}.setting-item.stacked .setting-item-control{max-width:none;justify-self:stretch}.input-error{border-color:#f04438!important;background:#fff4f4!important;color:#f04438!important}.input-error:focus{border-color:#f04438!important;box-shadow:0 0 0 4px #f044381a!important}.error-message{color:#f04438;font-size:var(--font-size-xs);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.input-success{border-color:#02cc59!important;background:#f0fdf4!important}.input-success:focus{border-color:#02cc59!important}.input-loading{position:relative;color:var(--color-text-muted);background:#f9fafb;pointer-events:none}.input-loading:after{content:"";position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid var(--color-border-focus);border-radius:50%;animation:spin 1s linear infinite}.setting-group .setting-group .setting-item{min-height:36px;padding:6px 0}.setting-group .setting-group .base-input{height:32px;padding:6px 10px;font-size:13px}.setting-group .setting-group .input-label{font-size:11px}.setting-group .setting-group .setting-group .setting-item{min-height:32px;padding:4px 0}.setting-group .setting-group .setting-group .base-input{height:28px;padding:4px 8px;font-size:12px}.setting-group .setting-group .setting-group .input-label{font-size:10px}@media (max-width: 480px){.setting-item{grid-template-columns:1fr;gap:var(--space-xs)}.setting-item-control{max-width:none;justify-self:stretch}.base-input{font-size:var(--font-size-md)}}@media (prefers-color-scheme: dark){:root{--color-text: #f9fafb;--color-text-secondary: #d0d5dd;--color-text-muted: #667085;--color-border: #344054;--color-border-hover: #475467;--color-bg: #1d2939;--color-bg-hover: #344054}}.base-input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.compact .setting-item{min-height:32px;padding:4px 0}.compact .base-input{height:32px;padding:6px 10px;font-size:13px}.compact .input-label{font-size:11px}@media (prefers-contrast: high){.base-input{border-width:2px}.base-input:focus{border-width:3px}}:root{--grey40: #9ca3af}.gradient-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.gradient-controls{display:flex;align-items:center;gap:10px}.gradient-type,.gradient-angle{padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font:inherit}.gradient-angle-wrap{display:inline-flex;align-items:center;gap:6px}.gradient-preview{position:relative;height:34px;border-radius:8px;border:1px solid #e5e7eb;overflow:visible;background:linear-gradient(90deg,#a84b4b,#786666);max-width:250px;margin:42px auto 0;cursor:crosshair}.gradient-handles{position:absolute;top:-4px;left:0;right:0;height:calc(100% + 8px);pointer-events:none}.gstop-handle{position:absolute;border-radius:4px;background:#fff;border:1px solid white;transform:translate(-50%,-50%);cursor:grab;display:grid;place-items:center;pointer-events:auto;box-shadow:0 1px 3px #0000001a;z-index:10;transition:all .15s ease;user-select:none;-webkit-user-select:none;touch-action:none}.gstop-handle:active{cursor:grabbing}.gstop-handle:hover{transform:translate(-50%,-50%) scale(1.05);border-color:#9ca3af}.gstop-handle.selected{border:2px solid #2563eb;box-shadow:0 0 0 2px #2563eb33;transform:translate(-50%,-50%) scale(1.1);cursor:grabbing;transition:none!important}.gstop-chip{width:24px;height:24px;border-radius:2px;border:1px solid white;position:relative}.gstop-chip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;z-index:-1;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #ffffff;border-top-color:inherit}.gradient-stops-header{padding:4px;display:flex;align-items:center;justify-content:space-between;color:#1d2939;font-weight:500;font-size:14px}.gradient-add-stop{width:32px;height:32px;border-radius:8px;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400}.gradient-add-stop:hover{background:#f9fafb;border-color:#9ca3af}.gradient-stops{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;overflow-x:visible;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.gradient-stops::-webkit-scrollbar{width:6px}.gradient-stops::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.gradient-stops::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.gradient-stops::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gstop-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:8px;background:#00a76f14;min-height:44px}.gstop-position-group{display:flex;align-items:center;min-width:51px}.gstop-position-input{width:60px;padding:8px 10px;border:1px solid #919eab33;border-radius:8px;color:#1f2937;font-size:13px;font-weight:500;text-align:center;outline:none;transition:all .2s ease;background:#f9fafb;text-align:left}.gstop-position-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.gstop-position-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gstop-position-input:disabled{opacity:.4;cursor:not-allowed}.gstop-color-container{position:relative;width:100%;max-width:180px;margin-left:4px;min-height:40px;display:flex;align-items:center;padding-left:8px}.gstop-color-preview{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;border:1px solid #e4e7ec;z-index:10;pointer-events:none;flex-shrink:0}.gstop-color-input{width:100%;padding:8px 40px 8px 32px;border:1px solid #919eab33;border-radius:8px;color:#1f2937;font-size:13px;font-weight:500;text-align:left;outline:none;transition:all .2s ease;cursor:pointer;background:#f9fafb}.gstop-color-input:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;border:1px solid #e4e7ec;background-color:var(--color, #ffffff);flex-shrink:0}.gstop-color-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.gstop-color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gstop-color-input:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)!important;border-color:var(--action-selected, #919eab29)!important}.gstop-color-copy{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.7}.gstop-color-copy:hover{opacity:1;background:#919eab1a}.gstop-color-copy:active{transform:translateY(-50%) scale(.95)}.gstop-color{width:32px;height:32px;padding:0;border:2px solid #ffffff;border-radius:8px;cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d;position:relative;z-index:20;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.gstop-hex{flex:1;min-width:100px;padding:10px 12px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;outline:none;transition:all .2s ease}.gstop-hex:hover{border-color:#cbd5e1;background-color:#f8fafc}.gstop-hex:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gstop-link{width:24px;height:24px;border:none;background:transparent;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.gstop-link:hover{background:#f3f4f6;color:#374151}.gstop-del{width:36px;min-width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:4px;gap:8px;opacity:1;flex-shrink:0}.gstop-del:hover{background:#f8fafc}.gstop-del:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)}.gstop-opacity-label{font-size:12px;color:#64748b;font-weight:500;min-width:50px}.gstop-opacity-group{display:flex;align-items:center;gap:12px;flex:1}.gstop-opacity-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:135px;width:100%;height:20px;border-radius:12px;border:0;outline:none;cursor:pointer;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3Crect x='3' y='3' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E"),linear-gradient(to right,var(--slider-color-transparent, rgba(59, 130, 246, 0)),var(--slider-color, #3b82f6));background-size:6px 6px,100% 100%;background-position:0 0,0 0;background-repeat:repeat,no-repeat;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 2px #00000014,0 1px 3px #0000001a}.gstop-opacity-slider::-webkit-slider-track{height:20px;border:none;border-radius:12px;background:transparent}.gstop-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px #ffffffe6,0 2px 6px #00000026,0 1px 2px #0003;cursor:pointer;transition:all .15s ease;margin-top:0}.gstop-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #ffffffe6,0 3px 8px #0003,0 1px 3px #00000040}.gstop-opacity-slider::-moz-range-track{height:20px;border:none;border-radius:12px;background:transparent}.gstop-opacity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px #ffffffe6,0 2px 6px #00000026,0 1px 2px #0003;cursor:pointer;transition:all .15s ease}.gstop-opacity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #ffffffe6,0 3px 8px #0003,0 1px 3px #00000040}.gstop-opacity-slider:focus-visible{outline:3px solid rgba(59,130,246,.45);outline-offset:4px;border-radius:12px}.gstop-opacity-value{font-size:12px;color:#475569;font-weight:600;min-width:38px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 6px}.gradient-solid-picker{display:flex;align-items:center;gap:12px;padding:8px;background:#f9fafb;border-radius:8px}.gradient-solid-color{width:257px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;outline:none}.gradient-solid-hex{width:120px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1f2937;font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;outline:none;transition:all .2s ease}.gradient-solid-hex:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-solid-hex:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-input-wrapper{position:relative;width:100%;justify-self:end}.gradient-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:38px;padding-right:30px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.gradient-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.gradient-text-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.gradient-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.gradient-mini-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:4px;border:1px solid var(--color-border, #e4e7ec);cursor:pointer;overflow:hidden;transition:transform var(--transition-fast, .15s ease),border-radius var(--transition-fast, .15s ease);background-color:#fff}.gradient-mini-preview.bound{border-radius:100px}.gradient-mini-preview:hover{transform:translateY(-50%) scale(1.05)}.gradient-unlink-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:none;background:transparent;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .15s ease}.gradient-unlink-button.visible{display:flex}.gradient-unlink-button:hover{opacity:1}.gradient-unlink-button:active{transform:translateY(-50%) scale(.95)}.gradient-unlink-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.setting-group .setting-group .gradient-unlink-button{right:6px;width:16px;height:16px}.setting-group .setting-group .setting-group .gradient-unlink-button{right:4px;width:14px;height:14px}.setting-group .setting-group .gradient-setting-wrapper{min-height:36px}.setting-group .setting-group .gradient-input-wrapper{max-width:120px}.setting-group .setting-group .gradient-text-input{height:32px;padding:6px 26px 6px 34px;font-size:13px}.setting-group .setting-group .gradient-mini-preview{left:6px;width:22px;height:22px}.setting-group .setting-group .setting-group .gradient-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .gradient-input-wrapper{max-width:100px}.setting-group .setting-group .setting-group .gradient-text-input{height:28px;padding:4px 22px 4px 30px;font-size:12px}.setting-group .setting-group .setting-group .gradient-mini-preview{left:4px;width:19px;height:19px}.gradient-input-wrapper.error .gradient-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.gradient-input-wrapper.error .gradient-text-input:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.gradient-input-wrapper.disabled .gradient-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.gradient-popover-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:9999}.gradient-popover{position:fixed;z-index:10000;background:var(--primary-contrast-text, #ffffff);border-radius:8px;box-shadow:0 1px 8px #0003;overflow:visible;width:306px;height:auto;min-height:200px;max-height:80vh;opacity:1;padding:12px;display:flex;flex-direction:column;gap:16px}.gradient-popover-header{display:flex;align-items:center;justify-content:space-between;color:#1d2939;font-weight:600;font-size:16px}.color-setting-tabs{display:flex;gap:2px;padding:2px;background:transparent}.color-setting-tabs.header-tabs{padding:0;gap:0}.color-tab{display:flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:2px 4px;border:none;background:transparent;color:#637381;font-family:Public Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.5;border-radius:4px;cursor:pointer;transition:all .15s ease}.color-tab:hover:not(.active){background:#f3f4f6}.color-tab.active{background:#eff1f2;color:#1c252e}.gradient-popover-close{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.gradient-popover-close:hover{background:#f9fafb;color:#374151}.gradient-editor{display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden;min-height:0}.type-tabs-wrapper{border:1px solid #eff1f2;border-left:0;border-right:0;padding:4px 0}.gradient-type-tabs{display:flex;padding:4px;align-items:center;gap:16px;align-self:stretch}.gradient-type-tab{display:flex;width:26px;height:26px;padding:4px;justify-content:center;align-items:center;border-radius:2px}.gradient-type-tab.active{background:#dbdfe2!important;box-shadow:0 1px 2px #0000000d}.gradient-type-tab:hover:not(.active){background:#dbdfe2}.gradient-subtype-tabs{display:flex;background:#f0f2f5;border-radius:6px;padding:2px;gap:2px;margin-bottom:12px}.gradient-subtype-inline{display:flex;align-items:center;gap:4px;margin-bottom:8px}.global-controls-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px}.global-search-container{position:relative;flex:1}.global-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.global-search-input{width:100%;padding:6px 8px 6px 28px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;outline:none;transition:all .2s}.global-search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.global-layout-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.global-layout-toggle:hover{background:#f9fafb;color:#374151}.global-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,24px);gap:6px;padding:0;margin-top:8px;width:100%;justify-content:start}.global-colors-list{display:flex;flex-direction:column;gap:4px}.global-color-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s}.global-color-row:hover{background-color:#f3f4f6}.global-color-circle{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);position:relative;flex-shrink:0}.global-colors-grid .global-color-circle{width:24px;height:24px;margin:0 auto;cursor:pointer;transition:transform .2s}.global-colors-grid .global-color-circle:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.global-color-circle.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.global-colors-grid .global-color-circle.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.global-color-label{font-size:13px;color:#374151;font-weight:500}.gradient-subtype-select{border:1px solid #b1b6bf;padding:6.5px 40px 6.5px 16px;border-radius:8px;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#1f2937;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:38px;box-sizing:border-box;line-height:1.4;width:100%}.gradient-subtype-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-subtype-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-subtype-select option{padding:12px 16px;background-color:#fff;color:#1f2937;font-size:14px;font-weight:500;border:none;outline:none;min-height:44px;line-height:1.4}.gradient-subtype-select option:hover{background-color:#f8fafc!important;color:#1f2937!important}.gradient-subtype-select option:checked,.gradient-subtype-select option:selected{background-color:#3b82f6!important;color:#fff!important;font-weight:600}.gradient-subtype-select option:disabled{background-color:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed}.gradient-subtype-tab{flex:1;padding:6px 12px;border:none;background:transparent;color:#667085;cursor:pointer;border-radius:4px;font-size:12px;font-weight:500;transition:all .15s ease}.gradient-subtype-tab.active{background:#fff;color:#1d2939;box-shadow:0 1px 2px #0000000d}.gradient-subtype-tab:hover:not(.active){background:#e5e7eb;color:#374151}.gradient-angle-controls{display:flex;align-items:center;gap:12px}.gradient-angle-input{flex:1;display:flex;align-items:center;gap:8px}.gradient-angle-input select{flex:1;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#1f2937;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.gradient-angle-input select:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-angle-input select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-angle-input select option{padding:12px 16px;background-color:#fff;color:#1f2937;font-size:14px;font-weight:500;border:none;outline:none}.gradient-angle-input select option:hover{background-color:#f8fafc;color:#1f2937}.gradient-angle-input select option:checked,.gradient-angle-input select option:selected{background-color:#3b82f6;color:#fff}.gradient-angle-input select option:disabled{background-color:#f1f5f9;color:#94a3b8}.gradient-degree-input{border:1px solid #919eab33;padding:6.5px 16px;border-radius:8px;max-width:75px;background:#fff;color:#1f2937;font-size:14px;font-weight:500;width:80px;text-align:center;outline:none;transition:all .2s ease;min-height:38px}.gradient-degree-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-degree-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-degree-input:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)!important;border-color:var(--action-selected, #919eab29)!important}.gradient-flip-btn{max-width:36px;height:38px;width:100%;border-radius:6px;background:#919eab29;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;transition:all .2s ease}.gradient-flip-btn:hover{background:#e3e2e4;color:#374151}.gradient-flip-btn:active{transform:scale(.95)}.custom-color-picker{position:fixed;width:306px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;z-index:10001;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:box-shadow .2s ease}.color-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:10000}.custom-color-picker.dragging{box-shadow:0 25px 30px -5px #00000026,0 15px 15px -5px #00000014;cursor:move}.color-picker-header{display:flex;justify-content:space-between;align-items:center;padding:10.5px 20px;background:#fff;cursor:move}.color-picker-header span{font-size:16px;font-weight:600;color:#111827}.color-picker-close{width:28px;height:28px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;transition:all .15s ease}.color-picker-close:hover{background:#f3f4f6;color:#374151}.color-picker-area{height:268px;margin:8px;border-radius:12px;position:relative;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,red);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-area.embedded{width:100%;height:200px;margin:0 0 16px;position:relative;border-radius:8px;overflow:hidden}.color-picker-marker{position:absolute;border-radius:50%;width:20px;height:20px;border:3px solid #ffffff;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.embedded-color-picker-content .color-picker-marker,.embedded-color-picker-content .color-picker-hue-marker,.embedded-color-picker-content .color-picker-opacity-marker{width:16px;height:16px;border:2px solid #ffffff}.color-picker-marker:before{content:"";width:12px;height:12px;background:transparent;border-radius:50%}.color-picker-hue{width:100%;height:12px;margin:0;border-radius:8px;position:relative;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-hue.embedded{width:100%;margin:0;height:14px}.color-picker-sliders-container{display:flex;align-items:flex-start;gap:8px;width:100%;margin:0 auto 20px;max-width:368px;padding:0 20px}.custom-color-picker .color-picker-sliders-container{max-width:368px;padding:4px 8px}.color-picker-sliders-container.embedded{max-width:260px;margin:0 auto 16px;padding:0}.color-picker-sliders-group{display:flex;flex-direction:column;gap:12px;flex:1}.color-picker-eyedropper{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:auto}.color-picker-eyedropper:hover{background-color:#0000000d}.color-picker-eyedropper:active{transform:scale(.95)}.color-picker-eyedropper svg{width:18px;height:18px}.color-picker-hue-marker{position:absolute;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:#fff;display:flex;align-items:center;justify-content:center}.color-picker-hue-marker:before{content:"";width:8px;height:8px;background:transparent;border-radius:50%}.color-picker-opacity{width:100%;height:12px;margin:0;border-radius:12px;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3Crect x='3' y='3' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E"),linear-gradient(to right,var(--base-color-transparent, rgba(255, 0, 0, 0)),var(--base-color, #ff0000));background-size:6px 6px,100% 100%;background-position:0 0,0 0;background-repeat:repeat,no-repeat}.color-picker-opacity.embedded{width:100%;margin:0;height:14px}.color-picker-opacity-marker{position:absolute;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:#fff;display:flex;align-items:center;justify-content:center}.color-picker-opacity-marker:before{content:"";width:8px;height:8px;background:transparent;border-radius:50%}.color-picker-format-section{display:flex;align-items:center;padding:0 20px 20px;gap:4px}.color-picker-format-section.embedded{padding:0 4px}.color-picker-format-select{padding:8px;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;color:#374151;background:#fff;outline:none;transition:all .15s ease;min-width:70px;cursor:pointer}.color-picker-format-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.color-picker-format-select:hover{border-color:#cbd5e1}.color-picker-input-container{position:relative;flex:1;display:flex;align-items:center}.color-picker-color-input{flex:1;width:100%;padding:8px 55px 8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;color:#111827;background:#fff;outline:none;transition:all .15s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.color-picker-color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-picker-copy-inside{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:45px;height:26px;border-radius:6px;border:none;gap:8px;padding:4px 8px;background:var(--action-selected, #919eab29);color:var(--text-secondary, #637381);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none;opacity:1}.color-picker-copy-inside:hover{background:#919eab66}.color-picker-copy-inside:active{transform:translateY(-50%) scale(.95)}.color-picker-copy{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none}.color-picker-copy:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.color-picker-copy:active{transform:scale(.98)}.custom-color-button{width:44px;height:44px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease;background:#fff}.custom-color-button:hover{border-color:#cbd5e1;transform:scale(1.02)}.custom-color-button:active{transform:scale(.98)}.custom-color-button-color{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;background:var(--color, #000000)}.embedded-color-picker{padding:0}.embedded-color-picker-content{width:100%;font-family:system-ui,-apple-system,sans-serif}.color-picker-recent-section{padding:16px 0;border-top:1px solid #f3f4f6}.custom-color-picker .color-picker-recent-section{padding:16px 8px}.color-picker-recent-section.embedded{padding:12px 0}.color-picker-recent-title{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:.75rem;line-height:1.66;letter-spacing:.03333em;color:#637381;margin-bottom:8px}.color-picker-recent-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:8px}.color-picker-recent-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;background-color:#fff;background-size:cover;background-position:center}.color-picker-recent-swatch:hover{border-color:#0003;box-shadow:0 2px 8px #00000026;z-index:1}.color-picker-recent-swatch:active{transform:scale(.95)}.color-picker-recent-placeholder{font-size:11px;color:#9ca3af;text-align:center;font-style:italic;padding:8px 0;display:none}.color-picker-tooltip{position:fixed;background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;transform:translate(-50%);margin-top:4px;box-shadow:0 2px 8px #00000026}.color-picker-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000000e6}.string-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.string-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.string-setting-wrapper .string-setting-wrapper{display:block;width:100%}.color-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.color-input-wrapper{position:relative;width:100%;justify-self:end}.color-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:36px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-text-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-text-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.color-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-picker{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;cursor:pointer;z-index:2}.color-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #e4e7ec);flex-shrink:0;transition:transform var(--transition-fast, .15s ease);pointer-events:none;background-color:#fff}.color-preview:hover{transform:translateY(-50%) scale(1.05)}.setting-group .setting-group .color-setting-wrapper{min-height:36px}.setting-group .setting-group .color-input-wrapper{max-width:120px}.setting-group .setting-group .color-text-input{height:32px;padding:6px 10px 6px 32px;font-size:13px}.setting-group .setting-group .color-preview,.setting-group .setting-group .color-picker{left:6px;width:18px;height:18px}.setting-group .setting-group .setting-group .color-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .color-input-wrapper{max-width:100px}.setting-group .setting-group .setting-group .color-text-input{height:28px;padding:4px 8px 4px 28px;font-size:12px}.setting-group .setting-group .setting-group .color-preview,.setting-group .setting-group .setting-group .color-picker{left:4px;width:16px;height:16px}.color-input-wrapper.error .color-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.color-input-wrapper.error .color-text-input:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.color-input-wrapper.disabled .color-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-picker:focus-visible+.color-preview{outline-offset:2px}.color-setting-tabs{display:flex;gap:4px;margin-bottom:8px;background:#f2f4f7;padding:2px;border-radius:6px}.color-tab{flex:1;border:none;background:transparent;padding:4px 8px;font-size:12px;font-weight:500;color:#667085;cursor:pointer;border-radius:4px;transition:all .2s}.color-tab:hover{color:#1d2939;background:#ffffff80}.color-tab.active{background:#fff;color:#1d2939;box-shadow:0 1px 2px #1018280d}.color-content-global{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px}.global-color-btn{width:24px;height:24px;border-radius:50%;border:1px solid #eaecf0;cursor:pointer;transition:transform .1s;padding:0}.global-color-btn:hover{transform:scale(1.1);border-color:#d0d5dd}.global-color-btn.active{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f333}.color-with-opacity-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.color-with-opacity-controls-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-sm, 8px);justify-self:end;width:100%}.color-with-opacity-input-wrapper,.color-with-opacity-opacity-wrapper{position:relative;width:100%}.color-with-opacity-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:36px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-with-opacity-text-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-with-opacity-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-with-opacity-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-with-opacity-picker{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;cursor:pointer;z-index:2}.color-with-opacity-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #e4e7ec);flex-shrink:0;transition:transform var(--transition-fast, .15s ease);pointer-events:none;background-color:#fff;cursor:pointer;overflow:hidden}.color-with-opacity-preview:hover{transform:translateY(-50%) scale(1.05)}.color-with-opacity-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;z-index:-1}.color-with-opacity-opacity-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:20px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-with-opacity-opacity-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-with-opacity-opacity-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-with-opacity-opacity-suffix{position:absolute;right:var(--space-sm, 8px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.color-with-opacity-opacity-input::-webkit-inner-spin-button,.color-with-opacity-opacity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-with-opacity-opacity-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .color-with-opacity-setting-wrapper{min-height:36px}.setting-group .setting-group .color-with-opacity-controls-wrapper{max-width:120px}.setting-group .setting-group .color-with-opacity-input-wrapper,.setting-group .setting-group .color-with-opacity-opacity-wrapper{width:100%}.setting-group .setting-group .color-with-opacity-text-input,.setting-group .setting-group .color-with-opacity-opacity-input{height:32px;padding:6px 10px;font-size:13px}.setting-group .setting-group .color-with-opacity-text-input{padding-left:32px}.setting-group .setting-group .color-with-opacity-preview,.setting-group .setting-group .color-with-opacity-picker{left:6px;width:18px;height:18px}.setting-group .setting-group .color-with-opacity-opacity-input{padding-right:20px}.setting-group .setting-group .color-with-opacity-opacity-suffix{right:8px;font-size:11px}.setting-group .setting-group .setting-group .color-with-opacity-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .color-with-opacity-controls-wrapper{max-width:100px}.setting-group .setting-group .setting-group .color-with-opacity-input-wrapper,.setting-group .setting-group .setting-group .color-with-opacity-opacity-wrapper{width:100%}.setting-group .setting-group .setting-group .color-with-opacity-text-input,.setting-group .setting-group .setting-group .color-with-opacity-opacity-input{height:28px;padding:4px 8px;font-size:12px}.setting-group .setting-group .setting-group .color-with-opacity-text-input{padding-left:28px}.setting-group .setting-group .setting-group .color-with-opacity-preview,.setting-group .setting-group .setting-group .color-with-opacity-picker{left:4px;width:16px;height:16px}.setting-group .setting-group .setting-group .color-with-opacity-opacity-input{padding-right:20px}.setting-group .setting-group .setting-group .color-with-opacity-opacity-suffix{right:8px;font-size:10px}.color-with-opacity-input-wrapper.error .color-with-opacity-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.color-with-opacity-input-wrapper.disabled .color-with-opacity-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.html-setting-wrapper{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.html-setting-wrapper .icon-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.html-setting-wrapper .icon-container label{color:var(--Gray-800, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0}.html-setting-wrapper .icon-container img{width:20px;height:20px;object-fit:contain}.html-setting-textarea{width:100%;min-height:120px;padding:12px;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;border-radius:8px;color:var(--Gray-900, #101828);border:1px solid var(--Gray-300, #d0d5dd);background:var(--Base-White, #fff);resize:vertical;min-width:0;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.html-setting-textarea:focus{outline:none}.html-setting-textarea::placeholder{color:var(--Gray-500, #667085);font-style:italic}.html-setting-textarea:disabled{background-color:var(--Gray-50, #f9fafb);color:var(--Gray-500, #667085);cursor:not-allowed}@media (max-width: 768px){.html-setting-textarea{font-size:12px;padding:10px;min-height:100px}}.html-setting-textarea::-webkit-scrollbar{width:8px}.html-setting-textarea::-webkit-scrollbar-track{background:var(--Gray-100, #f2f4f7);border-radius:4px}.html-setting-textarea::-webkit-scrollbar-thumb{background-color:var(--Gray-300, #d0d5dd);border-radius:4px;border:2px solid transparent;background-clip:content-box}.html-setting-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--Gray-400, #98a2b3)}.html-setting-textarea{scrollbar-width:thin;scrollbar-color:var(--Gray-300, #d0d5dd) var(--Gray-100, #f2f4f7)}.html-setting-textarea[data-syntax=html]{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;-moz-tab-size:2;tab-size:2}.number-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.number-setting-input-container{position:relative;width:100%;justify-self:end}.number-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:44px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.number-setting-input::placeholder{color:var(--color-text-muted, #98a2b3)}.number-setting-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.number-setting-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.number-setting-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.suffix-label{position:absolute;right:var(--space-md, 12px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.number-setting-input::-webkit-inner-spin-button,.number-setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-setting-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .number-setting-wrapper{min-height:36px}.setting-group .setting-group .number-setting-input-container{max-width:120px}.setting-group .setting-group .number-setting-input{height:32px;padding:6px 36px 6px 10px;font-size:13px}.setting-group .setting-group .suffix-label{right:10px;font-size:11px}.setting-group .setting-group .setting-group .number-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .number-setting-input-container{max-width:100px}.setting-group .setting-group .setting-group .number-setting-input{height:28px;padding:4px 32px 4px 8px;font-size:12px}.setting-group .setting-group .setting-group .suffix-label{right:8px;font-size:10px}.number-setting-input.error{border-color:#f04438;background:#fff4f4;color:#f04438}.number-setting-input.error:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.number-setting-input:focus-visible{outline-offset:2px}.opacity-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.icon-container{display:flex;align-items:center;gap:var(--space-sm, 8px)}.input-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted, #98a2b3)}.input-icon svg{width:16px;height:16px}.input-label{color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:500;line-height:1.4}.opacity-setting-input-container{position:relative;width:100%;justify-self:end}.opacity-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:44px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.opacity-setting-input::placeholder{color:var(--color-text-muted, #98a2b3)}.opacity-setting-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.opacity-setting-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.opacity-setting-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.opacity-suffix{position:absolute;right:var(--space-md, 12px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.opacity-setting-input::-webkit-inner-spin-button,.opacity-setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.opacity-setting-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .opacity-setting-wrapper{min-height:36px}.setting-group .setting-group .opacity-setting-input-container{max-width:120px}.setting-group .setting-group .opacity-setting-input{height:32px;padding:6px 36px 6px 10px;font-size:13px}.setting-group .setting-group .opacity-suffix{right:10px;font-size:11px}.setting-group .setting-group .setting-group .opacity-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .opacity-setting-input-container{max-width:100px}.setting-group .setting-group .setting-group .opacity-setting-input{height:28px;padding:4px 32px 4px 8px;font-size:12px}.setting-group .setting-group .setting-group .opacity-suffix{right:8px;font-size:10px}.opacity-setting-input.error{border-color:#f04438;background:#fff4f4;color:#f04438}.opacity-setting-input.error:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.opacity-setting-input:focus-visible{outline-offset:2px}.select-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;position:relative;width:100%;min-height:40px;z-index:1}.select-container .select-options{position:fixed;z-index:99999;max-width:300px;min-width:200px}.setting-group .select-container,.tab-content .select-container,.tabs-settings-container .select-container{position:relative;z-index:1}.select-container .icon-container{display:flex;align-items:center;margin-bottom:0}.select-container .icon-container .input-label{color:var(--color-text-secondary, #667085);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-sm, 12px);font-style:normal;font-weight:400;line-height:1.4}.select-button{place-self:end;max-width:140px;width:100%;height:36px;min-height:36px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 var(--space-md, 12px);border-radius:var(--radius-lg, 8px);border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);cursor:pointer;font-size:var(--font-size-md, 14px);font-weight:400;color:var(--color-text, #1d2939);position:relative;transition:all var(--transition-fast, .15s ease);box-shadow:0 1px 2px #1018280d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.select-button:hover{border-color:var(--color-border-hover, #d0d5dd);box-shadow:0 1px 3px #1018281a}.select-button:focus{outline:none}.select-button.has-label{padding-top:0;height:36px}.select-button .select-label{position:absolute;top:8px;left:16px;color:#667085;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.select-button .select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.select-button.loading{position:relative;color:#6e7891;background-color:#f9fafb;pointer-events:none;padding-left:36px!important}.select-button.loading:before{content:"";position:absolute;left:10px;top:25%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid #02cc59;border-radius:50%;animation:select-spin 1s linear infinite;z-index:2}@keyframes select-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-button.error{border-color:#f04438;color:#f04438;background-color:#fff4f4}.select-options{display:none;position:fixed!important;z-index:99999!important;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style-type:none;flex-direction:column;color:#101828;align-items:flex-start;border:1px solid #e4e7ec;background:#fff;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:translateY(-8px);min-width:200px;max-width:300px}.select-options.open{display:flex;opacity:1;transform:translateY(0);animation:select-fade-in .2s ease forwards}@keyframes select-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:10px 12px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#344054;border-radius:6px;transition:background-color .15s ease;font-size:14px}.select-option:hover{background:#f9fafb}.select-option.selected{background:#b6dfc8;color:#344054;font-weight:400}.svg-container{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;z-index:1}.svg-container .svg-select{stroke:#667085;transition:transform .3s ease;width:16px;height:16px}.svg-container.open .svg-select{transform:rotate(180deg)}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:transparent;border-radius:8px}.select-options::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:8px}.select-options::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.select-option.empty-message{text-align:center;color:#6e7891;font-style:italic;cursor:default;justify-content:center}.setting-group .setting-group .select-container{min-height:36px}.setting-group .setting-group .select-button{height:32px;min-height:32px;max-width:120px;font-size:13px;padding:0 32px 0 10px}.setting-group .setting-group .select-container .icon-container .input-label{font-size:11px}.setting-group .setting-group .setting-group .select-container{min-height:32px}.setting-group .setting-group .setting-group .select-button{height:28px;min-height:28px;max-width:100px;font-size:12px;padding:0 28px 0 8px}.setting-group .setting-group .setting-group .select-container .icon-container .input-label{font-size:10px}.setting-group .setting-group .svg-container,.setting-group .setting-group .setting-group .svg-container{right:8px;width:16px;height:16px}.setting-group .setting-group .svg-container .svg-select,.setting-group .setting-group .setting-group .svg-container .svg-select{width:12px;height:12px}.align-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.align-setting-label{font-size:12px;color:var(--color-text)}.align-options-container{width:120px;color:#0006;background-color:#f5f6f7;border-radius:9999px;padding:4px 13px;display:flex;gap:8px;justify-self:flex-end}.align-option-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s}.align-option-button:hover{background-color:#fff}.align-option-button.selected{background-color:var(--color-white);color:var(--color-black)}.button-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.button-setting{display:flex;height:30px;min-width:64px;padding:0;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border:1px solid rgba(145,158,171,.32);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.01em;text-align:center}.dimension-setting-container{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.dimension-bracket{width:18px;height:42px;position:absolute;top:16px;right:122px;display:flex;align-items:center;justify-content:center;z-index:1}.dimension-bracket:before{content:"";position:absolute;width:13px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'><path d='M14 1H5C2.79086 1 1 2.79086 1 5V15' stroke='%23667085'/></svg>") no-repeat center center;background-size:contain;top:0;right:1px}.dimension-bracket:after{content:"";position:absolute;width:13px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'><path d='M14 14H5C2.79086 14 1 12.2091 1 10V4.76837e-07' stroke='%23667085'/></svg>") no-repeat center center;background-size:contain;bottom:0;right:1px}.dimension-lock-icon{transform:translate(-.25rem);width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#667085;z-index:1;border-radius:4px;transition:all .2s ease}.dimension-lock-icon:hover{background-color:#f5f5f5;transform:translate(-.25rem) scale(1.1)}.dimension-setting-container.aspect-locked .dimension-lock-icon{color:#02cc59;background-color:#02cc591a;box-shadow:0 0 0 1px #02cc5933}.dimension-setting-container.aspect-locked .dimension-bracket:before,.dimension-setting-container.aspect-locked .dimension-bracket:after{filter:hue-rotate(210deg) saturate(2)}@media (max-width: 480px){.dimension-bracket{right:100px}}.upload-setting-wrapper{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.icon-title-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.icon-title-container .input-label{color:#344054;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.preview-button-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%;gap:12px;border-radius:12px}.preview-button-container.no-image{justify-content:center}.preview-button-container.no-image .preview-placeholder{display:none}.preview-button-container.no-image .upload-button{width:100%;min-width:140px;flex-grow:1;margin:0 auto}.no-image .preview-placeholder{display:none!important}.preview-wrapper{position:relative;width:91px;height:71px;border-radius:4px;overflow:hidden;background-color:#d3d3d3;flex-shrink:0;display:none}.preview-wrapper.has-image{display:block}.upload-preview{width:100%;height:100%;object-fit:cover;border-radius:4px;display:none;background-position:center;background-size:146.165% 100%;background-repeat:no-repeat}.preview-wrapper.has-image .upload-preview{display:block;object-fit:contain;padding:2px}.empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#d3d3d3}.empty-state svg{width:100%;height:100%}.preview-wrapper.has-image .empty-state{display:none}.upload-button{width:100%;height:40px;display:flex;padding:5px 4px;flex-direction:row;align-items:center;gap:4px;border-radius:12px;border:1px solid var(--Gray-200, #eaecf0);background:var(--Base-White, #fff);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #1018280d;flex-grow:0;justify-content:center;min-width:90px}.preview-wrapper:not(.has-image)+.upload-button{flex-grow:0}.upload-button:hover{border-color:#d0d5dd;box-shadow:0 1px 3px #1018281a}.upload-icon{display:flex;align-items:center;justify-content:center}.upload-label{font-size:12px;font-weight:500;color:#344054}.delete-button{display:flex;width:24px;height:24px;padding:4px;justify-content:center;align-items:center;position:absolute;right:4px;top:4px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease;z-index:2}.delete-button svg{width:14px;height:14px;flex-shrink:0}.delete-button:hover{background-color:#f3f4f6}.upload-setting-wrapper.no-label .preview-button-container{grid-row:1}.preview-placeholder{display:flex;justify-content:center;align-items:center;width:91px;height:71px;border-radius:4px;background-color:#f2f4f7;flex-shrink:0}.preview-button-container:not(:has(.preview-wrapper.has-image)) .preview-placeholder{display:flex}.upload-setting-wrapper .error-message{color:#f04438;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.4;margin-top:4px;margin-bottom:8px;padding:8px 12px;background-color:#fff4f4;border:1px solid #fecdca;border-radius:6px;display:none;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-setting-wrapper .error-message:before{content:"⚠️";margin-right:6px}.preview-wrapper.loading{display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.preview-wrapper.loading .upload-preview{display:none}.loading-spinner{width:29px;height:29px;display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}.loading-spinner svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--im-bg: #f6f8fb;--im-panel: #ffffff;--im-panel-strong: #f1f4f9;--im-card: #ffffff;--im-border: #d7deea;--im-border-strong: #c3d2ea;--im-text: #0f172a;--im-text-subtle: #4b5565;--im-accent: #3ca4ff;--im-accent-strong: #2f7bd1;--im-danger: #f04438;--im-success: #12b76a;--im-shadow: 0 10px 30px rgba(15, 23, 42, .12);--im-radius: 14px;--font: "Public Sans"}.image-map-setting-wrapper{display:grid;grid-template-columns:1fr;gap:12px;width:100%;font-family:var(--font)}.icon-container{display:flex;align-items:center;gap:8px}.input-label{color:#1f2937;font-size:14px;font-weight:600}.input-icon{display:flex;align-items:center;justify-content:center}.image-map-sections-container{display:flex;flex-direction:column;gap:16px}.image-map-section{display:flex;flex-direction:column;gap:8px}.image-map-section-title{color:#46525c;margin:0;font-family:var(--font);font-size:14px;font-style:normal;font-weight:600;line-height:150%}.image-map-upload-box{position:relative;display:flex;align-items:center;justify-content:center;height:40px;background:#f9fafb;border:1px solid rgba(145,158,171,.2);border-radius:12px;padding:4px;gap:12px;transition:all .2s ease}.image-map-upload-box:hover{border-color:#c7d5ed}.image-map-upload-box.has-image{border-style:solid;background:#eff1f2;justify-content:space-between;padding:4px!important;border-radius:12px;gap:12px;height:60px}.image-map-thumbnail-wrapper{position:relative;display:none;flex-shrink:0}.image-map-upload-box.has-image .image-map-thumbnail-wrapper{display:block}.image-map-thumbnail-main{width:121px;height:52px;background:#fff;object-fit:cover;border-radius:8px;display:block}.image-map-upload-label{cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;transition:all .2s ease;margin-right:22px}.upload-text{color:#637381;font-family:var(--font);font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:0;display:flex}.image-map-upload-box.has-image .image-map-upload-label{position:static;opacity:1;background:transparent;flex:1;display:flex;align-items:center;justify-content:end;padding-right:4px;max-width:fit-content}.image-map-upload-box.has-image .upload-text{display:none}.image-map-upload-box.has-image .image-map-upload-label:after{content:"Replace";color:#637381;font-family:var(--font);font-size:12px;font-weight:600}.upload-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%}.upload-icon svg{width:15px;height:16px}.image-map-upload-box.has-image .upload-icon{background:transparent;width:24px;height:24px}.image-map-upload-box.has-image .upload-icon svg{width:18px;height:18px}.upload-icon-default{display:flex}.upload-icon-replace,.image-map-upload-box.has-image .upload-icon-default{display:none}.image-map-upload-box.has-image .upload-icon-replace{display:flex}.image-map-delete-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:18px;height:18px;display:none;align-items:center;justify-content:center;background:#eff1f2;border:1px solid #ff5630;border-radius:500px;cursor:pointer;transition:all .2s ease;z-index:10;padding:0}.image-map-upload-box.has-image .image-map-delete-btn{display:flex;width:28px;height:28px}.image-map-delete-btn svg{width:14px;height:15px;flex-shrink:0}.image-map-button{display:flex;align-items:center;gap:12px;padding:4px;border-radius:12px;background:#f9fafb;border:1px solid #dce3ef;cursor:pointer;transition:all .2s ease;min-height:40px;border:1px solid rgba(145,158,171,.2);color:#0f172a;font-weight:600;justify-content:center}.image-map-button:hover:not(:disabled){border-color:#c7d5ed}.image-map-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.image-map-thumbnail{width:72px;height:52px;object-fit:cover;border-radius:8px;display:none;border:1px solid var(--im-border);background:#eef2f8}.image-map-button.has-image .image-map-thumbnail{display:block}.image-map-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.image-map-icon svg{width:18px;height:18px;aspect-ratio:1/1}.image-map-button.has-image .image-map-icon{display:none}.image-map-marker-count{color:#637381;font-family:var(--font);font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:0}.image-map-button.has-image .image-map-marker-count{color:#0f172a;font-size:14px;font-weight:600}.image-map-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:1;pointer-events:none}.image-map-popover{position:fixed;z-index:1;width:580px;max-width:94vw;height:600px;max-height:90vh;background:#fff;border-radius:var(--im-radius);border:1px solid var(--im-border-strong);box-shadow:0 20px 50px #0f172a29;display:flex;flex-direction:column;overflow:hidden;color:var(--im-text);gap:16px;padding:16px;z-index:99}.image-map-header{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.image-map-title{margin:0;font-size:18px;font-weight:600;color:#1c252e;line-height:150%}.image-map-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:all .2s ease;padding:0}.image-map-close-btn:hover{background:#dbdfe2}.image-map-content{overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.image-map-main-layout{display:flex;gap:16px;height:100%;min-height:0}.image-map-image-section{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}.prize-list-section{width:200px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.upload-section-wrapper{display:flex;flex-direction:column;gap:20px}.upload-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 12px}.upload-section{display:flex;align-items:center;justify-content:center;min-height:180px;background:#f9fbfe;border:1px dashed #d7deea;border-radius:var(--im-radius)}.upload-label{cursor:pointer;width:100%;border:none;padding:0;background:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px;border:none;border-radius:var(--im-radius);background:transparent;transition:all .2s ease;color:#0f172a}.upload-placeholder:hover{background:#eef3fb}.upload-placeholder span{color:#0f172a;font-size:15px;font-weight:600}.upload-label.map-config-btn .upload-placeholder{border:1px solid #d7deea;border-radius:var(--im-radius);background:#fff}.upload-label.map-config-btn .upload-placeholder:hover{background:#f0f4fb;border-color:#c7d5ed}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:12px}.place-prize-text{color:var(--Blue-blue-1000, #1c252e);font-family:var(--font);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.undo-redo-group{display:flex;gap:8px;flex:0 0 auto;margin-left:11px}.prize-counter-inline{color:var(--Blue-blue-500, #637381);text-align:right;font-family:var(--font);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.prize-counter-inline.complete{background:#f0fbf4;color:var(--im-success);border-color:#12b76a66}.action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;color:#0f172a;border-radius:2px}.action-btn:hover:not(:disabled){background:#dbdfe2}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn:disabled svg path{fill:#454f5b}.action-btn svg path{fill:#0f172a}.bottom-buttons{display:flex;justify-content:flex-end;gap:16px}.bottom-buttons>button,.bottom-buttons>.done-btn-wrapper{max-width:110px;width:100%}.clear-all-btn{display:flex;justify-content:center;align-items:center;gap:2px;border:1px solid var(--Blue-blue-100, #cfd4d8);border-radius:8px}.clear-all-btn svg{width:18px;height:18px;aspect-ratio:1/1}.clear-all-btn span{color:var(--Blue-blue-700, #46525c);text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:150%;text-transform:capitalize}.clear-all-btn:hover{border-radius:8px;border:1px solid var(--Blue-blue-100, #cfd4d8);background:var(--Blue-blue-50, #eff1f2)}.done-btn{display:flex;justify-content:center;align-items:center;gap:4px;border-radius:8px;background:var(--Blue-blue-1000, #1c252e);padding:8px 12px;color:var(--Blue-blue-50, #eff1f2);text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:150%;text-transform:capitalize;width:100%}.done-btn:hover:not(:disabled){border-radius:8px;background:var(--Blue-blue-900, #2a3036)}.done-btn:disabled{border-radius:8px;opacity:.5;background:var(--Blue-blue-1000, #1c252e)}.done-btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.done-btn-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,25%);display:none;flex-direction:column;align-items:center;pointer-events:none;z-index:1000}.done-btn-wrapper.has-tooltip:hover .done-btn-tooltip{display:flex}.done-btn-tooltip-content{display:flex;padding:var(--tooltip-py, 3px) var(--tooltip-px, 6px);justify-content:center;align-items:center;border-radius:var(--radius-075, 6px);background:var(--Blue-blue-1000, #1c252e);color:#fff;font-family:var(--font);line-height:150%;white-space:nowrap;text-align:center;font-size:11px;font-style:normal;font-weight:400}.done-btn-tooltip-tail{width:8px;height:4px;display:flex;align-items:center;justify-content:center;margin-top:-1px}.done-btn-tooltip-tail svg{width:8px;height:4px;fill:var(--Blue-blue-1000, #1c252e)}.image-map-error-tooltip{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none;transform:translate(-50%,-100%);opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:200}.image-map-error-tooltip.visible{opacity:1;transform:translate(-50%,calc(-100% - 2px))}.image-map-error-tooltip-content{display:flex;padding:var(--tooltip-py, 3px) var(--tooltip-px, 6px);justify-content:center;align-items:center;border-radius:6px;background:#ff5630;color:var(--components-tooltip-color, #fff);text-align:center;font-family:var(--font);font-size:11px;font-style:normal;font-weight:400;line-height:150%;box-shadow:0 10px 24px #f044384d;white-space:nowrap}.image-map-error-tooltip-tail{width:8px;height:4px;display:flex;align-items:center;justify-content:center}.image-map-error-tooltip-tail svg{width:8px;height:4px;display:block}.image-map-error-tooltip-tail path{fill:#ff5630}.image-map-container{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px}.image-map-container::-webkit-scrollbar{width:4px}.image-map-container::-webkit-scrollbar-track{background:#eff1f2}.image-map-container::-webkit-scrollbar-thumb{background:var(--Blue-blue-300, #96a1ab);border-radius:100px}.image-map-container::-webkit-scrollbar-thumb:hover{background:#7a8691}.image-map-wrapper{position:relative;width:100%;background:#fff;min-height:fit-content}.image-map-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;border-radius:8px}.prize-counter{font-size:14px;font-weight:700;color:var(--im-text);padding:10px 12px;background:#fff;border-radius:10px;border:1px solid var(--im-border);text-align:center}.prize-counter.complete{background:#f0fbf4;color:var(--im-success);border-color:#12b76a66}.prize-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f9fbfe;padding:2px;border-radius:10px}.prize-item{padding:12px;background:var(--im-card);border:1px solid var(--im-border);border-radius:12px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;box-shadow:inset 0 1px #ffffffb3}.prize-item.placed{border-color:#12b76a66;background:#f0fbf4}.prize-item.missing{border-color:#f0443840;background:#fff5f5}.prize-index{width:32px;height:32px;border-radius:8px;background:#f0f4fb;border:1px solid var(--im-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--im-text)}.prize-label{display:flex;flex-direction:column;gap:2px}.prize-title{font-weight:700;color:#0f172a;font-size:14px}.prize-subtitle{color:#4b5565;font-size:12px}.prize-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6}.prize-status.placed{box-shadow:0 0 0 1px #12b76a40}.prize-status.missing{box-shadow:0 0 0 1px #f0443840}.prize-list-empty{padding:16px 10px;text-align:center;color:var(--im-text-subtle);font-size:12px}.sidebar-save-btn{padding:12px 16px;background:linear-gradient(145deg,#2f7bd1,#3ca4ff);color:#fff;border:1px solid rgba(60,164,255,.4);border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 12px 30px #2f7cd14d}.sidebar-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #3ca4ff59}.sidebar-save-btn:disabled{background:#e4eaf5;color:#7a869c;border-color:var(--im-border);cursor:not-allowed;box-shadow:none}.marker-container{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(-13.5px,-34px);z-index:10;cursor:grab}.marker-container.dragging{cursor:grabbing;z-index:30}.marker-container.dragging .image-map-marker{transform:scale(1.1)}.image-map-marker{width:27px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;-webkit-user-select:none;user-select:none;transition:transform .15s ease,filter .2s ease;position:relative;filter:drop-shadow(0 4px 12px rgba(240,68,56,.4))}.image-map-marker svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.marker-number{pointer-events:none;position:relative;z-index:1;margin-top:-8px}.marker-delete-btn{position:absolute;top:-10px;right:-8px;width:18px;height:18px;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease;z-index:50;pointer-events:auto;box-shadow:0 2px 1px #00000040;border-radius:100%}.marker-container:hover .marker-delete-btn{display:flex}.marker-cursor-tooltip{position:absolute;display:none;width:18px;height:18px;padding:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:23px;background:#f04438cc;color:#fff;font-size:11px;font-weight:700;pointer-events:none;z-index:100;transform:translate(10px,10px)}.marker-cursor-tooltip.visible{display:flex}.image-map-error-toast{font-family:var(--font)}.image-map-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:11000;display:flex;align-items:center;justify-content:center;padding:16px}.image-map-confirm-modal{background:#fff;border:1px solid #dce3ef;border-radius:16px;width:360px;max-width:90vw;padding:20px;color:#0f172a;box-shadow:0 20px 50px #0f172a2e;transform:translateY(12px);opacity:0;transition:all .15s ease}.image-map-confirm-modal.visible{transform:translateY(0);opacity:1}.confirm-header{font-weight:700;font-size:16px;margin-bottom:8px}.confirm-body{font-size:14px;color:#4b5565;margin-bottom:18px;line-height:1.4}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:10px 14px;border-radius:10px;border:1px solid #dce3ef;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;transition:all .15s ease;min-width:100px}.confirm-btn.ghost:hover{border-color:#c7d5ed;background:#eef3fb}.confirm-btn.danger{background:linear-gradient(145deg,#f04438,#c72f28);border-color:#f0443866;color:#fff}.confirm-btn.danger:hover{box-shadow:0 12px 24px #f044384d;transform:translateY(-1px)}.simple-prize-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding:12px 8px 4px 4px;flex:1;min-height:0;border-radius:4px;border:1px solid var(--Blue-blue-50, #eff1f2);background:#fff}.simple-prize-list::-webkit-scrollbar{width:4px}.simple-prize-list::-webkit-scrollbar-track{background:#eff1f2}.simple-prize-list::-webkit-scrollbar-thumb{background:var(--Blue-blue-300, #96a1ab);border-radius:100px}.simple-prize-list::-webkit-scrollbar-thumb:hover{background:#7a8691}.simple-prize-item{display:grid;grid-template-columns:35px 1fr 20px;padding:2px 4px;place-content:center;align-items:center;border-bottom:1px solid #eff1f2;height:25px}.simple-prize-text{color:var(--Blue-blue-1000, #1c252e);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-family:var(--font)}.simple-prize-item.placed .simple-prize-text{color:#1c252e}.simple-prize-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.simple-prize-check svg{width:14px;height:14px}.height-setting{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.height-setting-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2px}.height-input-wrapper{position:relative;padding:8px 8px 8px 4px;width:120px;height:33px;display:flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg)}.height-text-input{border:none;outline:none;width:65px;color:var(--color-input-text);font-size:14px;text-align:center;background:transparent}.width-setting{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.width-setting-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2px}.width-input-wrapper{position:relative;padding:8px 8px 8px 4px;width:120px;height:33px;display:flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg)}.width-text-input{border:none;outline:none;width:65px;color:var(--color-input-text);font-size:14px;text-align:center;background:transparent}.width-setting .number-setting{width:100%}.select-api-container{display:grid;grid-template-columns:1fr;place-content:center;align-items:center;position:relative;width:100%}.select-api-button{width:100%;height:33px;min-height:33px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 16px;border-radius:8px;border:1px solid var(--color-border, #e4e7ec);background:#fff;cursor:pointer;color:#344054;font-family:Satoshi;font-size:14px;font-style:normal;font-weight:500;line-height:normal;position:relative;transition:all .2s ease;box-shadow:0 1px 2px #1018280d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:40px!important}.select-api-button:hover{border-color:#d0d5dd;box-shadow:0 1px 3px #1018281a}.select-api-button:focus{outline:none;border-color:#b6dfc8;box-shadow:0 0 0 4px #7f56d91a}.select-api-button .select-label{position:absolute;top:2px;color:#667085;font-family:Satoshi;font-size:12px;font-style:normal;font-weight:400;line-height:normal;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.select-api-button .select-value{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.select-api-button.loading{position:relative;color:#6e7891;background-color:#f9fafb;pointer-events:none;padding-left:36px!important}.select-api-button.loading:before{content:"";position:absolute;left:10px;top:25%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid #02cc59;border-radius:50%;animation:select-api-spin 1s linear infinite;z-index:2}.select-api-button.has-label.loading{padding-left:36px!important}.select-api-button.has-label.loading .select-value{padding-left:0}.select-api-button.has-label.loading:before{top:18px;left:10px}@keyframes select-api-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-api-button.error{border-color:#f04438;color:#f04438;background-color:#fff4f4}.select-api-options{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style-type:none;z-index:1000;flex-direction:column;gap:2px;color:#101828;align-items:flex-start;border:1px solid #e4e7ec;background:#fff;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:translateY(-8px)}.select-api-options.open{display:flex;opacity:1;transform:translateY(0)}.select-api-option{padding:10px 12px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;color:#344054;border-radius:6px;transition:background-color .15s ease;font-size:13px}.select-api-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.select-api-option:hover{background:#f9fafb}.select-api-option.selected{background:#b6dfc8;color:#344054;font-weight:500}.select-api-option.disabled{opacity:.6;cursor:not-allowed;color:#6e7891}.select-api-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid #e4e7ec;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0;cursor:pointer;flex-shrink:0}.select-api-radio:checked{border-color:#02cc59;background:#fff;position:relative}.select-api-radio:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#02cc59;border-radius:50%}.svg-container{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none}.svg-container .svg-select-api{stroke:#667085;transition:transform .3s ease;width:16px;height:16px}.svg-container.open .svg-select-api{transform:rotate(180deg)}.select-api-container .icon-container{display:none}.select-api-options::-webkit-scrollbar{width:6px}.select-api-options::-webkit-scrollbar-track{background:transparent;border-radius:8px}.select-api-options::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:8px}.select-api-options::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.select-api-option.empty-message{text-align:center;color:#6e7891;font-style:italic;cursor:default;justify-content:center}.select-api-option.empty-message:hover{background:transparent}.select-api-option:focus{outline:none;box-shadow:0 0 0 2px #b6dfc8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-api-options.open{display:flex;animation:fadeIn .2s ease forwards}.select-api-button.has-label{height:48px}.toggle-setting-container{display:flex;justify-content:space-between;align-items:center;padding-left:3px;padding-right:3px;flex-wrap:wrap}.toggle-label{color:#344054;font-family:Satoshi;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;padding:2px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e4e7ec;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#02cc59}input:focus+.toggle-slider{box-shadow:0 0 1px #02cc59}input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-with-icon .toggle-label{display:flex;align-items:center;gap:8px}.toggle-icon{display:flex;align-items:center;justify-content:center;color:#667085}.toggle-description{color:#637381;width:100%;margin:8px 0 0;font-size:11px;line-height:16px}.toggle-setting-container.toggle-has-description{border:1px dashed #919EAB66;border-radius:12px;padding:12px 8px;box-sizing:border-box}.gap-settings-container{display:flex;flex-direction:column;gap:12px;width:100%}.gap-settings-title{font-size:14px;font-weight:500;color:#344054;margin-bottom:4px}.gap-input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%}.gap-label-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.gap-setting-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:#667085}.gap-setting-icon svg{width:16px;height:16px}.gap-input-label{font-size:13px;color:#667085}.gap-setting-inner-wrapper{position:relative;display:grid;grid-template-columns:1fr;place-content:center;align-items:center;width:120px}.gap-setting-input{width:100%;padding:8px;font-size:14px;border-radius:8px;color:#292b2e;border:1px solid var(--color-border);background:var(--color-bg);box-sizing:border-box}.suffix-wrapper{position:relative}.suffix-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding-left:8px;border-left:1px solid var(--color-divider);font-size:12px;color:var(--color-text)}.gap-setting-input::-webkit-outer-spin-button,.gap-setting-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gap-setting-input[type=number]{-moz-appearance:textfield}.margin-bottom-wrapper{display:grid;grid-template-columns:1fr auto;gap:auto}.margin-bottom-wrapper .setting-icon svg{width:18px;height:19px}.margin-bottom-wrapper .number-setting-input{background:#fff;min-width:95px;width:95px;padding:8px;border-radius:8px;border:1px solid #D0D5DD;font-size:14px;color:#292b2e}.margin-bottom-wrapper .setting-title{color:#667085;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.margin-top-wrapper{display:grid;grid-template-columns:1fr auto;gap:auto}.margin-top-wrapper .setting-icon svg{width:18px;height:19px}.margin-top-wrapper .number-setting-input{background:#fff;min-width:95px;width:95px;padding:8px;border-radius:8px;border:1px solid #D0D5DD;font-size:14px;color:#292b2e}.margin-top-wrapper .setting-title{color:#667085;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.simple-multi-language-wrapper{display:flex;flex-direction:column;width:100%}.simple-multi-language-title{display:flex;justify-content:space-between;align-items:center;color:var(--Blue-blue-700, #46525c);font-family:Public Sans;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.simple-multi-language-content{display:flex;flex-direction:column;gap:12px;width:100%}.multi-language-eye-icon{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s,background .2s;border-radius:2px}.multi-language-eye-icon:hover{border-radius:2px;background:var(--Blue-hover, #dbdfe2);color:#000}.simple-multi-language-row{display:flex;flex-direction:column;gap:6px}.simple-language-label{font-size:12px;font-weight:500;color:var(--color-input-text);text-transform:uppercase;letter-spacing:.5px;margin-left:2px}.simple-language-textarea{width:100%;min-height:38px;font-size:14px;border-radius:8px;color:var(--color-input-text);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;resize:none;line-height:1.4;overflow-y:hidden;box-sizing:border-box;padding:8px 12px;max-height:90px}.simple-language-textarea:focus{outline:none}.simple-language-textarea::placeholder{color:var(--color-text-muted, #6c757d);white-space:nowrap;text-overflow:ellipsis}.simple-language-textarea:placeholder-shown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-language-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.multi-language-popup{background:#fff;border-radius:16px;padding:24px 16px;max-width:580px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #919eab29;display:flex;flex-direction:column;gap:24px}.multi-language-popup-header{display:flex;justify-content:space-between;align-items:center}.multi-language-popup-title{margin:0;font-family:Public Sans,sans-serif;font-size:18px;font-weight:600;line-height:1.5;color:#1c252e}.multi-language-close-button{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;transition:background-color .2s}.multi-language-close-button:hover{border-radius:2px;background:var(--Blue-hover, #dbdfe2)}.multi-language-close-button svg{width:24px;height:24px;color:#637381}.multi-language-popup-content{display:flex;flex-direction:column;gap:8px}.multi-language-popup-content .simple-multi-language-row{display:flex;flex-direction:column;gap:4px}.multi-language-popup-content .simple-language-label{font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#637381;text-transform:uppercase}.multi-language-popup-content .simple-language-textarea{width:100%;max-height:200px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#1c252e;border:1px solid #eff1f2;background:#fff;border-radius:8px;padding:16px;resize:none;box-sizing:border-box;transition:border-color .2s;overflow-y:auto}.multi-language-popup-content .simple-language-textarea:focus{outline:none}.multi-language-popup-content .simple-language-textarea::placeholder{color:#637381}.multi-language-popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.multi-language-done-button{background:#1c252e;border:none;border-radius:8px;padding:8px 12px;min-width:104px;height:37px;cursor:pointer;font-family:Public Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.5;color:#eff1f2;text-transform:capitalize;transition:background-color .2s}.multi-language-done-button:hover{background:#2c3840}.multi-language-done-button:disabled{background:#919eab;cursor:not-allowed}.translation-manager{padding:20px;background:var(--color-bg, #fff);border-radius:12px;border:1px solid var(--color-border, #e0e0e0);margin:20px 0}.translation-manager-title{margin:0 0 16px;font-family:Public Sans,sans-serif;font-size:16px;font-weight:600;color:var(--Blue-blue-700, #46525c)}.translation-manager-buttons{display:flex;gap:12px;margin-bottom:12px}.translation-manager-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.translation-manager-button svg{width:16px;height:16px}.translation-manager-button.export-button{background:#1c252e;color:#fff}.translation-manager-button.export-button:hover{background:#2c3840}.translation-manager-button.import-button{background:#fff;color:#1c252e;border:1px solid #1c252e}.translation-manager-button.import-button:hover{background:#f5f5f5}.translation-manager-info{margin:0;font-family:Public Sans,sans-serif;font-size:13px;color:#637381;line-height:1.5}@media (max-width: 640px){.simple-multi-language-row{gap:4px}.simple-language-label{font-size:11px}.simple-language-textarea{min-height:0;padding:8px;font-size:13px}.multi-language-popup{width:95%;padding:16px}.multi-language-popup-title{font-size:16px}.translation-manager-buttons{flex-direction:column}.translation-manager-button{width:100%;justify-content:center}}.bgset-or-label{margin:8px 0;text-align:center;font-weight:500;color:#667085;align-self:center}.settings-container,.main-settings-container,[data-settings-container]{height:auto;min-height:auto;overflow:visible;flex-shrink:0}.container,.wrapper,.main-wrapper{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}:root{--sg-spacing-0: 16px;--sg-spacing-1: 12px;--sg-spacing-2: 8px;--sg-spacing-3: 6px;--sg-border-0: #eaecf0;--sg-border-1: #d0d5dd;--sg-border-2: #e5e7eb;--sg-border-3: #f2f4f7;--sg-bg-0: #fff;--sg-bg-1: #fff;--sg-bg-2: #fff;--sg-bg-3: #fff;--sg-shadow-0: 0px 1px 3px rgba(16, 24, 40, .1), 0px 1px 2px rgba(16, 24, 40, .06);--sg-shadow-1: 0px 1px 2px rgba(16, 24, 40, .05);--sg-shadow-2: 0px 1px 1px rgba(16, 24, 40, .04);--sg-shadow-3: none}.setting-group{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative;overflow:visible;max-width:100%;box-sizing:border-box}.setting-group[data-nesting-level="0"]{padding:var(--sg-spacing-0);border:1px solid var(--sg-border-0);background:var(--sg-bg-0);box-shadow:var(--sg-shadow-0);border-radius:8px}.setting-group[data-nesting-level="1"]{padding:var(--sg-spacing-1);border:1px solid var(--sg-border-1);background:var(--sg-bg-1);box-shadow:var(--sg-shadow-1);border-radius:6px}.setting-group[data-nesting-level="2"]{padding:var(--sg-spacing-2);border:1px solid var(--sg-border-2);background:var(--sg-bg-2);box-shadow:var(--sg-shadow-2);border-radius:4px}.setting-group[data-nesting-level="3"],.setting-group[data-nesting-level="4"],.setting-group[data-nesting-level="5"]{padding:var(--sg-spacing-3);border:1px solid var(--sg-border-3);background:var(--sg-bg-3);box-shadow:var(--sg-shadow-3);border-radius:4px}.setting-group.collapsed{padding:0;border:none;background:transparent;box-shadow:none}.setting-group[data-nesting-level="0"] .setting-group-content{padding:0 8px 8px;gap:8px}.setting-group[data-nesting-level="1"] .setting-group-content{padding:0 8px 8px;gap:6px}.setting-group[data-nesting-level="2"] .setting-group-content{padding:0 8px 8px;gap:4px}.setting-group[data-nesting-level="3"] .setting-group-content,.setting-group[data-nesting-level="4"] .setting-group-content,.setting-group[data-nesting-level="5"] .setting-group-content{padding:0 6px 6px;gap:3px}.setting-group-title{display:flex;justify-content:space-between;align-items:center;padding:4px 0;cursor:pointer;border-radius:6px}.setting-group-title h3{color:var(--Gray-800, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-group[data-nesting-level="1"] .setting-group-title h3{font-size:13px;font-weight:500}.setting-group[data-nesting-level="2"] .setting-group-title h3{font-size:12px;font-weight:500}.setting-group[data-nesting-level="3"] .setting-group-title h3,.setting-group[data-nesting-level="4"] .setting-group-title h3,.setting-group[data-nesting-level="5"] .setting-group-title h3{font-size:11px;font-weight:500}.setting-group-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transform:rotate(180deg);color:var(--Gray-500, #344054)}.setting-group-arrow.rotated{transform:rotate(0)}.setting-group-content{display:flex;flex-direction:column;width:100%;opacity:1;overflow:visible;max-width:100%;box-sizing:border-box}.setting-group-content.collapsed{opacity:0;margin:0;padding:0;pointer-events:none;display:none}.setting-group.main-group{padding:16px;border:none;border-bottom:1px solid var(--Border-default, #d5dce5);box-shadow:none;margin-top:4px;background:#f8f8f8;border-radius:8px;width:100%;position:relative;margin-bottom:8px;max-height:none;overflow:visible;max-width:100%;box-sizing:border-box;height:auto;min-height:auto;flex-shrink:0}.setting-group.main-group.collapsed{padding:0;background:transparent!important;border:none;box-shadow:none;margin:0}.setting-group.main-group.collapsed .setting-group-title.collapsed-view{height:55px;background:#f8f8f8;border:none;margin-bottom:8px;border-bottom:1px solid var(--Border-default, #d5dce5)}.setting-group.main-group .setting-group-title h3{color:#344054;font-family:Satoshi;font-size:14px;font-weight:700;line-height:20px}.setting-group-content.main-content{width:100%;background:#f8f8f8;border:0;box-shadow:none;padding:0;height:auto;min-height:auto;overflow:visible;flex-shrink:0}.setting-divider{height:1px;width:100%;background-color:#f2f4f7;margin:4px 0}.setting-group-content>:last-child{margin-bottom:0}.setting-group.active{border-color:#d6bbfb;box-shadow:0 0 0 4px #7f56d91a}.setting-group-empty{color:#667085;font-size:13px;font-style:italic;padding:12px 0;text-align:center}.setting-group-title.collapsed-view{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;height:36px;border-radius:8px;border:1px solid var(--Gray-200, #eaecf0);background:var(--Base-White, #fff);margin-bottom:0;position:relative;overflow:visible;cursor:pointer}.setting-group.main-group .setting-group-title.collapsed-view{height:55px;background:#f8f8f8;border:none;border-bottom:1px solid var(--Border-default, #d5dce5)}.setting-group:not(.main-group) .setting-group-title.collapsed-view{height:36px;background:#fff;border:1px solid var(--Gray-200, #eaecf0);padding:14px}.setting-group-title .title-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.setting-group-title .group-icon{display:flex;justify-content:center;align-items:center;color:var(--Gray-500, #667085);flex-shrink:0;width:20px;height:20px}.setting-group-title.collapsed-view h3{color:#344054;font-family:Satoshi;font-size:14px;font-weight:700;line-height:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-group-title.collapsed-view .group-badge{display:flex;padding:2px 8px;justify-content:center;align-items:center;border-radius:16px;background:var(--Gray-100, #f2f4f7);color:var(--Gray-700, #344054);font-size:12px;font-weight:500;line-height:18px;margin-left:8px}.setting-group-title .actions-section{display:flex;align-items:center;gap:8px;margin-left:12px}.setting-group-title.collapsed-view .setting-group-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--Gray-500, #667085)}.setting-group-title .setting-group-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--Gray-500, #667085)}.setting-group-title .setting-group-arrow.rotated{transform:rotate(0)}.setting-group-title.collapsed-view .info-marker{width:16px;height:16px;color:var(--Gray-400, #98a2b3);cursor:help}.setting-group-description{color:#667085;font-size:13px;margin-bottom:8px;line-height:1.4}@media (max-width: 768px){.setting-group-title.collapsed-view{padding:10px 12px}.setting-group-title .title-section{gap:8px}.setting-group-title.collapsed-view .group-badge{display:none}}@media (max-width: 480px){.setting-group-title.collapsed-view h3{font-size:13px}.setting-group-title.collapsed-view .setting-group-arrow{width:24px;height:24px}.setting-group-title.collapsed-view{padding:0 10px}}.setting-group-title.collapsed-view.striped:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--Primary-100, #f4ebff);border-radius:4px 0 0 4px}.setting-group.custom-container{border:none;box-shadow:none;margin:4px 0;padding:0;background:transparent}.setting-group.custom-container>.setting-group-title{display:none}.sg-add-button-bottom{display:flex;height:30px;min-width:64px;padding:6px 12px;justify-content:center;align-items:center;flex:1 0 0;border:1px solid rgba(145,158,171,.32);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.01em;text-align:center}.sg-add-button-bottom:hover{background:#eee}.setting-group.custom-container .setting-group-content{padding:0}.custom_class{border:0!important;box-shadow:none!important;margin:4px 0!important}.custom_class>.setting-group-title{display:none!important}.custom_class .setting-group-content{padding:0!important}.setting-group-title:focus-visible{outline:2px solid #02cc59;outline-offset:2px}.setting-group::-webkit-scrollbar,.setting-group-content::-webkit-scrollbar{width:8px;height:8px}.setting-group::-webkit-scrollbar-track,.setting-group-content::-webkit-scrollbar-track{background:#f0f2f4;border-radius:4px}.setting-group::-webkit-scrollbar-thumb,.setting-group-content::-webkit-scrollbar-thumb{background-color:#c2c9d6;border-radius:4px;border:2px solid transparent;background-clip:content-box}.setting-group::-webkit-scrollbar-thumb:hover,.setting-group-content::-webkit-scrollbar-thumb:hover{background-color:#98a2b3}.setting-group,.setting-group-content{scrollbar-width:thin;scrollbar-color:#c2c9d6 #f0f2f4}.tabs-settings-container{display:flex;flex-direction:column;width:100%;border-radius:8px;background:transparent;overflow:visible;position:relative;z-index:1;max-width:100%;box-sizing:border-box}.tabs-settings-container.main-group{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #1018280d}.tabs-header{width:100%;display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;align-self:stretch;flex-shrink:0;background:#f1f3f2;position:relative;z-index:1;border-radius:400px;margin-bottom:8px}.tabs-header.main-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:8px;margin-bottom:0}.tab-button{display:flex;padding:4px 12px;justify-content:center;align-items:center;background-color:transparent;gap:8px;flex:1 0 0;border-radius:400px;color:#000000b3;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:20px;border:1px solid transparent;box-shadow:0 0 #10182800;position:relative;z-index:1;cursor:pointer;transition:all .2s ease;outline:none}.tab-button:active{box-shadow:0 1px 2px -1px #10182805}.tab-button.active{color:#000;font-weight:700;border-radius:400px;background:#fff;box-shadow:0 4px 8px -2px #1018280a}.tab-button.active:active{box-shadow:0 2px 4px -1px #1018280a}.tab-button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.tab-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.tab-icon svg{width:100%;height:100%}.tab-content{position:relative;overflow:visible;width:100%;z-index:1;margin-top:8px;max-width:100%;box-sizing:border-box;animation:fadeIn .2s ease-in-out}.tab-panel{display:grid;gap:8px;position:absolute;width:100%;opacity:0;pointer-events:none;overflow:visible;z-index:1;max-width:100%;box-sizing:border-box}.tab-panel.active{opacity:1;pointer-events:auto;position:relative;overflow:visible;z-index:1;max-width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tabs-header{padding:3px}.tab-button{padding:3px 8px;font-size:11px}}@media (max-width: 480px){.tab-button{padding:2px 6px;font-size:10px}.tab-icon{width:14px;height:14px}}.tab-content>.setting-group{margin-bottom:12px}.tab-content>.setting-group:last-child{margin-bottom:0}.tabs-settings-container.main-group .setting-group-content{border-top:none;border-radius:0 0 8px 8px}.setting-group.main-group.collapsed .tabs-header,.setting-group.main-group.collapsed .setting-group,.setting-group .setting-group.collapsed .tabs-header,.tabs-settings-container.collapsed .tabs-header,.tabs-settings-container.collapsed .tab-content{display:none}:root{--color-border: #d5dce5;--color-bg: #f8f8f8;--color-border-secondary: #eaecf0;--color-text: #667085;--color-title: #344054;--color-input-text: #292b2e;--color-white: #fff;--color-black: #000;--color-divider: #dcdcdc;--color-btn-text: #4b4b4b;--color-bg-icon: #f2f4f7}{padding:0;margin:0;border:none},:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}body{font-family:Satoshi,sans-serif;font-weight:400;font-size:12px;line-height:18px}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}
1	+ @import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/satoshi";:root{--color-text: #1d2939;--color-text-secondary: #667085;--color-text-muted: #98a2b3;--color-border: #e4e7ec;--color-border-hover: #d0d5dd;--color-bg: #fff;--color-bg-hover: #f9fafb;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease}.icon-container{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.input-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0;width:18px;height:18px;transition:color var(--transition-fast)}.input-label{color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:1.4;transition:color var(--transition-fast)}.input-container{display:inline-flex;align-items:center;position:relative;width:100%}.input-wrapper{position:relative;width:100%;min-width:0}.base-input{width:100%;height:36px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md);font-weight:400;line-height:1.4;transition:all var(--transition-fast);outline:none}.base-input::placeholder{color:var(--color-text-muted)}.base-input:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.base-input:focus{border-color:var(--color-border-focus);background:var(--color-bg-focus)}.base-input:disabled{background:#f9fafb;color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.with-suffix{padding-right:44px}.input-suffix{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-sm);font-weight:500;z-index:1}.with-prefix{padding-left:44px}.input-prefix{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-sm);font-weight:500;z-index:1}.setting-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:center;min-height:40px;padding:var(--space-sm) 0}.setting-item.full-width{grid-template-columns:1fr}.setting-item.stacked{grid-template-columns:1fr;gap:var(--space-xs);align-items:stretch}.setting-item-label{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.setting-item-control{min-width:0;justify-self:end}.setting-item.stacked .setting-item-control{max-width:none;justify-self:stretch}.input-error{border-color:#f04438!important;background:#fff4f4!important;color:#f04438!important}.input-error:focus{border-color:#f04438!important;box-shadow:0 0 0 4px #f044381a!important}.error-message{color:#f04438;font-size:var(--font-size-xs);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.input-success{border-color:#02cc59!important;background:#f0fdf4!important}.input-success:focus{border-color:#02cc59!important}.input-loading{position:relative;color:var(--color-text-muted);background:#f9fafb;pointer-events:none}.input-loading:after{content:"";position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid var(--color-border-focus);border-radius:50%;animation:spin 1s linear infinite}.setting-group .setting-group .setting-item{min-height:36px;padding:6px 0}.setting-group .setting-group .base-input{height:32px;padding:6px 10px;font-size:13px}.setting-group .setting-group .input-label{font-size:11px}.setting-group .setting-group .setting-group .setting-item{min-height:32px;padding:4px 0}.setting-group .setting-group .setting-group .base-input{height:28px;padding:4px 8px;font-size:12px}.setting-group .setting-group .setting-group .input-label{font-size:10px}@media (max-width: 480px){.setting-item{grid-template-columns:1fr;gap:var(--space-xs)}.setting-item-control{max-width:none;justify-self:stretch}.base-input{font-size:var(--font-size-md)}}@media (prefers-color-scheme: dark){:root{--color-text: #f9fafb;--color-text-secondary: #d0d5dd;--color-text-muted: #667085;--color-border: #344054;--color-border-hover: #475467;--color-bg: #1d2939;--color-bg-hover: #344054}}.base-input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.compact .setting-item{min-height:32px;padding:4px 0}.compact .base-input{height:32px;padding:6px 10px;font-size:13px}.compact .input-label{font-size:11px}@media (prefers-contrast: high){.base-input{border-width:2px}.base-input:focus{border-width:3px}}:root{--grey40: #9ca3af}.gradient-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.gradient-controls{display:flex;align-items:center;gap:10px}.gradient-type,.gradient-angle{padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font:inherit}.gradient-angle-wrap{display:inline-flex;align-items:center;gap:6px}.gradient-preview{position:relative;height:34px;border-radius:8px;border:1px solid #e5e7eb;overflow:visible;background:linear-gradient(90deg,#a84b4b,#786666);max-width:250px;margin:42px auto 0;cursor:crosshair}.gradient-handles{position:absolute;top:-4px;left:0;right:0;height:calc(100% + 8px);pointer-events:none}.gstop-handle{position:absolute;border-radius:4px;background:#fff;border:1px solid white;transform:translate(-50%,-50%);cursor:grab;display:grid;place-items:center;pointer-events:auto;box-shadow:0 1px 3px #0000001a;z-index:10;transition:all .15s ease;user-select:none;-webkit-user-select:none;touch-action:none}.gstop-handle:active{cursor:grabbing}.gstop-handle:hover{transform:translate(-50%,-50%) scale(1.05);border-color:#9ca3af}.gstop-handle.selected{border:2px solid #2563eb;box-shadow:0 0 0 2px #2563eb33;transform:translate(-50%,-50%) scale(1.1);cursor:grabbing;transition:none!important}.gstop-chip{width:24px;height:24px;border-radius:2px;border:1px solid white;position:relative}.gstop-chip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;z-index:-1;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #ffffff;border-top-color:inherit}.gradient-stops-header{padding:8px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1c252e;font-weight:500;font-size:14px;line-height:20px;min-height:36px;box-sizing:border-box;border-top:1px solid #eff1f2;margin-top:8px}.gradient-add-stop{width:36px;height:36px;padding:8px;border-radius:6px;border:none;background:transparent;color:#637381;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.gradient-add-stop svg{width:20px;height:20px}.gradient-add-stop:hover{background:#dbdfe2}.gradient-stops{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;overflow-x:visible;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.gradient-stops::-webkit-scrollbar{width:6px}.gradient-stops::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.gradient-stops::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.gradient-stops::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gstop-row{display:flex;align-items:center;gap:4px;padding:6px 4px;border-radius:8px;background:#00a76f14;min-height:44px}.gstop-position-group{display:flex;align-items:center;min-width:51px}.gstop-position-input{width:60px;height:38px;padding:0 10px;border:1px solid #919eab33;border-radius:8px;color:#1c252e;font-size:14px;font-weight:400;text-align:left;outline:none;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.gstop-position-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.gstop-position-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gstop-position-input:disabled{opacity:.4;cursor:not-allowed}.gstop-color-container{position:relative;flex:1;height:38px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;box-sizing:border-box}.gstop-color-preview{width:25px;height:25px;border-radius:4px;border:1px solid #e4e7ec;flex-shrink:0;margin-left:4px}.gstop-color-input{flex:1;min-width:0;height:100%;padding:0 8px;border:none;color:#1c252e;font-size:14px;font-weight:400;text-align:left;outline:none;transition:all .2s ease;cursor:pointer;background:transparent}.gstop-color-separator{width:1px;height:20px;background:#e5e7eb;flex-shrink:0}.gstop-opacity-input{width:56px;height:100%;padding:0 10px;border:none;font-size:14px;font-weight:400;color:#1c252e;background:transparent;outline:none;text-align:right}.gstop-opacity-input:focus{background:#3b82f60d}.gstop-color-input:focus{background:#3b82f60d}.gstop-color-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gstop-color-input:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)!important;border-color:var(--action-selected, #919eab29)!important}.gstop-color-copy{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.7}.gstop-color-copy:hover{opacity:1;background:#919eab1a}.gstop-color-copy:active{transform:translateY(-50%) scale(.95)}.gstop-color{width:32px;height:32px;padding:0;border:2px solid #ffffff;border-radius:8px;cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d;position:relative;z-index:20;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.gstop-hex{flex:1;min-width:100px;padding:10px 12px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;outline:none;transition:all .2s ease}.gstop-hex:hover{border-color:#cbd5e1;background-color:#f8fafc}.gstop-hex:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gstop-link{width:24px;height:24px;border:none;background:transparent;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.gstop-link:hover{background:#f3f4f6;color:#374151}.gstop-del{width:36px;min-width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:4px;gap:8px;opacity:1;flex-shrink:0}.gstop-del:hover{background:#f8fafc}.gstop-del:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)}.gstop-opacity-label{font-size:12px;color:#64748b;font-weight:500;min-width:50px}.gstop-opacity-group{display:flex;align-items:center;gap:12px;flex:1}.gstop-opacity-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:135px;width:100%;height:20px;border-radius:12px;border:0;outline:none;cursor:pointer;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3Crect x='3' y='3' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E"),linear-gradient(to right,var(--slider-color-transparent, rgba(59, 130, 246, 0)),var(--slider-color, #3b82f6));background-size:6px 6px,100% 100%;background-position:0 0,0 0;background-repeat:repeat,no-repeat;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 2px #00000014,0 1px 3px #0000001a}.gstop-opacity-slider::-webkit-slider-track{height:20px;border:none;border-radius:12px;background:transparent}.gstop-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px #ffffffe6,0 2px 6px #00000026,0 1px 2px #0003;cursor:pointer;transition:all .15s ease;margin-top:0}.gstop-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #ffffffe6,0 3px 8px #0003,0 1px 3px #00000040}.gstop-opacity-slider::-moz-range-track{height:20px;border:none;border-radius:12px;background:transparent}.gstop-opacity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px #ffffffe6,0 2px 6px #00000026,0 1px 2px #0003;cursor:pointer;transition:all .15s ease}.gstop-opacity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 1px #ffffffe6,0 3px 8px #0003,0 1px 3px #00000040}.gstop-opacity-slider:focus-visible{outline:3px solid rgba(59,130,246,.45);outline-offset:4px;border-radius:12px}.gstop-opacity-value{font-size:12px;color:#475569;font-weight:600;min-width:38px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 6px}.gradient-solid-picker{display:flex;align-items:center;gap:12px;padding:8px;background:#f9fafb;border-radius:8px}.gradient-solid-color{width:257px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;outline:none}.gradient-solid-hex{width:120px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1f2937;font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;outline:none;transition:all .2s ease}.gradient-solid-hex:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-solid-hex:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-input-wrapper{position:relative;width:100%;justify-self:end}.gradient-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:38px;padding-right:30px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.gradient-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.gradient-text-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.gradient-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.gradient-mini-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:4px;border:1px solid var(--color-border, #e4e7ec);cursor:pointer;overflow:hidden;transition:transform var(--transition-fast, .15s ease),border-radius var(--transition-fast, .15s ease);background-color:#fff}.gradient-mini-preview.bound{border-radius:100px}.gradient-mini-preview:hover{transform:translateY(-50%) scale(1.05)}.gradient-unlink-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;background:transparent;cursor:pointer;display:none;align-items:center;justify-content:center;padding:4px;border-radius:2px;transition:background-color .15s ease}.gradient-unlink-button.visible{display:flex}.gradient-unlink-button:hover{background-color:#dbdfe2}.gradient-unlink-button:active{transform:translateY(-50%) scale(.95)}.gradient-unlink-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.setting-group .setting-group .gradient-unlink-button{right:6px;width:24px;height:24px;padding:3px}.setting-group .setting-group .setting-group .gradient-unlink-button{right:4px;width:22px;height:22px;padding:2px}.setting-group .setting-group .gradient-setting-wrapper{min-height:36px}.setting-group .setting-group .gradient-input-wrapper{max-width:120px}.setting-group .setting-group .gradient-text-input{height:32px;padding:6px 26px 6px 34px;font-size:13px}.setting-group .setting-group .gradient-mini-preview{left:6px;width:22px;height:22px}.setting-group .setting-group .setting-group .gradient-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .gradient-input-wrapper{max-width:100px}.setting-group .setting-group .setting-group .gradient-text-input{height:28px;padding:4px 22px 4px 30px;font-size:12px}.setting-group .setting-group .setting-group .gradient-mini-preview{left:4px;width:19px;height:19px}.gradient-input-wrapper.error .gradient-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.gradient-input-wrapper.error .gradient-text-input:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.gradient-input-wrapper.disabled .gradient-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.gradient-popover-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:9999}.gradient-popover{position:fixed;z-index:10000;background:var(--primary-contrast-text, #ffffff);border-radius:8px;box-shadow:0 1px 8px #0003;overflow:visible;width:306px;height:auto;min-height:200px;max-height:80vh;opacity:1;padding:12px;display:flex;flex-direction:column;gap:16px}.gradient-popover-header{display:flex;align-items:center;justify-content:space-between;color:#1d2939;font-weight:600;font-size:16px}.color-setting-tabs{display:flex;gap:2px;padding:2px;background:transparent}.color-setting-tabs.header-tabs{padding:0;gap:0}.color-tab{display:flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:2px 4px;border:none;background:transparent;color:#637381;font-family:Public Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.5;border-radius:4px;cursor:pointer;transition:all .15s ease}.color-tab:hover:not(.active){background:#f3f4f6}.gradient-popover-close{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.gradient-popover-close:hover{background:#f9fafb;color:#374151}.gradient-editor{display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden;min-height:0}.type-tabs-wrapper{border:1px solid #eff1f2;border-left:0;border-right:0;padding:4px 0}.gradient-type-tabs{display:flex;padding:4px;align-items:center;gap:16px;align-self:stretch}.gradient-type-tab{display:flex;width:26px;height:26px;padding:4px;justify-content:center;align-items:center;border-radius:2px}.gradient-type-tab.active{background:#dbdfe2!important;box-shadow:0 1px 2px #0000000d}.gradient-type-tab:hover:not(.active){background:#dbdfe2}.gradient-subtype-tabs{display:flex;background:#f0f2f5;border-radius:6px;padding:2px;gap:2px;margin-bottom:12px}.gradient-subtype-inline{display:flex;align-items:center;gap:4px;margin-bottom:8px}.global-controls-row{display:flex;align-items:center;gap:8px;height:34px;margin-bottom:12px;padding:4px;border-top:1px solid #eff1f2;border-bottom:1px solid #eff1f2;box-sizing:border-box}.global-search-container{position:relative;flex:1;display:flex;align-items:center;gap:8px;height:18px}.global-search-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#96a1ab;flex-shrink:0}.global-search-icon svg{width:18px;height:18px}.global-search-separator{width:1px;height:11.5px;background:#96a1ab;flex-shrink:0}.global-search-input{flex:1;height:17px;padding:0;border:none;font-family:Public Sans,sans-serif;font-size:11px;font-weight:400;line-height:1.5;color:#1c252e;outline:none;background:transparent;box-sizing:border-box}.global-search-input::placeholder{color:#96a1ab}.global-search-input:focus{outline:none}.global-layout-toggle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:4px;border:none;border-radius:2px;background:transparent;color:#46525c;cursor:pointer;transition:all .2s;box-sizing:border-box}.global-layout-toggle:hover{background:#eff1f2}.global-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,24px);gap:6px;padding:0;margin-top:8px;width:100%;justify-content:start}.global-colors-list{display:flex;flex-direction:column;gap:4px}.global-color-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s}.global-color-row:hover{background-color:#f3f4f6}.global-color-circle{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);position:relative;flex-shrink:0}.global-colors-grid .global-color-circle{width:24px;height:24px;margin:0 auto;cursor:pointer;transition:transform .2s}.global-colors-grid .global-color-circle:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.global-color-circle.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.global-colors-grid .global-color-circle.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.global-color-label{font-size:13px;color:#374151;font-weight:500}.gradient-subtype-select{border:1px solid #b1b6bf;padding:6.5px 40px 6.5px 16px;border-radius:8px;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#1f2937;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:38px;box-sizing:border-box;line-height:1.4;width:100%}.gradient-subtype-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-subtype-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-subtype-select option{padding:12px 16px;background-color:#fff;color:#1f2937;font-size:14px;font-weight:500;border:none;outline:none;min-height:44px;line-height:1.4}.gradient-subtype-select option:hover{background-color:#f8fafc!important;color:#1f2937!important}.gradient-subtype-select option:checked,.gradient-subtype-select option:selected{background-color:#3b82f6!important;color:#fff!important;font-weight:600}.gradient-subtype-select option:disabled{background-color:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed}.gradient-subtype-tab{flex:1;padding:6px 12px;border:none;background:transparent;color:#667085;cursor:pointer;border-radius:4px;font-size:12px;font-weight:500;transition:all .15s ease}.gradient-subtype-tab.active{background:#fff;color:#1d2939;box-shadow:0 1px 2px #0000000d}.gradient-subtype-tab:hover:not(.active){background:#e5e7eb;color:#374151}.gradient-angle-controls{display:flex;align-items:center;gap:12px}.gradient-angle-input{flex:1;display:flex;align-items:center;gap:8px}.gradient-angle-input select{flex:1;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' strokeLinecap='round' strokeLinejoin='round' strokeWidth='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#1f2937;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.gradient-angle-input select:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-angle-input select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-angle-input select option{padding:12px 16px;background-color:#fff;color:#1f2937;font-size:14px;font-weight:500;border:none;outline:none}.gradient-angle-input select option:hover{background-color:#f8fafc;color:#1f2937}.gradient-angle-input select option:checked,.gradient-angle-input select option:selected{background-color:#3b82f6;color:#fff}.gradient-angle-input select option:disabled{background-color:#f1f5f9;color:#94a3b8}.gradient-degree-input{border:1px solid #919eab33;padding:6.5px 16px;border-radius:8px;max-width:75px;background:#fff;color:#1f2937;font-size:14px;font-weight:500;width:80px;text-align:center;outline:none;transition:all .2s ease;min-height:38px}.gradient-degree-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.gradient-degree-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.gradient-degree-input:disabled{opacity:.4;cursor:not-allowed;background:var(--action-selected, #919eab29)!important;border-color:var(--action-selected, #919eab29)!important}.gradient-flip-btn{max-width:36px;height:38px;width:100%;border-radius:6px;background:#919eab29;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;transition:all .2s ease}.gradient-flip-btn:hover{background:#e3e2e4;color:#374151}.gradient-flip-btn:active{transform:scale(.95)}.custom-color-picker{position:fixed;width:306px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;z-index:10001;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:box-shadow .2s ease}.color-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:10000}.custom-color-picker.dragging{box-shadow:0 25px 30px -5px #00000026,0 15px 15px -5px #00000014;cursor:move}.color-picker-header{display:flex;justify-content:space-between;align-items:center;padding:10.5px 20px;background:#fff;cursor:move}.color-picker-header span{font-size:16px;font-weight:600;color:#111827}.color-picker-close{width:28px;height:28px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;transition:all .15s ease}.color-picker-close:hover{background:#f3f4f6;color:#374151}.color-picker-area{height:268px;margin:8px;border-radius:12px;position:relative;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,red);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-area.embedded{width:100%;height:200px;margin:0 0 16px;position:relative;border-radius:8px;overflow:hidden}.color-picker-marker{position:absolute;border-radius:50%;width:20px;height:20px;border:3px solid #ffffff;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.embedded-color-picker-content .color-picker-marker,.embedded-color-picker-content .color-picker-hue-marker,.embedded-color-picker-content .color-picker-opacity-marker{width:16px;height:16px;border:2px solid #ffffff}.color-picker-marker:before{content:"";width:12px;height:12px;background:transparent;border-radius:50%}.color-picker-hue{width:100%;height:12px;margin:0;border-radius:8px;position:relative;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-hue.embedded{width:100%;margin:0;height:14px}.color-picker-sliders-container{display:flex;align-items:flex-start;gap:8px;width:100%;margin:0 auto 20px;max-width:368px;padding:0 20px}.custom-color-picker .color-picker-sliders-container{max-width:368px;padding:4px 8px}.color-picker-sliders-container.embedded{max-width:260px;margin:0 auto 16px;padding:0}.color-picker-sliders-group{display:flex;flex-direction:column;gap:12px;flex:1}.color-picker-eyedropper{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:auto}.color-picker-eyedropper:hover{background-color:#0000000d}.color-picker-eyedropper:active{transform:scale(.95)}.color-picker-eyedropper svg{width:18px;height:18px}.color-picker-hue-marker{position:absolute;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:#fff;display:flex;align-items:center;justify-content:center}.color-picker-hue-marker:before{content:"";width:8px;height:8px;background:transparent;border-radius:50%}.color-picker-opacity{width:100%;height:12px;margin:0;border-radius:12px;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3Crect x='3' y='3' width='3' height='3' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E"),linear-gradient(to right,var(--base-color-transparent, rgba(255, 0, 0, 0)),var(--base-color, #ff0000));background-size:6px 6px,100% 100%;background-position:0 0,0 0;background-repeat:repeat,no-repeat}.color-picker-opacity.embedded{width:100%;margin:0;height:14px}.color-picker-opacity-marker{position:absolute;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #0003,0 2px 4px #00000026;transform:translate(-50%,-50%);top:50%;pointer-events:none;background:#fff;display:flex;align-items:center;justify-content:center}.color-picker-opacity-marker:before{content:"";width:8px;height:8px;background:transparent;border-radius:50%}.color-picker-format-section{display:flex;align-items:center;padding:0 20px 20px;gap:4px}.color-picker-format-section.embedded{padding:0 4px}.color-picker-format-select{height:38px;padding:0 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:400;color:#1c252e;background:#fff;outline:none;transition:all .15s ease;min-width:70px;cursor:pointer;box-sizing:border-box}.color-picker-format-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.color-picker-format-select:hover{border-color:#cbd5e1}.color-picker-input-container{position:relative;flex:1;height:38px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;box-sizing:border-box}.color-picker-swatch{width:25px;height:25px;border-radius:4px;border:1px solid #e4e7ec;flex-shrink:0;margin-left:4px}.color-picker-color-input{flex:1;min-width:0;height:100%;padding:0 8px;border:none;font-size:14px;font-weight:400;color:#1c252e;background:transparent;outline:none;transition:all .15s ease}.color-picker-color-input:focus{background:#3b82f60d}.color-picker-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-picker-input-separator{width:1px;height:100%;background:#e5e7eb;flex-shrink:0}.color-picker-opacity-value-input{width:56px;height:100%;padding:0 10px;border:none;font-size:14px;font-weight:400;color:#1c252e;background:transparent;outline:none;text-align:right}.color-picker-opacity-value-input:focus{background:#3b82f60d}.color-picker-copy-inside{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:45px;height:26px;border-radius:6px;border:none;gap:8px;padding:4px 8px;background:var(--action-selected, #919eab29);color:var(--text-secondary, #637381);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none;opacity:1}.color-picker-copy-inside:hover{background:#919eab66}.color-picker-copy-inside:active{transform:translateY(-50%) scale(.95)}.color-picker-copy{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none}.color-picker-copy:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.color-picker-copy:active{transform:scale(.98)}.custom-color-button{width:44px;height:44px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease;background:#fff}.custom-color-button:hover{border-color:#cbd5e1;transform:scale(1.02)}.custom-color-button:active{transform:scale(.98)}.custom-color-button-color{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;background:var(--color, #000000)}.embedded-color-picker{padding:0}.embedded-color-picker-content{width:100%;font-family:system-ui,-apple-system,sans-serif}.color-picker-recent-section{padding:16px 0;border-top:1px solid #f3f4f6}.custom-color-picker .color-picker-recent-section{padding:16px 8px}.color-picker-recent-section.embedded{padding:12px 0}.color-picker-recent-title{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:.75rem;line-height:1.66;letter-spacing:.03333em;color:#637381;margin-bottom:8px}.color-picker-recent-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:8px}.color-picker-recent-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;background-color:#fff;background-size:cover;background-position:center}.color-picker-recent-swatch:hover{border-color:#0003;box-shadow:0 2px 8px #00000026;z-index:1}.color-picker-recent-swatch:active{transform:scale(.95)}.color-picker-recent-placeholder{font-size:11px;color:#9ca3af;text-align:center;font-style:italic;padding:8px 0;display:none}.color-picker-tooltip{position:fixed;background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;transform:translate(-50%);margin-top:4px;box-shadow:0 2px 8px #00000026}.color-picker-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000000e6}.string-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.string-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.string-setting-wrapper .string-setting-wrapper{display:block;width:100%}.color-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.color-input-wrapper{position:relative;width:100%;justify-self:end}.color-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:36px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-text-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-text-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.color-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-picker{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;cursor:pointer;z-index:2}.color-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #e4e7ec);flex-shrink:0;transition:transform var(--transition-fast, .15s ease);pointer-events:none;background-color:#fff}.color-preview:hover{transform:translateY(-50%) scale(1.05)}.setting-group .setting-group .color-setting-wrapper{min-height:36px}.setting-group .setting-group .color-input-wrapper{max-width:120px}.setting-group .setting-group .color-text-input{height:32px;padding:6px 10px 6px 32px;font-size:13px}.setting-group .setting-group .color-preview,.setting-group .setting-group .color-picker{left:6px;width:18px;height:18px}.setting-group .setting-group .setting-group .color-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .color-input-wrapper{max-width:100px}.setting-group .setting-group .setting-group .color-text-input{height:28px;padding:4px 8px 4px 28px;font-size:12px}.setting-group .setting-group .setting-group .color-preview,.setting-group .setting-group .setting-group .color-picker{left:4px;width:16px;height:16px}.color-input-wrapper.error .color-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.color-input-wrapper.error .color-text-input:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.color-input-wrapper.disabled .color-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-picker:focus-visible+.color-preview{outline-offset:2px}.color-setting-tabs{display:flex;gap:0;padding:0;background:transparent}.color-tab{flex:1;border:none;background:transparent;padding:2px 4px;font-size:14px;font-weight:600;color:#637381;cursor:pointer;border-radius:4px;transition:all .15s ease;min-width:64px;height:30px;display:flex;align-items:center;justify-content:center}.color-tab:hover:not(.active){background:#eff1f280}.color-tab.active{background:#eff1f2;color:#1c252e}.color-content-global{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px}.global-color-btn{width:24px;height:24px;border-radius:50%;border:1px solid #eaecf0;cursor:pointer;transition:transform .1s;padding:0}.global-color-btn:hover{transform:scale(1.1);border-color:#d0d5dd}.global-color-btn.active{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f333}.color-with-opacity-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.color-with-opacity-controls-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-sm, 8px);justify-self:end;width:100%}.color-with-opacity-input-wrapper,.color-with-opacity-opacity-wrapper{position:relative;width:100%}.color-with-opacity-text-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-left:36px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-with-opacity-text-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-with-opacity-text-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-with-opacity-text-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.color-with-opacity-picker{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;cursor:pointer;z-index:2}.color-with-opacity-preview{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #e4e7ec);flex-shrink:0;transition:transform var(--transition-fast, .15s ease);pointer-events:none;background-color:#fff;cursor:pointer;overflow:hidden}.color-with-opacity-preview:hover{transform:translateY(-50%) scale(1.05)}.color-with-opacity-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;z-index:-1}.color-with-opacity-opacity-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:20px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none;text-align:center}.color-with-opacity-opacity-input::placeholder{color:var(--color-text-muted, #98a2b3)}.color-with-opacity-opacity-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.color-with-opacity-opacity-suffix{position:absolute;right:var(--space-sm, 8px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.color-with-opacity-opacity-input::-webkit-inner-spin-button,.color-with-opacity-opacity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-with-opacity-opacity-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .color-with-opacity-setting-wrapper{min-height:36px}.setting-group .setting-group .color-with-opacity-controls-wrapper{max-width:120px}.setting-group .setting-group .color-with-opacity-input-wrapper,.setting-group .setting-group .color-with-opacity-opacity-wrapper{width:100%}.setting-group .setting-group .color-with-opacity-text-input,.setting-group .setting-group .color-with-opacity-opacity-input{height:32px;padding:6px 10px;font-size:13px}.setting-group .setting-group .color-with-opacity-text-input{padding-left:32px}.setting-group .setting-group .color-with-opacity-preview,.setting-group .setting-group .color-with-opacity-picker{left:6px;width:18px;height:18px}.setting-group .setting-group .color-with-opacity-opacity-input{padding-right:20px}.setting-group .setting-group .color-with-opacity-opacity-suffix{right:8px;font-size:11px}.setting-group .setting-group .setting-group .color-with-opacity-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .color-with-opacity-controls-wrapper{max-width:100px}.setting-group .setting-group .setting-group .color-with-opacity-input-wrapper,.setting-group .setting-group .setting-group .color-with-opacity-opacity-wrapper{width:100%}.setting-group .setting-group .setting-group .color-with-opacity-text-input,.setting-group .setting-group .setting-group .color-with-opacity-opacity-input{height:28px;padding:4px 8px;font-size:12px}.setting-group .setting-group .setting-group .color-with-opacity-text-input{padding-left:28px}.setting-group .setting-group .setting-group .color-with-opacity-preview,.setting-group .setting-group .setting-group .color-with-opacity-picker{left:4px;width:16px;height:16px}.setting-group .setting-group .setting-group .color-with-opacity-opacity-input{padding-right:20px}.setting-group .setting-group .setting-group .color-with-opacity-opacity-suffix{right:8px;font-size:10px}.color-with-opacity-input-wrapper.error .color-with-opacity-text-input{border-color:#f04438;background:#fff4f4;color:#f04438}.color-with-opacity-input-wrapper.disabled .color-with-opacity-text-input{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.html-setting-wrapper{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.html-setting-wrapper .icon-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.html-setting-wrapper .icon-container label{color:var(--Gray-800, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0}.html-setting-wrapper .icon-container img{width:20px;height:20px;object-fit:contain}.html-setting-textarea{width:100%;min-height:120px;padding:12px;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;border-radius:8px;color:var(--Gray-900, #101828);border:1px solid var(--Gray-300, #d0d5dd);background:var(--Base-White, #fff);resize:vertical;min-width:0;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.html-setting-textarea:focus{outline:none}.html-setting-textarea::placeholder{color:var(--Gray-500, #667085);font-style:italic}.html-setting-textarea:disabled{background-color:var(--Gray-50, #f9fafb);color:var(--Gray-500, #667085);cursor:not-allowed}@media (max-width: 768px){.html-setting-textarea{font-size:12px;padding:10px;min-height:100px}}.html-setting-textarea::-webkit-scrollbar{width:8px}.html-setting-textarea::-webkit-scrollbar-track{background:var(--Gray-100, #f2f4f7);border-radius:4px}.html-setting-textarea::-webkit-scrollbar-thumb{background-color:var(--Gray-300, #d0d5dd);border-radius:4px;border:2px solid transparent;background-clip:content-box}.html-setting-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--Gray-400, #98a2b3)}.html-setting-textarea{scrollbar-width:thin;scrollbar-color:var(--Gray-300, #d0d5dd) var(--Gray-100, #f2f4f7)}.html-setting-textarea[data-syntax=html]{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;-moz-tab-size:2;tab-size:2}.number-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.number-setting-input-container{position:relative;width:100%;justify-self:end}.number-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:44px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.number-setting-input::placeholder{color:var(--color-text-muted, #98a2b3)}.number-setting-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.number-setting-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.number-setting-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.suffix-label{position:absolute;right:var(--space-md, 12px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.number-setting-input::-webkit-inner-spin-button,.number-setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-setting-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .number-setting-wrapper{min-height:36px}.setting-group .setting-group .number-setting-input-container{max-width:120px}.setting-group .setting-group .number-setting-input{height:32px;padding:6px 36px 6px 10px;font-size:13px}.setting-group .setting-group .suffix-label{right:10px;font-size:11px}.setting-group .setting-group .setting-group .number-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .number-setting-input-container{max-width:100px}.setting-group .setting-group .setting-group .number-setting-input{height:28px;padding:4px 32px 4px 8px;font-size:12px}.setting-group .setting-group .setting-group .suffix-label{right:8px;font-size:10px}.number-setting-input.error{border-color:#f04438;background:#fff4f4;color:#f04438}.number-setting-input.error:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.number-setting-input:focus-visible{outline-offset:2px}.opacity-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;min-height:40px}.icon-container{display:flex;align-items:center;gap:var(--space-sm, 8px)}.input-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted, #98a2b3)}.input-icon svg{width:16px;height:16px}.input-label{color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:500;line-height:1.4}.opacity-setting-input-container{position:relative;width:100%;justify-self:end}.opacity-setting-input{width:100%;height:36px;padding:var(--space-sm, 8px) var(--space-md, 12px);padding-right:44px;color:var(--color-text, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md, 14px);font-weight:400;line-height:1.4;border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);box-sizing:border-box;border-radius:var(--radius-lg, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.opacity-setting-input::placeholder{color:var(--color-text-muted, #98a2b3)}.opacity-setting-input:hover{border-color:var(--color-border-hover, #d0d5dd);background:var(--color-bg-hover, #f9fafb)}.opacity-setting-input:focus{background:var(--color-bg-focus, rgba(2, 204, 89, .05))}.opacity-setting-input:disabled{background:#f9fafb;color:var(--color-text-muted, #98a2b3);cursor:not-allowed;opacity:.7}.opacity-suffix{position:absolute;right:var(--space-md, 12px);top:50%;transform:translateY(-50%);color:var(--color-text-muted, #98a2b3);font-size:var(--font-size-sm, 12px);font-weight:500;pointer-events:none;z-index:1}.opacity-setting-input::-webkit-inner-spin-button,.opacity-setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.opacity-setting-input[type=number]{-moz-appearance:textfield}.setting-group .setting-group .opacity-setting-wrapper{min-height:36px}.setting-group .setting-group .opacity-setting-input-container{max-width:120px}.setting-group .setting-group .opacity-setting-input{height:32px;padding:6px 36px 6px 10px;font-size:13px}.setting-group .setting-group .opacity-suffix{right:10px;font-size:11px}.setting-group .setting-group .setting-group .opacity-setting-wrapper{min-height:32px}.setting-group .setting-group .setting-group .opacity-setting-input-container{max-width:100px}.setting-group .setting-group .setting-group .opacity-setting-input{height:28px;padding:4px 32px 4px 8px;font-size:12px}.setting-group .setting-group .setting-group .opacity-suffix{right:8px;font-size:10px}.opacity-setting-input.error{border-color:#f04438;background:#fff4f4;color:#f04438}.opacity-setting-input.error:focus{border-color:#f04438;box-shadow:0 0 0 4px #f044381a}.opacity-setting-input:focus-visible{outline-offset:2px}.select-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 12px);align-items:center;position:relative;width:100%;min-height:40px;z-index:1}.select-container .select-options{position:fixed;z-index:99999;max-width:300px;min-width:200px}.setting-group .select-container,.tab-content .select-container,.tabs-settings-container .select-container{position:relative;z-index:1}.select-container .icon-container{display:flex;align-items:center;margin-bottom:0}.select-container .icon-container .input-label{color:var(--color-text-secondary, #667085);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-sm, 12px);font-style:normal;font-weight:400;line-height:1.4}.select-button{place-self:end;max-width:140px;width:100%;height:36px;min-height:36px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 var(--space-md, 12px);border-radius:var(--radius-lg, 8px);border:1px solid var(--color-border, #e4e7ec);background:var(--color-bg, #fff);cursor:pointer;font-size:var(--font-size-md, 14px);font-weight:400;color:var(--color-text, #1d2939);position:relative;transition:all var(--transition-fast, .15s ease);box-shadow:0 1px 2px #1018280d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.select-button:hover{border-color:var(--color-border-hover, #d0d5dd);box-shadow:0 1px 3px #1018281a}.select-button:focus{outline:none}.select-button.has-label{padding-top:0;height:36px}.select-button .select-label{position:absolute;top:8px;left:16px;color:#667085;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.select-button .select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.select-button.loading{position:relative;color:#6e7891;background-color:#f9fafb;pointer-events:none;padding-left:36px!important}.select-button.loading:before{content:"";position:absolute;left:10px;top:25%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid #02cc59;border-radius:50%;animation:select-spin 1s linear infinite;z-index:2}@keyframes select-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-button.error{border-color:#f04438;color:#f04438;background-color:#fff4f4}.select-options{display:none;position:fixed!important;z-index:99999!important;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style-type:none;flex-direction:column;color:#101828;align-items:flex-start;border:1px solid #e4e7ec;background:#fff;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:translateY(-8px);min-width:200px;max-width:300px}.select-options.open{display:flex;opacity:1;transform:translateY(0);animation:select-fade-in .2s ease forwards}@keyframes select-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:10px 12px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#344054;border-radius:6px;transition:background-color .15s ease;font-size:14px}.select-option:hover{background:#f9fafb}.select-option.selected{background:#b6dfc8;color:#344054;font-weight:400}.svg-container{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;z-index:1}.svg-container .svg-select{stroke:#667085;transition:transform .3s ease;width:16px;height:16px}.svg-container.open .svg-select{transform:rotate(180deg)}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:transparent;border-radius:8px}.select-options::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:8px}.select-options::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.select-option.empty-message{text-align:center;color:#6e7891;font-style:italic;cursor:default;justify-content:center}.setting-group .setting-group .select-container{min-height:36px}.setting-group .setting-group .select-button{height:32px;min-height:32px;max-width:120px;font-size:13px;padding:0 32px 0 10px}.setting-group .setting-group .select-container .icon-container .input-label{font-size:11px}.setting-group .setting-group .setting-group .select-container{min-height:32px}.setting-group .setting-group .setting-group .select-button{height:28px;min-height:28px;max-width:100px;font-size:12px;padding:0 28px 0 8px}.setting-group .setting-group .setting-group .select-container .icon-container .input-label{font-size:10px}.setting-group .setting-group .svg-container,.setting-group .setting-group .setting-group .svg-container{right:8px;width:16px;height:16px}.setting-group .setting-group .svg-container .svg-select,.setting-group .setting-group .setting-group .svg-container .svg-select{width:12px;height:12px}.align-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.align-setting-label{font-size:12px;color:var(--color-text)}.align-options-container{width:120px;color:#0006;background-color:#f5f6f7;border-radius:9999px;padding:4px 13px;display:flex;gap:8px;justify-self:flex-end}.align-option-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s}.align-option-button:hover{background-color:#fff}.align-option-button.selected{background-color:var(--color-white);color:var(--color-black)}.button-setting-wrapper{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.button-setting{display:flex;height:30px;min-width:64px;padding:0;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border:1px solid rgba(145,158,171,.32);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.01em;text-align:center}.dimension-setting-container{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.dimension-bracket{width:18px;height:42px;position:absolute;top:16px;right:122px;display:flex;align-items:center;justify-content:center;z-index:1}.dimension-bracket:before{content:"";position:absolute;width:13px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'><path d='M14 1H5C2.79086 1 1 2.79086 1 5V15' stroke='%23667085'/></svg>") no-repeat center center;background-size:contain;top:0;right:1px}.dimension-bracket:after{content:"";position:absolute;width:13px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'><path d='M14 14H5C2.79086 14 1 12.2091 1 10V4.76837e-07' stroke='%23667085'/></svg>") no-repeat center center;background-size:contain;bottom:0;right:1px}.dimension-lock-icon{transform:translate(-.25rem);width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#667085;z-index:1;border-radius:4px;transition:all .2s ease}.dimension-lock-icon:hover{background-color:#f5f5f5;transform:translate(-.25rem) scale(1.1)}.dimension-setting-container.aspect-locked .dimension-lock-icon{color:#02cc59;background-color:#02cc591a;box-shadow:0 0 0 1px #02cc5933}.dimension-setting-container.aspect-locked .dimension-bracket:before,.dimension-setting-container.aspect-locked .dimension-bracket:after{filter:hue-rotate(210deg) saturate(2)}@media (max-width: 480px){.dimension-bracket{right:100px}}.upload-setting-wrapper{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.icon-title-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.icon-title-container .input-label{color:#344054;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500}.preview-button-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%;gap:12px;border-radius:12px}.preview-button-container.no-image{justify-content:center}.preview-button-container.no-image .preview-placeholder{display:none}.preview-button-container.no-image .upload-button{width:100%;min-width:140px;flex-grow:1;margin:0 auto}.no-image .preview-placeholder{display:none!important}.preview-wrapper{position:relative;width:91px;height:71px;border-radius:4px;overflow:hidden;background-color:#d3d3d3;flex-shrink:0;display:none}.preview-wrapper.has-image{display:block}.upload-preview{width:100%;height:100%;object-fit:cover;border-radius:4px;display:none;background-position:center;background-size:146.165% 100%;background-repeat:no-repeat}.preview-wrapper.has-image .upload-preview{display:block;object-fit:contain;padding:2px}.empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#d3d3d3}.empty-state svg{width:100%;height:100%}.preview-wrapper.has-image .empty-state{display:none}.upload-button{width:100%;height:40px;display:flex;padding:5px 4px;flex-direction:row;align-items:center;gap:4px;border-radius:12px;border:1px solid var(--Gray-200, #eaecf0);background:var(--Base-White, #fff);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #1018280d;flex-grow:0;justify-content:center;min-width:90px}.preview-wrapper:not(.has-image)+.upload-button{flex-grow:0}.upload-button:hover{border-color:#d0d5dd;box-shadow:0 1px 3px #1018281a}.upload-icon{display:flex;align-items:center;justify-content:center}.upload-label{font-size:12px;font-weight:500;color:#344054}.delete-button{display:flex;width:24px;height:24px;padding:4px;justify-content:center;align-items:center;position:absolute;right:4px;top:4px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease;z-index:2}.delete-button svg{width:14px;height:14px;flex-shrink:0}.delete-button:hover{background-color:#f3f4f6}.upload-setting-wrapper.no-label .preview-button-container{grid-row:1}.preview-placeholder{display:flex;justify-content:center;align-items:center;width:91px;height:71px;border-radius:4px;background-color:#f2f4f7;flex-shrink:0}.preview-button-container:not(:has(.preview-wrapper.has-image)) .preview-placeholder{display:flex}.upload-setting-wrapper .error-message{color:#f04438;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.4;margin-top:4px;margin-bottom:8px;padding:8px 12px;background-color:#fff4f4;border:1px solid #fecdca;border-radius:6px;display:none;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-setting-wrapper .error-message:before{content:"⚠️";margin-right:6px}.preview-wrapper.loading{display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.preview-wrapper.loading .upload-preview{display:none}.loading-spinner{width:29px;height:29px;display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}.loading-spinner svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--im-bg: #f6f8fb;--im-panel: #ffffff;--im-panel-strong: #f1f4f9;--im-card: #ffffff;--im-border: #d7deea;--im-border-strong: #c3d2ea;--im-text: #0f172a;--im-text-subtle: #4b5565;--im-accent: #3ca4ff;--im-accent-strong: #2f7bd1;--im-danger: #f04438;--im-success: #12b76a;--im-shadow: 0 10px 30px rgba(15, 23, 42, .12);--im-radius: 14px;--font: "Public Sans"}.image-map-setting-wrapper{display:grid;grid-template-columns:1fr;gap:12px;width:100%;font-family:var(--font)}.icon-container{display:flex;align-items:center;gap:8px}.input-label{color:#1f2937;font-size:14px;font-weight:600}.input-icon{display:flex;align-items:center;justify-content:center}.image-map-sections-container{display:flex;flex-direction:column;gap:16px}.image-map-section{display:flex;flex-direction:column;gap:8px}.image-map-section-title{color:#46525c;margin:0;font-family:var(--font);font-size:14px;font-style:normal;font-weight:600;line-height:150%}.image-map-upload-box{position:relative;display:flex;align-items:center;justify-content:center;height:40px;background:#f9fafb;border:1px solid rgba(145,158,171,.2);border-radius:12px;padding:4px;gap:12px;transition:all .2s ease}.image-map-upload-box:hover{border-color:#c7d5ed}.image-map-upload-box.has-image{border-style:solid;background:#eff1f2;justify-content:space-between;padding:4px!important;border-radius:12px;gap:12px;height:60px}.image-map-thumbnail-wrapper{position:relative;display:none;flex-shrink:0}.image-map-upload-box.has-image .image-map-thumbnail-wrapper{display:block}.image-map-thumbnail-main{width:121px;height:52px;background:#fff;object-fit:cover;border-radius:8px;display:block}.image-map-upload-label{cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;transition:all .2s ease;margin-right:22px}.upload-text{color:#637381;font-family:var(--font);font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:0;display:flex}.image-map-upload-box.has-image .image-map-upload-label{position:static;opacity:1;background:transparent;flex:1;display:flex;align-items:center;justify-content:end;padding-right:4px;max-width:fit-content}.image-map-upload-box.has-image .upload-text{display:none}.image-map-upload-box.has-image .image-map-upload-label:after{content:"Replace";color:#637381;font-family:var(--font);font-size:12px;font-weight:600}.upload-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%}.upload-icon svg{width:15px;height:16px}.image-map-upload-box.has-image .upload-icon{background:transparent;width:24px;height:24px}.image-map-upload-box.has-image .upload-icon svg{width:18px;height:18px}.upload-icon-default{display:flex}.upload-icon-replace,.image-map-upload-box.has-image .upload-icon-default{display:none}.image-map-upload-box.has-image .upload-icon-replace{display:flex}.image-map-delete-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:18px;height:18px;display:none;align-items:center;justify-content:center;background:#eff1f2;border:1px solid #ff5630;border-radius:500px;cursor:pointer;transition:all .2s ease;z-index:10;padding:0}.image-map-upload-box.has-image .image-map-delete-btn{display:flex;width:28px;height:28px}.image-map-delete-btn svg{width:14px;height:15px;flex-shrink:0}.image-map-button{display:flex;align-items:center;gap:12px;padding:4px;border-radius:12px;background:#f9fafb;border:1px solid #dce3ef;cursor:pointer;transition:all .2s ease;min-height:40px;border:1px solid rgba(145,158,171,.2);color:#0f172a;font-weight:600;justify-content:center}.image-map-button:hover:not(:disabled){border-color:#c7d5ed}.image-map-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.image-map-thumbnail{width:72px;height:52px;object-fit:cover;border-radius:8px;display:none;border:1px solid var(--im-border);background:#eef2f8}.image-map-button.has-image .image-map-thumbnail{display:block}.image-map-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.image-map-icon svg{width:18px;height:18px;aspect-ratio:1/1}.image-map-button.has-image .image-map-icon{display:none}.image-map-marker-count{color:#637381;font-family:var(--font);font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:0}.image-map-button.has-image .image-map-marker-count{color:#0f172a;font-size:14px;font-weight:600}.image-map-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:1;pointer-events:none}.image-map-popover{position:fixed;z-index:1;width:580px;max-width:94vw;height:600px;max-height:90vh;background:#fff;border-radius:var(--im-radius);border:1px solid var(--im-border-strong);box-shadow:0 20px 50px #0f172a29;display:flex;flex-direction:column;overflow:hidden;color:var(--im-text);gap:16px;padding:16px;z-index:99}.image-map-header{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.image-map-title{margin:0;font-size:18px;font-weight:600;color:#1c252e;line-height:150%}.image-map-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:all .2s ease;padding:0}.image-map-close-btn:hover{background:#dbdfe2}.image-map-content{overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.image-map-main-layout{display:flex;gap:16px;height:100%;min-height:0}.image-map-image-section{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}.prize-list-section{width:200px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.upload-section-wrapper{display:flex;flex-direction:column;gap:20px}.upload-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 12px}.upload-section{display:flex;align-items:center;justify-content:center;min-height:180px;background:#f9fbfe;border:1px dashed #d7deea;border-radius:var(--im-radius)}.upload-label{cursor:pointer;width:100%;border:none;padding:0;background:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px;border:none;border-radius:var(--im-radius);background:transparent;transition:all .2s ease;color:#0f172a}.upload-placeholder:hover{background:#eef3fb}.upload-placeholder span{color:#0f172a;font-size:15px;font-weight:600}.upload-label.map-config-btn .upload-placeholder{border:1px solid #d7deea;border-radius:var(--im-radius);background:#fff}.upload-label.map-config-btn .upload-placeholder:hover{background:#f0f4fb;border-color:#c7d5ed}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:12px}.place-prize-text{color:var(--Blue-blue-1000, #1c252e);font-family:var(--font);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.undo-redo-group{display:flex;gap:8px;flex:0 0 auto;margin-left:11px}.prize-counter-inline{color:var(--Blue-blue-500, #637381);text-align:right;font-family:var(--font);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.prize-counter-inline.complete{background:#f0fbf4;color:var(--im-success);border-color:#12b76a66}.action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;color:#0f172a;border-radius:2px}.action-btn:hover:not(:disabled){background:#dbdfe2}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn:disabled svg path{fill:#454f5b}.action-btn svg path{fill:#0f172a}.bottom-buttons{display:flex;justify-content:flex-end;gap:16px}.bottom-buttons>button,.bottom-buttons>.done-btn-wrapper{max-width:110px;width:100%}.clear-all-btn{display:flex;justify-content:center;align-items:center;gap:2px;border:1px solid var(--Blue-blue-100, #cfd4d8);border-radius:8px}.clear-all-btn svg{width:18px;height:18px;aspect-ratio:1/1}.clear-all-btn span{color:var(--Blue-blue-700, #46525c);text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:150%;text-transform:capitalize}.clear-all-btn:hover{border-radius:8px;border:1px solid var(--Blue-blue-100, #cfd4d8);background:var(--Blue-blue-50, #eff1f2)}.done-btn{display:flex;justify-content:center;align-items:center;gap:4px;border-radius:8px;background:var(--Blue-blue-1000, #1c252e);padding:8px 12px;color:var(--Blue-blue-50, #eff1f2);text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:150%;text-transform:capitalize;width:100%}.done-btn:hover:not(:disabled){border-radius:8px;background:var(--Blue-blue-900, #2a3036)}.done-btn:disabled{border-radius:8px;opacity:.5;background:var(--Blue-blue-1000, #1c252e)}.done-btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.done-btn-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,25%);display:none;flex-direction:column;align-items:center;pointer-events:none;z-index:1000}.done-btn-wrapper.has-tooltip:hover .done-btn-tooltip{display:flex}.done-btn-tooltip-content{display:flex;padding:var(--tooltip-py, 3px) var(--tooltip-px, 6px);justify-content:center;align-items:center;border-radius:var(--radius-075, 6px);background:var(--Blue-blue-1000, #1c252e);color:#fff;font-family:var(--font);line-height:150%;white-space:nowrap;text-align:center;font-size:11px;font-style:normal;font-weight:400}.done-btn-tooltip-tail{width:8px;height:4px;display:flex;align-items:center;justify-content:center;margin-top:-1px}.done-btn-tooltip-tail svg{width:8px;height:4px;fill:var(--Blue-blue-1000, #1c252e)}.image-map-error-tooltip{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none;transform:translate(-50%,-100%);opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:200}.image-map-error-tooltip.visible{opacity:1;transform:translate(-50%,calc(-100% - 2px))}.image-map-error-tooltip-content{display:flex;padding:var(--tooltip-py, 3px) var(--tooltip-px, 6px);justify-content:center;align-items:center;border-radius:6px;background:#ff5630;color:var(--components-tooltip-color, #fff);text-align:center;font-family:var(--font);font-size:11px;font-style:normal;font-weight:400;line-height:150%;box-shadow:0 10px 24px #f044384d;white-space:nowrap}.image-map-error-tooltip-tail{width:8px;height:4px;display:flex;align-items:center;justify-content:center}.image-map-error-tooltip-tail svg{width:8px;height:4px;display:block}.image-map-error-tooltip-tail path{fill:#ff5630}.image-map-container{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px}.image-map-container::-webkit-scrollbar{width:4px}.image-map-container::-webkit-scrollbar-track{background:#eff1f2}.image-map-container::-webkit-scrollbar-thumb{background:var(--Blue-blue-300, #96a1ab);border-radius:100px}.image-map-container::-webkit-scrollbar-thumb:hover{background:#7a8691}.image-map-wrapper{position:relative;width:100%;background:#fff;min-height:fit-content}.image-map-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;border-radius:8px}.prize-counter{font-size:14px;font-weight:700;color:var(--im-text);padding:10px 12px;background:#fff;border-radius:10px;border:1px solid var(--im-border);text-align:center}.prize-counter.complete{background:#f0fbf4;color:var(--im-success);border-color:#12b76a66}.prize-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f9fbfe;padding:2px;border-radius:10px}.prize-item{padding:12px;background:var(--im-card);border:1px solid var(--im-border);border-radius:12px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;box-shadow:inset 0 1px #ffffffb3}.prize-item.placed{border-color:#12b76a66;background:#f0fbf4}.prize-item.missing{border-color:#f0443840;background:#fff5f5}.prize-index{width:32px;height:32px;border-radius:8px;background:#f0f4fb;border:1px solid var(--im-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--im-text)}.prize-label{display:flex;flex-direction:column;gap:2px}.prize-title{font-weight:700;color:#0f172a;font-size:14px}.prize-subtitle{color:#4b5565;font-size:12px}.prize-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6}.prize-status.placed{box-shadow:0 0 0 1px #12b76a40}.prize-status.missing{box-shadow:0 0 0 1px #f0443840}.prize-list-empty{padding:16px 10px;text-align:center;color:var(--im-text-subtle);font-size:12px}.sidebar-save-btn{padding:12px 16px;background:linear-gradient(145deg,#2f7bd1,#3ca4ff);color:#fff;border:1px solid rgba(60,164,255,.4);border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 12px 30px #2f7cd14d}.sidebar-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #3ca4ff59}.sidebar-save-btn:disabled{background:#e4eaf5;color:#7a869c;border-color:var(--im-border);cursor:not-allowed;box-shadow:none}.marker-container{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(-13.5px,-34px);z-index:10;cursor:grab}.marker-container.dragging{cursor:grabbing;z-index:30}.marker-container.dragging .image-map-marker{transform:scale(1.1)}.image-map-marker{width:27px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;-webkit-user-select:none;user-select:none;transition:transform .15s ease,filter .2s ease;position:relative;filter:drop-shadow(0 4px 12px rgba(240,68,56,.4))}.image-map-marker svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.marker-number{pointer-events:none;position:relative;z-index:1;margin-top:-8px}.marker-delete-btn{position:absolute;top:-10px;right:-8px;width:18px;height:18px;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease;z-index:50;pointer-events:auto;box-shadow:0 2px 1px #00000040;border-radius:100%}.marker-container:hover .marker-delete-btn{display:flex}.marker-cursor-tooltip{position:absolute;display:none;width:18px;height:18px;padding:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:23px;background:#f04438cc;color:#fff;font-size:11px;font-weight:700;pointer-events:none;z-index:100;transform:translate(10px,10px)}.marker-cursor-tooltip.visible{display:flex}.image-map-error-toast{font-family:var(--font)}.image-map-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:11000;display:flex;align-items:center;justify-content:center;padding:16px}.image-map-confirm-modal{background:#fff;border:1px solid #dce3ef;border-radius:16px;width:360px;max-width:90vw;padding:20px;color:#0f172a;box-shadow:0 20px 50px #0f172a2e;transform:translateY(12px);opacity:0;transition:all .15s ease}.image-map-confirm-modal.visible{transform:translateY(0);opacity:1}.confirm-header{font-weight:700;font-size:16px;margin-bottom:8px}.confirm-body{font-size:14px;color:#4b5565;margin-bottom:18px;line-height:1.4}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:10px 14px;border-radius:10px;border:1px solid #dce3ef;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;transition:all .15s ease;min-width:100px}.confirm-btn.ghost:hover{border-color:#c7d5ed;background:#eef3fb}.confirm-btn.danger{background:linear-gradient(145deg,#f04438,#c72f28);border-color:#f0443866;color:#fff}.confirm-btn.danger:hover{box-shadow:0 12px 24px #f044384d;transform:translateY(-1px)}.simple-prize-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding:12px 8px 4px 4px;flex:1;min-height:0;border-radius:4px;border:1px solid var(--Blue-blue-50, #eff1f2);background:#fff}.simple-prize-list::-webkit-scrollbar{width:4px}.simple-prize-list::-webkit-scrollbar-track{background:#eff1f2}.simple-prize-list::-webkit-scrollbar-thumb{background:var(--Blue-blue-300, #96a1ab);border-radius:100px}.simple-prize-list::-webkit-scrollbar-thumb:hover{background:#7a8691}.simple-prize-item{display:grid;grid-template-columns:35px 1fr 20px;padding:2px 4px;place-content:center;align-items:center;border-bottom:1px solid #eff1f2;height:25px}.simple-prize-text{color:var(--Blue-blue-1000, #1c252e);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-family:var(--font)}.simple-prize-item.placed .simple-prize-text{color:#1c252e}.simple-prize-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.simple-prize-check svg{width:14px;height:14px}.height-setting{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.height-setting-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2px}.height-input-wrapper{position:relative;padding:8px 8px 8px 4px;width:120px;height:33px;display:flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg)}.height-text-input{border:none;outline:none;width:65px;color:var(--color-input-text);font-size:14px;text-align:center;background:transparent}.width-setting{display:grid;grid-template-columns:1fr 1fr;place-content:center;align-items:center}.width-setting-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2px}.width-input-wrapper{position:relative;padding:8px 8px 8px 4px;width:120px;height:33px;display:flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg)}.width-text-input{border:none;outline:none;width:65px;color:var(--color-input-text);font-size:14px;text-align:center;background:transparent}.width-setting .number-setting{width:100%}.select-api-container{display:grid;grid-template-columns:1fr;place-content:center;align-items:center;position:relative;width:100%}.select-api-button{width:100%;height:33px;min-height:33px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 16px;border-radius:8px;border:1px solid var(--color-border, #e4e7ec);background:#fff;cursor:pointer;color:#344054;font-family:Satoshi;font-size:14px;font-style:normal;font-weight:500;line-height:normal;position:relative;transition:all .2s ease;box-shadow:0 1px 2px #1018280d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:40px!important}.select-api-button:hover{border-color:#d0d5dd;box-shadow:0 1px 3px #1018281a}.select-api-button:focus{outline:none;border-color:#b6dfc8;box-shadow:0 0 0 4px #7f56d91a}.select-api-button .select-label{position:absolute;top:2px;color:#667085;font-family:Satoshi;font-size:12px;font-style:normal;font-weight:400;line-height:normal;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.select-api-button .select-value{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.select-api-button.loading{position:relative;color:#6e7891;background-color:#f9fafb;pointer-events:none;padding-left:36px!important}.select-api-button.loading:before{content:"";position:absolute;left:10px;top:25%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e4e7ec;border-top:2px solid #02cc59;border-radius:50%;animation:select-api-spin 1s linear infinite;z-index:2}.select-api-button.has-label.loading{padding-left:36px!important}.select-api-button.has-label.loading .select-value{padding-left:0}.select-api-button.has-label.loading:before{top:18px;left:10px}@keyframes select-api-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-api-button.error{border-color:#f04438;color:#f04438;background-color:#fff4f4}.select-api-options{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style-type:none;z-index:1000;flex-direction:column;gap:2px;color:#101828;align-items:flex-start;border:1px solid #e4e7ec;background:#fff;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:translateY(-8px)}.select-api-options.open{display:flex;opacity:1;transform:translateY(0)}.select-api-option{padding:10px 12px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;color:#344054;border-radius:6px;transition:background-color .15s ease;font-size:13px}.select-api-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.select-api-option:hover{background:#f9fafb}.select-api-option.selected{background:#b6dfc8;color:#344054;font-weight:500}.select-api-option.disabled{opacity:.6;cursor:not-allowed;color:#6e7891}.select-api-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid #e4e7ec;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0;cursor:pointer;flex-shrink:0}.select-api-radio:checked{border-color:#02cc59;background:#fff;position:relative}.select-api-radio:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#02cc59;border-radius:50%}.svg-container{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none}.svg-container .svg-select-api{stroke:#667085;transition:transform .3s ease;width:16px;height:16px}.svg-container.open .svg-select-api{transform:rotate(180deg)}.select-api-container .icon-container{display:none}.select-api-options::-webkit-scrollbar{width:6px}.select-api-options::-webkit-scrollbar-track{background:transparent;border-radius:8px}.select-api-options::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:8px}.select-api-options::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.select-api-option.empty-message{text-align:center;color:#6e7891;font-style:italic;cursor:default;justify-content:center}.select-api-option.empty-message:hover{background:transparent}.select-api-option:focus{outline:none;box-shadow:0 0 0 2px #b6dfc8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-api-options.open{display:flex;animation:fadeIn .2s ease forwards}.select-api-button.has-label{height:48px}.toggle-setting-container{display:flex;justify-content:space-between;align-items:center;padding-left:3px;padding-right:3px;flex-wrap:wrap}.toggle-label{color:#344054;font-family:Satoshi;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;padding:2px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e4e7ec;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#02cc59}input:focus+.toggle-slider{box-shadow:0 0 1px #02cc59}input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-with-icon .toggle-label{display:flex;align-items:center;gap:8px}.toggle-icon{display:flex;align-items:center;justify-content:center;color:#667085}.toggle-description{color:#637381;width:100%;margin:8px 0 0;font-size:11px;line-height:16px}.toggle-setting-container.toggle-has-description{border:1px dashed #919EAB66;border-radius:12px;padding:12px 8px;box-sizing:border-box}.gap-settings-container{display:flex;flex-direction:column;gap:12px;width:100%}.gap-settings-title{font-size:14px;font-weight:500;color:#344054;margin-bottom:4px}.gap-input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%}.gap-label-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.gap-setting-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:#667085}.gap-setting-icon svg{width:16px;height:16px}.gap-input-label{font-size:13px;color:#667085}.gap-setting-inner-wrapper{position:relative;display:grid;grid-template-columns:1fr;place-content:center;align-items:center;width:120px}.gap-setting-input{width:100%;padding:8px;font-size:14px;border-radius:8px;color:#292b2e;border:1px solid var(--color-border);background:var(--color-bg);box-sizing:border-box}.suffix-wrapper{position:relative}.suffix-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding-left:8px;border-left:1px solid var(--color-divider);font-size:12px;color:var(--color-text)}.gap-setting-input::-webkit-outer-spin-button,.gap-setting-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gap-setting-input[type=number]{-moz-appearance:textfield}.margin-bottom-wrapper{display:grid;grid-template-columns:1fr auto;gap:auto}.margin-bottom-wrapper .setting-icon svg{width:18px;height:19px}.margin-bottom-wrapper .number-setting-input{background:#fff;min-width:95px;width:95px;padding:8px;border-radius:8px;border:1px solid #D0D5DD;font-size:14px;color:#292b2e}.margin-bottom-wrapper .setting-title{color:#667085;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.margin-top-wrapper{display:grid;grid-template-columns:1fr auto;gap:auto}.margin-top-wrapper .setting-icon svg{width:18px;height:19px}.margin-top-wrapper .number-setting-input{background:#fff;min-width:95px;width:95px;padding:8px;border-radius:8px;border:1px solid #D0D5DD;font-size:14px;color:#292b2e}.margin-top-wrapper .setting-title{color:#667085;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.simple-multi-language-wrapper{display:flex;flex-direction:column;width:100%}.simple-multi-language-title{display:flex;justify-content:space-between;align-items:center;color:var(--Blue-blue-700, #46525c);font-family:Public Sans;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.simple-multi-language-content{display:flex;flex-direction:column;gap:12px;width:100%}.multi-language-eye-icon{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s,background .2s;border-radius:2px}.multi-language-eye-icon:hover{border-radius:2px;background:var(--Blue-hover, #dbdfe2);color:#000}.simple-multi-language-row{display:flex;flex-direction:column;gap:6px}.simple-language-label{font-size:12px;font-weight:500;color:var(--color-input-text);text-transform:uppercase;letter-spacing:.5px;margin-left:2px}.simple-language-textarea{width:100%;min-height:38px;font-size:14px;border-radius:8px;color:var(--color-input-text);border:1px solid var(--color-border);background:var(--color-bg);font-family:inherit;resize:none;line-height:1.4;overflow-y:hidden;box-sizing:border-box;padding:8px 12px;max-height:90px}.simple-language-textarea:focus{outline:none}.simple-language-textarea::placeholder{color:var(--color-text-muted, #6c757d);white-space:nowrap;text-overflow:ellipsis}.simple-language-textarea:placeholder-shown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-language-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.multi-language-popup{background:#fff;border-radius:16px;padding:24px 16px;max-width:580px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #919eab29;display:flex;flex-direction:column;gap:24px}.multi-language-popup-header{display:flex;justify-content:space-between;align-items:center}.multi-language-popup-title{margin:0;font-family:Public Sans,sans-serif;font-size:18px;font-weight:600;line-height:1.5;color:#1c252e}.multi-language-close-button{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;transition:background-color .2s}.multi-language-close-button:hover{border-radius:2px;background:var(--Blue-hover, #dbdfe2)}.multi-language-close-button svg{width:24px;height:24px;color:#637381}.multi-language-popup-content{display:flex;flex-direction:column;gap:8px}.multi-language-popup-content .simple-multi-language-row{display:flex;flex-direction:column;gap:4px}.multi-language-popup-content .simple-language-label{font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#637381;text-transform:uppercase}.multi-language-popup-content .simple-language-textarea{width:100%;max-height:200px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#1c252e;border:1px solid #eff1f2;background:#fff;border-radius:8px;padding:16px;resize:none;box-sizing:border-box;transition:border-color .2s;overflow-y:auto}.multi-language-popup-content .simple-language-textarea:focus{outline:none}.multi-language-popup-content .simple-language-textarea::placeholder{color:#637381}.multi-language-popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.multi-language-done-button{background:#1c252e;border:none;border-radius:8px;padding:8px 12px;min-width:104px;height:37px;cursor:pointer;font-family:Public Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.5;color:#eff1f2;text-transform:capitalize;transition:background-color .2s}.multi-language-done-button:hover{background:#2c3840}.multi-language-done-button:disabled{background:#919eab;cursor:not-allowed}.translation-manager{padding:20px;background:var(--color-bg, #fff);border-radius:12px;border:1px solid var(--color-border, #e0e0e0);margin:20px 0}.translation-manager-title{margin:0 0 16px;font-family:Public Sans,sans-serif;font-size:16px;font-weight:600;color:var(--Blue-blue-700, #46525c)}.translation-manager-buttons{display:flex;gap:12px;margin-bottom:12px}.translation-manager-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.translation-manager-button svg{width:16px;height:16px}.translation-manager-button.export-button{background:#1c252e;color:#fff}.translation-manager-button.export-button:hover{background:#2c3840}.translation-manager-button.import-button{background:#fff;color:#1c252e;border:1px solid #1c252e}.translation-manager-button.import-button:hover{background:#f5f5f5}.translation-manager-info{margin:0;font-family:Public Sans,sans-serif;font-size:13px;color:#637381;line-height:1.5}@media (max-width: 640px){.simple-multi-language-row{gap:4px}.simple-language-label{font-size:11px}.simple-language-textarea{min-height:0;padding:8px;font-size:13px}.multi-language-popup{width:95%;padding:16px}.multi-language-popup-title{font-size:16px}.translation-manager-buttons{flex-direction:column}.translation-manager-button{width:100%;justify-content:center}}.bgset-or-label{margin:8px 0;text-align:center;font-weight:500;color:#667085;align-self:center}.settings-container,.main-settings-container,[data-settings-container]{height:auto;min-height:auto;overflow:visible;flex-shrink:0}.container,.wrapper,.main-wrapper{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}:root{--sg-spacing-0: 16px;--sg-spacing-1: 12px;--sg-spacing-2: 8px;--sg-spacing-3: 6px;--sg-border-0: #eaecf0;--sg-border-1: #d0d5dd;--sg-border-2: #e5e7eb;--sg-border-3: #f2f4f7;--sg-bg-0: #fff;--sg-bg-1: #fff;--sg-bg-2: #fff;--sg-bg-3: #fff;--sg-shadow-0: 0px 1px 3px rgba(16, 24, 40, .1), 0px 1px 2px rgba(16, 24, 40, .06);--sg-shadow-1: 0px 1px 2px rgba(16, 24, 40, .05);--sg-shadow-2: 0px 1px 1px rgba(16, 24, 40, .04);--sg-shadow-3: none}.setting-group{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative;overflow:visible;max-width:100%;box-sizing:border-box}.setting-group[data-nesting-level="0"]{padding:var(--sg-spacing-0);border:1px solid var(--sg-border-0);background:var(--sg-bg-0);box-shadow:var(--sg-shadow-0);border-radius:8px}.setting-group[data-nesting-level="1"]{padding:var(--sg-spacing-1);border:1px solid var(--sg-border-1);background:var(--sg-bg-1);box-shadow:var(--sg-shadow-1);border-radius:6px}.setting-group[data-nesting-level="2"]{padding:var(--sg-spacing-2);border:1px solid var(--sg-border-2);background:var(--sg-bg-2);box-shadow:var(--sg-shadow-2);border-radius:4px}.setting-group[data-nesting-level="3"],.setting-group[data-nesting-level="4"],.setting-group[data-nesting-level="5"]{padding:var(--sg-spacing-3);border:1px solid var(--sg-border-3);background:var(--sg-bg-3);box-shadow:var(--sg-shadow-3);border-radius:4px}.setting-group.collapsed{padding:0;border:none;background:transparent;box-shadow:none}.setting-group[data-nesting-level="0"] .setting-group-content{padding:0 8px 8px;gap:8px}.setting-group[data-nesting-level="1"] .setting-group-content{padding:0 8px 8px;gap:6px}.setting-group[data-nesting-level="2"] .setting-group-content{padding:0 8px 8px;gap:4px}.setting-group[data-nesting-level="3"] .setting-group-content,.setting-group[data-nesting-level="4"] .setting-group-content,.setting-group[data-nesting-level="5"] .setting-group-content{padding:0 6px 6px;gap:3px}.setting-group-title{display:flex;justify-content:space-between;align-items:center;padding:4px 0;cursor:pointer;border-radius:6px}.setting-group-title h3{color:var(--Gray-800, #1d2939);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-group[data-nesting-level="1"] .setting-group-title h3{font-size:13px;font-weight:500}.setting-group[data-nesting-level="2"] .setting-group-title h3{font-size:12px;font-weight:500}.setting-group[data-nesting-level="3"] .setting-group-title h3,.setting-group[data-nesting-level="4"] .setting-group-title h3,.setting-group[data-nesting-level="5"] .setting-group-title h3{font-size:11px;font-weight:500}.setting-group-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transform:rotate(180deg);color:var(--Gray-500, #344054)}.setting-group-arrow.rotated{transform:rotate(0)}.setting-group-content{display:flex;flex-direction:column;width:100%;opacity:1;overflow:visible;max-width:100%;box-sizing:border-box}.setting-group-content.collapsed{opacity:0;margin:0;padding:0;pointer-events:none;display:none}.setting-group.main-group{padding:16px;border:none;border-bottom:1px solid var(--Border-default, #d5dce5);box-shadow:none;margin-top:4px;background:#f8f8f8;border-radius:8px;width:100%;position:relative;margin-bottom:8px;max-height:none;overflow:visible;max-width:100%;box-sizing:border-box;height:auto;min-height:auto;flex-shrink:0}.setting-group.main-group.collapsed{padding:0;background:transparent!important;border:none;box-shadow:none;margin:0}.setting-group.main-group.collapsed .setting-group-title.collapsed-view{height:55px;background:#f8f8f8;border:none;margin-bottom:8px;border-bottom:1px solid var(--Border-default, #d5dce5)}.setting-group.main-group .setting-group-title h3{color:#344054;font-family:Satoshi;font-size:14px;font-weight:700;line-height:20px}.setting-group-content.main-content{width:100%;background:#f8f8f8;border:0;box-shadow:none;padding:0;height:auto;min-height:auto;overflow:visible;flex-shrink:0}.setting-divider{height:1px;width:100%;background-color:#f2f4f7;margin:4px 0}.setting-group-content>:last-child{margin-bottom:0}.setting-group.active{border-color:#d6bbfb;box-shadow:0 0 0 4px #7f56d91a}.setting-group-empty{color:#667085;font-size:13px;font-style:italic;padding:12px 0;text-align:center}.setting-group-title.collapsed-view{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;height:36px;border-radius:8px;border:1px solid var(--Gray-200, #eaecf0);background:var(--Base-White, #fff);margin-bottom:0;position:relative;overflow:visible;cursor:pointer}.setting-group.main-group .setting-group-title.collapsed-view{height:55px;background:#f8f8f8;border:none;border-bottom:1px solid var(--Border-default, #d5dce5)}.setting-group:not(.main-group) .setting-group-title.collapsed-view{height:36px;background:#fff;border:1px solid var(--Gray-200, #eaecf0);padding:14px}.setting-group-title .title-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.setting-group-title .group-icon{display:flex;justify-content:center;align-items:center;color:var(--Gray-500, #667085);flex-shrink:0;width:20px;height:20px}.setting-group-title.collapsed-view h3{color:#344054;font-family:Satoshi;font-size:14px;font-weight:700;line-height:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-group-title.collapsed-view .group-badge{display:flex;padding:2px 8px;justify-content:center;align-items:center;border-radius:16px;background:var(--Gray-100, #f2f4f7);color:var(--Gray-700, #344054);font-size:12px;font-weight:500;line-height:18px;margin-left:8px}.setting-group-title .actions-section{display:flex;align-items:center;gap:8px;margin-left:12px}.setting-group-title.collapsed-view .setting-group-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--Gray-500, #667085)}.setting-group-title .setting-group-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--Gray-500, #667085)}.setting-group-title .setting-group-arrow.rotated{transform:rotate(0)}.setting-group-title.collapsed-view .info-marker{width:16px;height:16px;color:var(--Gray-400, #98a2b3);cursor:help}.setting-group-description{color:#667085;font-size:13px;margin-bottom:8px;line-height:1.4}@media (max-width: 768px){.setting-group-title.collapsed-view{padding:10px 12px}.setting-group-title .title-section{gap:8px}.setting-group-title.collapsed-view .group-badge{display:none}}@media (max-width: 480px){.setting-group-title.collapsed-view h3{font-size:13px}.setting-group-title.collapsed-view .setting-group-arrow{width:24px;height:24px}.setting-group-title.collapsed-view{padding:0 10px}}.setting-group-title.collapsed-view.striped:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--Primary-100, #f4ebff);border-radius:4px 0 0 4px}.setting-group.custom-container{border:none;box-shadow:none;margin:4px 0;padding:0;background:transparent}.setting-group.custom-container>.setting-group-title{display:none}.sg-add-button-bottom{display:flex;height:30px;min-width:64px;padding:6px 12px;justify-content:center;align-items:center;flex:1 0 0;border:1px solid rgba(145,158,171,.32);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.01em;text-align:center}.sg-add-button-bottom:hover{background:#eee}.setting-group.custom-container .setting-group-content{padding:0}.custom_class{border:0!important;box-shadow:none!important;margin:4px 0!important}.custom_class>.setting-group-title{display:none!important}.custom_class .setting-group-content{padding:0!important}.setting-group-title:focus-visible{outline:2px solid #02cc59;outline-offset:2px}.setting-group::-webkit-scrollbar,.setting-group-content::-webkit-scrollbar{width:8px;height:8px}.setting-group::-webkit-scrollbar-track,.setting-group-content::-webkit-scrollbar-track{background:#f0f2f4;border-radius:4px}.setting-group::-webkit-scrollbar-thumb,.setting-group-content::-webkit-scrollbar-thumb{background-color:#c2c9d6;border-radius:4px;border:2px solid transparent;background-clip:content-box}.setting-group::-webkit-scrollbar-thumb:hover,.setting-group-content::-webkit-scrollbar-thumb:hover{background-color:#98a2b3}.setting-group,.setting-group-content{scrollbar-width:thin;scrollbar-color:#c2c9d6 #f0f2f4}.tabs-settings-container{display:flex;flex-direction:column;width:100%;border-radius:8px;background:transparent;overflow:visible;position:relative;z-index:1;max-width:100%;box-sizing:border-box}.tabs-settings-container.main-group{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #1018280d}.tabs-header{width:100%;display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;align-self:stretch;flex-shrink:0;background:#f1f3f2;position:relative;z-index:1;border-radius:400px;margin-bottom:8px}.tabs-header.main-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:8px;margin-bottom:0}.tab-button{display:flex;padding:4px 12px;justify-content:center;align-items:center;background-color:transparent;gap:8px;flex:1 0 0;border-radius:400px;color:#000000b3;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:20px;border:1px solid transparent;box-shadow:0 0 #10182800;position:relative;z-index:1;cursor:pointer;transition:all .2s ease;outline:none}.tab-button:active{box-shadow:0 1px 2px -1px #10182805}.tab-button.active{color:#000;font-weight:700;border-radius:400px;background:#fff;box-shadow:0 4px 8px -2px #1018280a}.tab-button.active:active{box-shadow:0 2px 4px -1px #1018280a}.tab-button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.tab-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.tab-icon svg{width:100%;height:100%}.tab-content{position:relative;overflow:visible;width:100%;z-index:1;margin-top:8px;max-width:100%;box-sizing:border-box;animation:fadeIn .2s ease-in-out}.tab-panel{display:grid;gap:8px;position:absolute;width:100%;opacity:0;pointer-events:none;overflow:visible;z-index:1;max-width:100%;box-sizing:border-box}.tab-panel.active{opacity:1;pointer-events:auto;position:relative;overflow:visible;z-index:1;max-width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tabs-header{padding:3px}.tab-button{padding:3px 8px;font-size:11px}}@media (max-width: 480px){.tab-button{padding:2px 6px;font-size:10px}.tab-icon{width:14px;height:14px}}.tab-content>.setting-group{margin-bottom:12px}.tab-content>.setting-group:last-child{margin-bottom:0}.tabs-settings-container.main-group .setting-group-content{border-top:none;border-radius:0 0 8px 8px}.setting-group.main-group.collapsed .tabs-header,.setting-group.main-group.collapsed .setting-group,.setting-group .setting-group.collapsed .tabs-header,.tabs-settings-container.collapsed .tabs-header,.tabs-settings-container.collapsed .tab-content{display:none}:root{--color-border: #d5dce5;--color-bg: #f8f8f8;--color-border-secondary: #eaecf0;--color-text: #667085;--color-title: #344054;--color-input-text: #292b2e;--color-white: #fff;--color-black: #000;--color-divider: #dcdcdc;--color-btn-text: #4b4b4b;--color-bg-icon: #f2f4f7}{padding:0;margin:0;border:none},:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}body{font-family:Satoshi,sans-serif;font-weight:400;font-size:12px;line-height:18px}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}

package/dist/settings/gradient-settings/components/EmbeddedColorPicker.d.ts CHANGED Viewed

@@ -15,6 +15,8 @@ export declare class EmbeddedColorPicker {
     private opacityMarker;
     private input;
     private select;
+    private opacityValueInput;
+    private colorSwatchEl;
     private currentColor;
     private currentOpacity;
     private onColorChange;
@@ -35,6 +37,7 @@ export declare class EmbeddedColorPicker {
     private syncInput;
     private applyFromInput;
     private updateOpacityBg;
+    private updateColorSwatch;
     private queueChange;
     private flushChange;
     private applyPendingExternal;

package/dist/settings/gradient-settings/utils/icon.d.ts CHANGED Viewed

@@ -4,4 +4,5 @@ export declare const flipIcon = "<svg width=\"15\" height=\"17\" viewBox=\"0 0 1
 export declare const deleteIcon = "<svg width=\"14\" height=\"2\" viewBox=\"0 0 14 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0.8 0.800003H12.4667\" stroke=\"#919EAB\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n</svg>";
 export declare const solidIcon = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"16\" y=\"16\" width=\"14\" height=\"14\" rx=\"1\" transform=\"rotate(-180 16 16)\" stroke=\"#637381\"/>\n<rect x=\"14\" y=\"14\" width=\"10\" height=\"10\" rx=\"1\" transform=\"rotate(-180 14 14)\" fill=\"#637381\"/>\n</svg>\n";
 export declare const gradientIcon = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3 15.75L15 15.75C15.2984 15.75 15.5845 15.6315 15.7955 15.4205C16.0065 15.2095 16.125 14.9234 16.125 14.625L16.125 3.375C16.125 3.07663 16.0065 2.79048 15.7955 2.5795C15.5845 2.36853 15.2984 2.25 15 2.25L3 2.25C2.70163 2.25 2.41548 2.36853 2.2045 2.5795C1.99353 2.79048 1.875 3.07663 1.875 3.375L1.875 14.625C1.875 14.9234 1.99353 15.2095 2.2045 15.4205C2.41548 15.6315 2.70163 15.75 3 15.75ZM5.25 3.375L5.25 5.625L7.5 5.625L7.5 3.375L9.75 3.375L9.75 5.625L12 5.625L12 7.875L9.75 7.875L9.75 10.125L12 10.125L12 12.375L9.75 12.375L9.75 14.625L7.5 14.625L7.5 12.375L5.25 12.375L5.25 14.625L3 14.625L3 3.375L5.25 3.375Z\" fill=\"#637381\"/>\n<path d=\"M9.75 12.375L7.5 12.375L7.5 10.125L9.75 10.125L9.75 12.375ZM9.75 7.875L7.5 7.875L7.5 5.625L9.75 5.625L9.75 7.875ZM7.5 10.125L5.25 10.125L5.25 7.875L7.5 7.875L7.5 10.125Z\" fill=\"#637381\"/>\n</svg>\n";
-export declare const brokenLinkIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.6106 19.5062C20.6887 19.5843 20.6887 19.711 20.6106 19.7891L19.7896 20.6101C19.7115 20.6882 19.5848 20.6882 19.5067 20.6101L5.98957 7.09298C5.91146 7.01488 5.91146 6.88825 5.98957 6.81014L6.81063 5.98908C6.88873 5.91097 7.01537 5.91097 7.09347 5.98908L20.6106 19.5062Z\" fill=\"#46525C\"/>\n<path d=\"M9.69583 12.2146C9.81298 12.3318 9.81298 12.5217 9.69583 12.6389L7.80151 14.5332C6.72071 15.614 6.6062 17.4365 7.80151 18.6318C8.99473 19.8267 10.8184 19.7123 11.8992 18.6318L13.7935 16.7366C13.9106 16.6194 14.1006 16.6194 14.2178 16.7366L14.816 17.3348C14.9331 17.4519 14.9332 17.6418 14.816 17.759L12.9216 19.6543C11.2241 21.3536 8.47364 21.3518 6.77417 19.6543C5.07483 17.9568 5.0749 15.2064 6.77417 13.5068L8.66848 11.6116C8.78563 11.4944 8.97562 11.4944 9.0928 11.6116L9.69583 12.2146ZM13.5085 6.77441C15.2061 5.07514 17.9565 5.07509 19.656 6.77441C21.3535 8.47388 21.3533 11.2243 19.656 12.9238L17.7607 14.8182C17.6436 14.9354 17.4536 14.9353 17.3365 14.8182L16.7344 14.2161C16.6172 14.0989 16.6172 13.9089 16.7344 13.7918L18.6296 11.8975C19.7101 10.8167 19.8245 8.99503 18.6296 7.7998C17.4363 6.60449 15.6118 6.719 14.531 7.7998L12.6367 9.69412C12.5195 9.81128 12.3296 9.81128 12.2124 9.69412L11.6123 9.09402C11.4952 8.97684 11.4952 8.78685 11.6124 8.6697L13.5085 6.77441Z\" fill=\"#46525C\"/>\n</svg>\n";
+export declare const addIcon = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9 3.75V14.25M3.75 9H14.25\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
+export declare const brokenLinkIcon = "<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.2689 13.5043C14.323 13.5584 14.323 13.6461 14.2689 13.7002L13.7005 14.2685C13.6464 14.3227 13.5587 14.3227 13.5046 14.2685L4.14123 4.90519C4.08713 4.85108 4.08713 4.76339 4.14123 4.70929L4.70966 4.14086C4.76376 4.08676 4.85145 4.08676 4.90556 4.14086L14.2689 13.5043Z\" fill=\"#637381\"/>\n<path d=\"M6.71095 8.45639C6.7934 8.53883 6.7934 8.66727 6.71095 8.74972L5.40104 10.0596C4.65279 10.8079 4.57351 12.0714 5.40104 12.8989C6.22716 13.7263 7.4896 13.6471 8.23785 12.8989L9.54776 11.5883C9.63021 11.5059 9.75865 11.5059 9.84112 11.5883L10.2549 12.0021C10.3373 12.0845 10.3374 12.2129 10.2549 12.2954L8.94498 13.6066C7.76999 14.7831 5.86483 14.7818 4.68826 13.6066C3.5118 12.4314 3.51185 10.5264 4.68826 9.34932L5.99817 8.03879C6.08062 7.9563 6.2091 7.9563 6.29155 8.03879L6.71095 8.45639ZM9.35109 4.69457C10.5262 3.51817 12.4313 3.51814 13.608 4.69457C14.7831 5.87115 14.7829 7.7763 13.608 8.95285L12.2973 10.2627C12.2148 10.3451 12.0863 10.3451 12.0039 10.2627L11.5853 9.84417C11.5029 9.76169 11.5029 9.63325 11.5853 9.55077L12.8959 8.24055C13.6439 7.49255 13.7232 6.2298 12.8959 5.4024C12.0698 4.5754 11.8057 4.654 11.0575 5.4024L9.74757 6.71262C9.66511 6.79511 9.53667 6.79511 9.45418 6.71262L9.03927 6.29817C8.95677 6.21565 8.95679 6.0872 9.03929 6.00474L9.35109 4.69457Z\" fill=\"#637381\"/>\n</svg>\n";

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "builder-settings-types",
   "description": "builder settings",
-  "version": "0.0.409",
+  "version": "0.0.410",
   "type": "module",
   "main": "dist/builder-settings-types.cjs.js",
   "module": "dist/builder-settings-types.es.js",