.color-text-primary{color:var(--db-color-primary)}button,input,select,optgroup,textarea,h1,h2,h3,h4,h5,h6,a:active,a:focus,a:hover strong,div,p,blockquote,q,code{color:var(--db-text-primary)}button a,input a,select a,optgroup a,textarea a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:active a,a:focus a,a:hover strong a,div a,p a,blockquote a,q a,code a{color:inherit}.disclaimer,kbd,tt,var,a,a:visited{color:var(--db-text-secondary)}label{color:var(--db-text-secondary)}code{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-s);padding:2px 4px}kbd,tt,var,abbr,acronym{color:var(--db-text-secondary)}mark{color:var(--db-color-primary);background:var(--db-color-primary-20)}.wp-block-separator,hr{background-color:var(--db-border-base)}.icon{color:var(--db-icon-default)}body.dark-mode button.input-search-icon,.darkmode--activated button.input-search-icon{background-image:url(../9a51b8d55567a413020c.svg)}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.tool-page--palette .tool-page-sidebar.palette-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.palette-sidebar__filters{flex-shrink:0;border-bottom:1px solid var(--db-border-base)}.palette-sidebar__filters-row{display:flex;align-items:flex-start;gap:var(--db-gap-s);padding:var(--db-padding-m);min-width:0}.palette-sidebar__filter-label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-top:4px;font-size:12px;font-weight:500;color:var(--db-text-tertiary, var(--db-text-secondary));opacity:.75}.palette-sidebar__filter-label i{font-size:14px}.palette-filter-chips{flex:1;min-width:0}.scheme-chips{display:none !important}.palette-list{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--db-gap-xxs);overflow-y:auto;overflow-x:hidden;padding:var(--db-padding-m);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin}.palette-list::-webkit-scrollbar{width:4px}.palette-list::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:4px}.palette-list .palette{flex:0 0 auto;width:100%;display:flex;flex-direction:row;cursor:pointer;gap:1px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-xxs);background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);transition:.2s}.palette-list .palette:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-base)}.palette-list .palette.active{background-color:var(--db-bg-secondary);border-color:var(--db-color-primary)}.palette-list .palette .color-box{flex:1;height:36px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.palette-list .palette .color-box:first-child{border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-webkit-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-moz-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-ms-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s)}.palette-list .palette .color-box:last-child{border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-webkit-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-moz-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-ms-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0}.palette-list .palette .color-box .hex-value{display:none}.palette-workspace{flex:1;min-width:0;display:block}.palette-toolbar{position:sticky;top:calc(var(--db-tool-chrome-top, 105px) + var(--tool-page-header-height, 49px));z-index:6;padding:var(--db-padding-m);background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base);box-shadow:0 4px 16px rgba(0,0,0,.04)}.palette-toolbar__colors{width:100%;min-width:0}.current-colors{display:flex;width:100%;gap:2px;overflow:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.current-colors .color-box{flex:1;min-width:0;height:56px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;cursor:pointer;overflow:hidden}.current-colors .color-box:first-child{border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-webkit-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-moz-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-ms-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m)}.current-colors .color-box:last-child{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-webkit-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-moz-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-ms-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0}.current-colors .color-box:hover{opacity:.85}.current-colors .color-box .hex-value{max-width:100%;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);text-transform:uppercase;letter-spacing:.02em}.palette-preview-panel{padding:var(--db-padding-l)}.preview-svg-grid{max-width:1200px;margin:0 auto}.preview-svg{background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;margin-bottom:var(--db-margin-m)}.preview-svg[data-svg-src]{aspect-ratio:4/3}.preview-svg svg{width:100%;height:auto;display:block}#colorPickerModal .modal-header{display:none}#colorPickerModal .modal-body{display:flex;flex-direction:column;align-items:center}#colorPickerModal .apply-button{flex:1}.color-picker-content{max-width:272px}.color-preview{display:flex;align-items:center;margin-top:var(--db-margin-m);gap:var(--db-padding-xs)}.color-preview-box{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.hex-input-wrapper{display:flex;align-items:center;gap:var(--db-gap-xs)}.hex-input{flex-grow:1}.copy-button{background:none;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;padding:var(--db-padding-xs);gap:var(--db-gap-xs);height:36px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.copy-button:hover{background-color:var(--db-bg-secondary)}#image-drop-zone{width:100%;height:240px;border:2px dashed var(--db-border-base);border-radius:var(--db-radius-m);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;font-size:14px;color:var(--db-text-secondary);background-color:var(--db-bg-primary);margin-bottom:var(--db-margin-xs);transition:.3s}#image-drop-zone:hover{background-color:var(--db-bg-secondary)}#image-drop-zone img{max-width:100%;max-height:100%;object-fit:contain}@media only screen and (max-width: 1024px){.tool-page--palette .tool-page-sidebar.palette-sidebar.is-drawer-open{box-shadow:4px 0 24px rgba(0,0,0,.12)}.palette-toolbar{padding:var(--db-padding-s) var(--db-padding-m)}.palette-preview-panel{padding:var(--db-padding-m)}.current-colors .color-box{height:44px}.current-colors .color-box .hex-value{font-size:10px}}@media only screen and (max-width: 767px){.palette-preview-panel{padding:var(--db-padding-s)}#imageUploadModal.show{align-items:flex-end}.color-picker-content.modal{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);height:auto;bottom:auto}#colorPickerModal.modal-wrapper.show{align-items:center}}