:root{--sidebar-primary-width: 60px;--sidebar-secondary-width: 320px;--header-height: 80px;--transition-speed: 0.3s}#mainContent{transition:margin-left var(--transition-speed) ease}body.sidebar-open #mainContent{margin-left:380px !important}.nav-icon{width:50px;height:50px;color:#8c959d;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.nav-icon:hover{color:#fff;background-color:#2c3136}.nav-icon.active{color:#fff;background-color:#0dcaf0}.bs-color-classes{position:relative;border:1px solid #212529;width:110px;aspect-ratio:4/2.5;border-radius:6px;box-shadow:4px 4px 8px #ccc,-4px -4px 8px #d9d9d9;cursor:pointer;transition:transform .2s}.bs-color-classes:hover{transform:translateY(-2px)}.bs-color-name{display:block;font-weight:bold;padding:0 7px;position:absolute;bottom:0;left:0;right:0;font-size:.6rem;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.bs-color-menu-icon{width:40px;height:30px;padding-top:2px;padding-left:15px;text-align:center;display:block;cursor:pointer;position:absolute;top:0;right:0}.sidebar-panel h6.position-sticky{margin-left:-1rem;margin-right:-1rem;padding-left:1rem !important;padding-right:1rem !important}.image-colors-container,.color-picker-container,.typography-container,.borders-spacing-container{max-width:100%}.image-colors-container img,.image-colors-container canvas{max-width:100%;height:auto;border-radius:6px}.bs-110-palette-container{display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(11, 1fr);gap:1px;border:1px solid #333;background:linear-gradient(90deg, #000000 0%, #666666 100%);padding:1px;width:100%;margin:auto}.bs-110-palette-cell{width:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--bs-light);font-size:10px;text-shadow:1px 1px 1px #000;cursor:pointer}.bs-110-0d6efd{background-color:#0d6efd}.bs-110-cfe2ff{background-color:#cfe2ff}.bs-110-9ec5fe{background-color:#9ec5fe}.bs-110-6ea8fe{background-color:#6ea8fe}.bs-110-3d8bfd{background-color:#3d8bfd}.bs-110-0a58ca{background-color:#0a58ca}.bs-110-084298{background-color:#084298}.bs-110-052c65{background-color:#052c65}.bs-110-031633{background-color:#031633}.bs-110-6610f2{background-color:#6610f2}.bs-110-e0cffc{background-color:#e0cffc}.bs-110-c29ffa{background-color:#c29ffa}.bs-110-a370f7{background-color:#a370f7}.bs-110-8540f5{background-color:#8540f5}.bs-110-520dc2{background-color:#520dc2}.bs-110-3d0a91{background-color:#3d0a91}.bs-110-290661{background-color:#290661}.bs-110-140330{background-color:#140330}.bs-110-6f42c1{background-color:#6f42c1}.bs-110-e2d9f3{background-color:#e2d9f3}.bs-110-c5b3e6{background-color:#c5b3e6}.bs-110-a98eda{background-color:#a98eda}.bs-110-8c68cd{background-color:#8c68cd}.bs-110-59359a{background-color:#59359a}.bs-110-432874{background-color:#432874}.bs-110-2c1a4d{background-color:#2c1a4d}.bs-110-160d27{background-color:#160d27}.bs-110-d63384{background-color:#d63384}.bs-110-f7d6e6{background-color:#f7d6e6}.bs-110-efadce{background-color:#efadce}.bs-110-e685b5{background-color:#e685b5}.bs-110-de5c9d{background-color:#de5c9d}.bs-110-ab296a{background-color:#ab296a}.bs-110-801f4f{background-color:#801f4f}.bs-110-561435{background-color:#561435}.bs-110-2b0a1a{background-color:#2b0a1a}.bs-110-dc3545{background-color:#dc3545}.bs-110-f8d7da{background-color:#f8d7da}.bs-110-f1aeb5{background-color:#f1aeb5}.bs-110-ea868f{background-color:#ea868f}.bs-110-e35d6a{background-color:#e35d6a}.bs-110-b02a37{background-color:#b02a37}.bs-110-842029{background-color:#842029}.bs-110-58151c{background-color:#58151c}.bs-110-2c0b0e{background-color:#2c0b0e}.bs-110-fd7e14{background-color:#fd7e14}.bs-110-ffe5d0{background-color:#ffe5d0}.bs-110-fecba1{background-color:#fecba1}.bs-110-feb272{background-color:#feb272}.bs-110-fd9843{background-color:#fd9843}.bs-110-ca6510{background-color:#ca6510}.bs-110-984c0c{background-color:#984c0c}.bs-110-653208{background-color:#653208}.bs-110-331904{background-color:#331904}.bs-110-ffc107{background-color:#ffc107}.bs-110-fff3cd{background-color:#fff3cd}.bs-110-ffe69c{background-color:#ffe69c}.bs-110-ffda6a{background-color:#ffda6a}.bs-110-ffcd39{background-color:#ffcd39}.bs-110-cc9a06{background-color:#cc9a06}.bs-110-997404{background-color:#997404}.bs-110-664d03{background-color:#664d03}.bs-110-332701{background-color:#332701}.bs-110-198754{background-color:#198754}.bs-110-d1e7dd{background-color:#d1e7dd}.bs-110-a3cfbb{background-color:#a3cfbb}.bs-110-75b798{background-color:#75b798}.bs-110-479f76{background-color:#479f76}.bs-110-146c43{background-color:#146c43}.bs-110-0f5132{background-color:#0f5132}.bs-110-0a3622{background-color:#0a3622}.bs-110-051b11{background-color:#051b11}.bs-110-20c997{background-color:#20c997}.bs-110-d2f4ea{background-color:#d2f4ea}.bs-110-a6e9d5{background-color:#a6e9d5}.bs-110-79dfc1{background-color:#79dfc1}.bs-110-4dd4ac{background-color:#4dd4ac}.bs-110-1aa179{background-color:#1aa179}.bs-110-13795b{background-color:#13795b}.bs-110-0d503c{background-color:#0d503c}.bs-110-06281e{background-color:#06281e}.bs-110-0dcaf0{background-color:#0dcaf0}.bs-110-cff4fc{background-color:#cff4fc}.bs-110-9eeaf9{background-color:#9eeaf9}.bs-110-6edff6{background-color:#6edff6}.bs-110-3dd5f3{background-color:#3dd5f3}.bs-110-0aa2c0{background-color:#0aa2c0}.bs-110-087990{background-color:#087990}.bs-110-055160{background-color:#055160}.bs-110-032830{background-color:#032830}.bs-110-ffffff{background-color:var(--bs-light)}.bs-110-f8f9fa{background-color:#f8f9fa}.bs-110-e9ecef{background-color:#e9ecef}.bs-110-dee2e6{background-color:#dee2e6}.bs-110-ced4da{background-color:#ced4da}.bs-110-adb5bd{background-color:#adb5bd}.bs-110-6c757d{background-color:#6c757d}.bs-110-495057{background-color:#495057}.bs-110-343a40{background-color:#343a40}.bs-110-212529{background-color:#212529}.html-140-palette-container{display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(11, 1fr);gap:1px;border:2px solid #333;background:linear-gradient(90deg, #000000 0%, #666666 100%);padding:1px;width:100%;margin:auto}.html-140-palette-cell{width:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--bs-light);font-size:10px;text-shadow:1px 1px 1px #000;cursor:pointer}.html-140-F0F8FF{background-color:#f0f8ff}.html-140-FAEBD7{background-color:#faebd7}.html-140-00FFFF{background-color:aqua}.html-140-7FFFD4{background-color:#7fffd4}.html-140-F0FFFF{background-color:azure}.html-140-F5F5DC{background-color:beige}.html-140-FFE4C4{background-color:bisque}.html-140-000000{background-color:#000}.html-140-FFEBCD{background-color:#ffebcd}.html-140-0000FF{background-color:blue}.html-140-8A2BE2{background-color:#8a2be2}.html-140-A52A2A{background-color:brown}.html-140-DEB887{background-color:#deb887}.html-140-5F9EA0{background-color:#5f9ea0}.html-140-7FFF00{background-color:#7fff00}.html-140-D2691E{background-color:#d2691e}.html-140-FF7F50{background-color:coral}.html-140-6495ED{background-color:#6495ed}.html-140-FFF8DC{background-color:#fff8dc}.html-140-DC143C{background-color:crimson}.html-140-00008B{background-color:#00008b}.html-140-008B8B{background-color:#008b8b}.html-140-B8860B{background-color:#b8860b}.html-140-A9A9A9{background-color:#a9a9a9}.html-140-006400{background-color:#006400}.html-140-BDB76B{background-color:#bdb76b}.html-140-8B008B{background-color:#8b008b}.html-140-556B2F{background-color:#556b2f}.html-140-FF8C00{background-color:#ff8c00}.html-140-9932CC{background-color:#9932cc}.html-140-8B0000{background-color:darkred}.html-140-E9967A{background-color:#e9967a}.html-140-8FBC8F{background-color:#8fbc8f}.html-140-483D8B{background-color:#483d8b}.html-140-2F4F4F{background-color:#2f4f4f}.html-140-00CED1{background-color:#00ced1}.html-140-9400D3{background-color:#9400d3}.html-140-FF1493{background-color:#ff1493}.html-140-00BFFF{background-color:#00bfff}.html-140-696969{background-color:dimgray}.html-140-1E90FF{background-color:#1e90ff}.html-140-B22222{background-color:#b22222}.html-140-FFFAF0{background-color:#fffaf0}.html-140-228B22{background-color:#228b22}.html-140-FF00FF{background-color:#f0f}.html-140-DCDCDC{background-color:#dcdcdc}.html-140-F8F8FF{background-color:#f8f8ff}.html-140-FFD700{background-color:gold}.html-140-DAA520{background-color:#daa520}.html-140-808080{background-color:gray}.html-140-008000{background-color:green}.html-140-ADFF2F{background-color:#adff2f}.html-140-F0FFF0{background-color:#f0fff0}.html-140-FF69B4{background-color:hotpink}.html-140-CD5C5C{background-color:#cd5c5c}.html-140-4B0082{background-color:indigo}.html-140-FFFFF0{background-color:ivory}.html-140-F0E68C{background-color:khaki}.html-140-E6E6FA{background-color:#e6e6fa}.html-140-FFF0F5{background-color:#fff0f5}.html-140-7CFC00{background-color:#7cfc00}.html-140-FFFACD{background-color:#fffacd}.html-140-ADD8E6{background-color:#add8e6}.html-140-F08080{background-color:#f08080}.html-140-E0FFFF{background-color:#e0ffff}.html-140-FAFAD2{background-color:#fafad2}.html-140-D3D3D3{background-color:#d3d3d3}.html-140-90EE90{background-color:#90ee90}.html-140-FFB6C1{background-color:#ffb6c1}.html-140-FFA07A{background-color:#ffa07a}.html-140-20B2AA{background-color:#20b2aa}.html-140-87CEFA{background-color:#87cefa}.html-140-778899{background-color:#789}.html-140-B0C4DE{background-color:#b0c4de}.html-140-FFFFE0{background-color:#ffffe0}.html-140-00FF00{background-color:lime}.html-140-32CD32{background-color:#32cd32}.html-140-FAF0E6{background-color:linen}.html-140-FF00FF{background-color:#f0f}.html-140-800000{background-color:maroon}.html-140-66CDAA{background-color:#66cdaa}.html-140-0000CD{background-color:#0000cd}.html-140-BA55D3{background-color:#ba55d3}.html-140-9370DB{background-color:#9370db}.html-140-3CB371{background-color:#3cb371}.html-140-7B68EE{background-color:#7b68ee}.html-140-00FA9A{background-color:#00fa9a}.html-140-48D1CC{background-color:#48d1cc}.html-140-C71585{background-color:#c71585}.html-140-191970{background-color:#191970}.html-140-F5FFFA{background-color:#f5fffa}.html-140-FFE4E1{background-color:#ffe4e1}.html-140-FFE4B5{background-color:#ffe4b5}.html-140-FFDEAD{background-color:#ffdead}.html-140-000080{background-color:navy}.html-140-FDF5E6{background-color:oldlace}.html-140-808000{background-color:olive}.html-140-6B8E23{background-color:#6b8e23}.html-140-FFA500{background-color:orange}.html-140-FF4500{background-color:#ff4500}.html-140-DA70D6{background-color:orchid}.html-140-EEE8AA{background-color:#eee8aa}.html-140-98FB98{background-color:#98fb98}.html-140-AFEEEE{background-color:#afeeee}.html-140-DB7093{background-color:#db7093}.html-140-FFEFD5{background-color:#ffefd5}.html-140-FFDAB9{background-color:#ffdab9}.html-140-CD853F{background-color:peru}.html-140-FFC0CB{background-color:pink}.html-140-DDA0DD{background-color:plum}.html-140-B0E0E6{background-color:#b0e0e6}.html-140-800080{background-color:purple}.html-140-663399{background-color:#639}.html-140-FF0000{background-color:red}.html-140-BC8F8F{background-color:#bc8f8f}.html-140-4169E1{background-color:#4169e1}.html-140-8B4513{background-color:#8b4513}.html-140-FA8072{background-color:salmon}.html-140-F4A460{background-color:#f4a460}.html-140-2E8B57{background-color:#2e8b57}.html-140-FFF5EE{background-color:#fff5ee}.html-140-A0522D{background-color:sienna}.html-140-C0C0C0{background-color:silver}.html-140-87CEEB{background-color:skyblue}.html-140-6A5ACD{background-color:#6a5acd}.html-140-708090{background-color:#708090}.html-140-FFFAFA{background-color:snow}.html-140-00FF7F{background-color:#00ff7f}.html-140-4682B4{background-color:#4682b4}.html-140-D2B48C{background-color:tan}.html-140-008080{background-color:teal}.html-140-D8BFD8{background-color:thistle}.html-140-FF6347{background-color:tomato}.html-140-40E0D0{background-color:#40e0d0}.html-140-EE82EE{background-color:violet}.html-140-F5DEB3{background-color:wheat}.html-140-FFFFFF{background-color:var(--bs-light)}.html-140-F5F5F5{background-color:#f5f5f5}.html-140-FFFF00{background-color:#ff0}.html-140-9ACD32{background-color:#9acd32}.alpha-gradient::before,.preview-line::before{content:"";position:absolute;inset:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACpJREFUGFdjZEADJgY0QCpMGBmQASMjAyMDEwMSmDByMAAisABmAmYAbgQAFA0DB9b0f80AAAAASUVORK5CYII=");z-index:-1}.color-picker{width:96%;padding:16px;display:flex;flex-direction:column;gap:15px;box-shadow:0 10px 25px rgba(0,0,0,.5)}.color-picker .picker-main-row{display:flex;gap:12px;height:200px}.color-picker .canvas-container{flex:1;width:100%;aspect-ratio:1/1;position:relative;background:linear-gradient(to bottom, transparent, #000),linear-gradient(to right, var(--bs-light), transparent),red;cursor:crosshair}.color-picker .canvas-container .pointer{width:14px;height:14px;border:2px solid var(--bs-light);border-radius:50%;position:absolute;transform:translate(-50%, -50%);box-shadow:0 0 2px rgba(0,0,0,.8);pointer-events:none;z-index:10}.color-picker .vertical-controls{display:flex;gap:10px}.color-picker .vertical-controls .slider-group{position:relative;width:18px;height:100%}.color-picker .vertical-controls .slider-group input[type=range]{appearance:none;width:200px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);background:rgba(0,0,0,0);z-index:5;margin:0}.color-picker .vertical-controls .slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:10px;background:var(--bs-light);border:1px solid #333;cursor:pointer}.color-picker .vertical-controls .slider-group .hue-gradient{position:absolute;inset:0;background:linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)}.color-picker .vertical-controls .slider-group .alpha-gradient{position:absolute;inset:0;background:linear-gradient(to top, transparent, red),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACpJREFUGFdjZEADJgY0QCpMGBmQASMjAyMDEwMSmDByMAAisABmAmYAbgQAFA0DB9b0f80AAAAASUVORK5CYII=")}.color-picker .tab-nav{display:flex;background:#2a2a2a;padding:2px}.color-picker .tab-nav button{flex:1;padding:6px;border:none;background:none;color:#888;cursor:pointer;font-size:12px}.color-picker .tab-nav button.active{background:#444;color:var(--bs-light)}.color-picker .tab-body{min-height:120px}.color-picker .tab-body .input-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.color-picker .tab-body .input-row label{width:35px;color:#aaa;font-size:11px}.color-picker .tab-body .input-row input[type=range]{flex:1}.color-picker .tab-body .input-row input[type=number],.color-picker .tab-body .input-row input[type=text]{width:55px;background:#2a2a2a;border:1px solid #333;color:var(--bs-light);padding:3px;text-align:center}.color-picker .preview-line{position:relative;height:20px;border:1px solid #333;z-index:1}:root{--zoom-w: 100px;--zoom-h: 100px}#extractedColorsFunctionalIcons{padding:15px 0 7px}#extractedColorsFunctionalIcons .ecfIcon{color:var(--bs-secondary)}#extractedColorsFunctionalIcons .ecfIcon.active{color:var(--bs-light3);cursor:pointer}.ec-tooltip{--bs-tooltip-bg: var(--bs-light);--bs-tooltip-color: var(--bs-dark )}#dropZone{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:1px dashed #999;position:relative;cursor:pointer}#imagePreview{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0}#imagePreview.show{display:block}#imagePreview.with-picker{cursor:crosshair}.placeholder-content{text-align:center;pointer-events:none}.placeholder-content.hidden{display:none}.upload-text{font-size:16px;margin-bottom:8px}.upload-subtext{font-size:13px;color:#999}#imageInput{display:none}.colors-section{padding:8px 0}.colors-section h2{margin-bottom:12px;text-transform:uppercase;color:var(--bs-light);font-weight:normal;letter-spacing:1px}.colors-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-bottom:30px}.color-item{margin-bottom:16px}.color-swatch{width:auto;aspect-ratio:4/3;border-radius:6px;position:relative;caret-color:rgba(0,0,0,0)}.color-swatch.active{outline:solid 2px var(--bs-light);box-shadow:4px 4px 16px #000,-4px -4px 16px var(--bs-secoondary)}.color-icon{width:10px;text-align:center;display:none;cursor:pointer;position:absolute;top:0;right:-10px;color:var(--bs-light);background-color:#444}.color-code{display:none}.no-colors{text-align:center;padding:40px;color:#999;font-size:14px}canvas{display:none}.custom-popover{position:absolute;background:var(--bs-light);border:1px solid #666;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1000;min-width:150px;display:none}.custom-popover.show{display:block}.custom-popover-header{background:#2a2a2a;color:var(--bs-light);padding:8px 12px;font-size:12px;font-weight:600;border-radius:4px 4px 0 0}.custom-popover-body{padding:0}.color-info-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee;font-size:13px}.color-info-item:last-child{border-bottom:none}.color-info-item:hover{background:#f5f5f5}.color-info-label{font-weight:600;color:#666;font-size:11px;text-transform:uppercase;margin-bottom:2px}.color-info-value{color:#222;font-family:monospace}.image-container{position:relative;display:inline-block;cursor:none}.color-picker-zoom{position:absolute;width:80px;height:80px;border:2px solid var(--bs-light);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5);pointer-events:none;display:none;z-index:1000;overflow:hidden;background-repeat:no-repeat}.color-picker-zoom.show{display:block}.crosshair{position:absolute;background:hsla(0,0%,100%,.9);box-shadow:0 0 2px rgba(0,0,0,.5);z-index:1001}.ch-vt{left:50%;top:10%;width:1px;height:35%;transform:translateX(-50%)}.ch-vb{left:50%;bottom:10%;width:1px;height:35%;transform:translateX(-50%)}.ch-hl{top:50%;left:10%;width:35%;height:1px;transform:translateY(-50%)}.ch-hr{top:50%;right:10%;width:35%;height:1px;transform:translateY(-50%)}#dropZone.picker-active{cursor:none}/*# sourceMappingURL=style.css.map */