.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}.gradient-filters-bar{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-header-height, 49px));z-index:6;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base);overflow:hidden;max-height:160px;transition:max-height .28s ease,opacity .28s ease,border-bottom-width .28s ease}.gradient-filters-bar.is-collapsed{max-height:0;opacity:0;border-bottom-width:0;pointer-events:none}.gradient-filters-bar__inner{display:flex;align-items:flex-start;gap:var(--db-gap-s);padding:var(--db-padding-m);min-width:0}.gradient-filters__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}.gradient-filters__label i{font-size:14px}.gradient-filter-chips{flex:1;min-width:0}.gradient-tool{width:100%;border-top:1px solid var(--db-border-base);background-color:var(--db-bg-secondary)}.gradient-tool__main{width:100%;padding:var(--db-padding-l);box-sizing:border-box}.gradient-presets-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--db-gap-m);width:100%}.gradient-presets-empty{grid-column:1/-1;text-align:center;color:var(--db-text-secondary);padding:var(--db-padding-xl) 0}.gradient-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--db-padding-m);cursor:pointer;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);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);transition:box-shadow .2s ease,transform .2s ease}.gradient-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.gradient-card:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.gradient-card__preview{width:112px;height:112px;flex-shrink:0;margin-bottom:var(--db-margin-s);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.gradient-card__body{display:flex;flex-direction:column;align-items:center;gap:var(--db-gap-xs);width:100%}.gradient-card .gradient-colorname{font-size:16px;font-weight:600;margin:0;line-height:1.3;color:var(--db-text-primary)}.gradient-card .hex-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.gradient-card .hex-code .color-code{font-size:12px;color:var(--db-text-secondary)}.gradient-card .hex-code i{font-size:14px;color:var(--db-text-tertiary);margin:0 2px}.gradient-card .css-copy{margin-top:var(--db-margin-xs)}.gradient-editor-modal .modal{width:min(720px,100vw - 32px);max-height:min(92vh,880px);overflow-y:auto}.gradient-editor-modal #gradientPreview{width:100%;height:min(320px,42vh);margin-bottom:var(--db-margin-m);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);border:1px solid var(--db-border-base)}.page-gradient-generator{position:relative}.page-gradient-generator #colorPickerContainer{margin-bottom:var(--db-margin-s)}.page-gradient-generator .controller-wrap{width:100%}.page-gradient-generator .controller-wrap .colorinfo-warp{position:relative;display:flex;gap:var(--db-padding-xs);align-items:center;margin-bottom:var(--db-margin-xs);user-select:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp.dragging{box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-gradient-generator .controller-wrap .colorinfo-warp>*{flex-shrink:0}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle{cursor:move;user-select:none;width:24px;height:24px;align-items:center;justify-content:center;display:flex;background-color:var(--db-bg-secondary);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);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle i{font-size:16px;color:var(--db-text-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover{background-color:var(--db-bg-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover i{color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .colorinfo-warp .color-input-wrap{position:relative;display:flex;user-select:auto;flex:1;gap:0;padding-left:4px;background-color:#fff;border:1px solid var(--db-border-base);align-items:center;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-label{position:relative;width:54px;border-left:1px solid var(--db-border-base)}.page-gradient-generator .controller-wrap .colorinfo-warp .input-unit{position:absolute;right:6px;top:5px;z-index:1}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-input{min-width:auto}.page-gradient-generator .controller-wrap .colorinfo-warp input[type=text]{border:none !important;flex:1}.page-gradient-generator .controller-wrap .icon-remove{width:24px;height:24px;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);border:none;background:var(--db-bg-secondary);display:flex;align-items:center;justify-content:center}.page-gradient-generator .controller-wrap .icon-remove i{font-size:12px;color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .inline-btns{justify-content:flex-start}.page-gradient-generator .subfunc-wrap{margin-bottom:var(--db-margin-m);display:flex;gap:var(--db-padding-s)}.page-gradient-generator .subfunc-wrap .subfunc{flex:1}.page-gradient-generator .subfunc-wrap .subfunc select{width:100%}.page-gradient-generator .gradient-css-wrap{margin:var(--db-margin-m) 0 0;border-top:1px solid var(--db-border-base);padding-top:var(--db-margin-m)}.page-gradient-generator .gradient-css-wrap__header{display:flex;align-items:center;justify-content:space-between;gap:var(--db-gap-s);margin-bottom:var(--db-margin-xs)}.page-gradient-generator .gradient-css-wrap__header p{font-size:14px;font-weight:600;margin:0;color:var(--db-text-primary)}.page-gradient-generator .gradient-css-wrap__hint{font-size:12px;color:var(--db-text-tertiary);white-space:nowrap}.page-gradient-generator .gradient-css-copy{display:flex;align-items:stretch;width:100%;gap:0;padding:0;text-align:left;cursor:pointer;background-color:var(--db-bg-secondary);border:1px dashed var(--db-border-emphasis, var(--db-border-base));border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.page-gradient-generator .gradient-css-copy:hover{border-color:var(--db-color-primary);background-color:var(--db-bg-primary);box-shadow:0 0 0 1px var(--db-color-primary)}.page-gradient-generator .gradient-css-copy:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.page-gradient-generator .gradient-css-copy.is-copied{border-style:solid;border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}.page-gradient-generator .gradient-css-copy.is-copied .gradient-css-copy__action{color:var(--db-color-primary)}.page-gradient-generator .gradient-css-copy__code{flex:1;min-width:0;margin:0;padding:var(--db-padding-s) var(--db-padding-xs);font-size:13px;line-height:1.45;color:var(--db-text-secondary);word-break:break-all;background:rgba(0,0,0,0)}.page-gradient-generator .gradient-css-copy__action{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:0 var(--db-padding-s);font-size:12px;font-weight:600;color:var(--db-text-secondary);border-left:1px solid var(--db-border-base);background-color:var(--db-bg-primary)}.page-gradient-generator .gradient-css-copy__action i{font-size:14px}@media only screen and (max-width: 1400px){.gradient-presets-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media only screen and (max-width: 1200px){.gradient-presets-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (max-width: 900px){.gradient-presets-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.gradient-filters-bar__inner,.gradient-tool__main{padding-left:var(--db-padding-m);padding-right:var(--db-padding-m)}}@media only screen and (max-width: 560px){.gradient-presets-grid{grid-template-columns:minmax(0, 1fr)}.gradient-card__preview{width:96px;height:96px}}[data-theme=dark].page-gradient-generator .controller-wrap .icon-remove i,.dark-mode.page-gradient-generator .controller-wrap .icon-remove i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .hex-code i,.dark-mode.page-gradient-generator .gradient-card .hex-code i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .css-copy i,.dark-mode.page-gradient-generator .gradient-card .css-copy i{color:var(--db-text-secondary)}