/* The live image spans the working area, independently of the layer strip. */
.color-source-dialog.fast-palette-dialog{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:18px;row-gap:10px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}
.color-source-dialog.fast-palette-dialog .el-dialog__header,.color-source-dialog.fast-palette-dialog .quick-match-header{display:contents}
.color-source-dialog.fast-palette-dialog .fast-header{display:grid;grid-column:1 / -1;grid-row:2 / 4;grid-template-columns:subgrid;grid-template-rows:subgrid;max-height:none;overflow:visible;padding:0;pointer-events:none}
.color-source-dialog.fast-palette-dialog .fast-header>*{pointer-events:auto}
.color-source-dialog.fast-palette-dialog .floating-heading{grid-column:1 / -1;grid-row:1;padding-right:24px}
.color-source-dialog.fast-palette-dialog .fast-input{grid-column:1;grid-row:1;min-width:0;min-height:0;max-height:32dvh;overflow:auto;overscroll-behavior:contain}
.color-source-dialog.fast-palette-dialog .header-live-preview{grid-column:2;grid-row:1 / 3;height:auto;min-height:0;min-width:0;align-self:stretch;border-left:1px solid var(--border-color);padding-left:18px}
.color-source-dialog.fast-palette-dialog .header-live-preview .live-image{overflow:auto;display:flex;align-items:stretch;min-height:0}
.color-source-dialog.fast-palette-dialog .header-live-preview .live-image img{height:100%;width:auto;max-width:none;flex:none;margin-inline:auto;object-fit:contain}
.color-source-dialog.fast-palette-dialog .el-dialog__body{grid-column:1;grid-row:3;min-width:0;min-height:0;padding:0;overflow:auto!important}
.color-source-dialog.fast-palette-dialog .picker-body.with-quick-preview{display:flex;flex-direction:column;height:auto;min-height:100%;gap:16px}
.color-source-dialog.fast-palette-dialog .with-quick-preview .source-controls{overflow:visible;flex:none;padding-right:0}
.color-source-dialog.fast-palette-dialog .quick-preview{height:auto;min-height:160px;border-left:0;border-top:1px solid var(--border-color);padding:12px 0 0;order:0}
.color-source-dialog.fast-palette-dialog .quick-groups{height:auto;overflow:visible;padding-right:0}
.color-source-dialog.fast-palette-dialog .el-dialog__footer{grid-column:1 / -1;grid-row:4}
@media(max-width:700px){
 .color-source-dialog.fast-palette-dialog{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(260px,50dvh) auto auto auto;height:auto;overflow:auto}
 .color-source-dialog.fast-palette-dialog .fast-header{grid-row:2 / 4}
 .color-source-dialog.fast-palette-dialog .header-live-preview{grid-column:1;grid-row:1;border-left:0;padding-left:0}
 .color-source-dialog.fast-palette-dialog .fast-input{grid-row:2;max-height:none;overflow:visible}
 .color-source-dialog.fast-palette-dialog .el-dialog__body{grid-row:4;overflow:visible!important}
 .color-source-dialog.fast-palette-dialog .el-dialog__footer{grid-row:5}
}