.colormode main,.colormode header,.colormode footer{cursor:crosshair}.colormode [data-color-selected]{outline:2px dashed #0071FE!important;outline-offset:4px}.color-panel{position:fixed;z-index:200;right:15px;bottom:15px;width:300px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 120px);overflow:auto;padding:17px;background:#fff;color:#252420;border:1px solid #AAA49B;border-radius:16px;box-shadow:0 10px 38px #25242033;font:400 12px/1.45 Archivo,Arial,sans-serif;cursor:auto}.color-panel[hidden]{display:none}.color-panel-left{left:15px;right:auto}.color-panel *{box-sizing:border-box}.color-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.color-panel-head strong{font-size:14px;font-weight:700}.color-panel button{font:inherit;cursor:pointer;color:#252420}.color-hide{background:none;border:0;font-size:24px!important;padding:0 4px}.color-panel .color-target{font-size:11px!important;line-height:1.5!important;color:#68645E!important;margin:8px 0 14px!important;max-width:none}.color-field{display:block;font-size:11px;font-weight:600;margin:12px 0}.color-field select{display:block;width:100%;font:400 12px Archivo,Arial,sans-serif;border:1px solid #CEC9C1;border-radius:6px;padding:8px;margin-top:6px;background:white;color:#252420}.swatch-group{margin-top:12px}.swatch-group>span{font-size:10px;font-weight:600}.swatch-row{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:5px}.color-swatch{height:27px;border:1px solid #0003;border-radius:6px;padding:0}.color-swatch:focus-visible{outline:2px solid #0071FE;outline-offset:2px}.color-field output{float:right;font-weight:400}.color-intensity{display:block;width:100%;accent-color:#0071FE;margin-top:9px}.custom-color{display:flex;gap:10px}.custom-color label{flex:1;font-size:10px;font-weight:600}.custom-color input{display:block;width:100%;height:32px;margin-top:5px;border:1px solid #CBC5BC;border-radius:6px;background:white;color:#252420;font:400 12px Archivo,Arial,sans-serif;padding:4px 7px}.custom-color input[type=color]{padding:2px}.color-panel-bottom{display:flex;justify-content:space-between;gap:10px;margin:16px 0 8px}.color-panel-bottom button{font-size:10px;border:1px solid #CCC5BB;padding:7px 8px;border-radius:6px;background:#FAF7F3}.color-panel .color-help,.color-panel .color-feedback{font:400 10px/1.6 Archivo,Arial,sans-serif!important;color:#625E58!important;margin:7px 0 0!important;max-width:none}.color-panel .color-feedback{color:#315647!important}.color-panel input:focus-visible,.color-panel select:focus-visible{outline:2px solid #0071FE;outline-offset:2px}@media(max-width:600px){.color-panel{width:280px;right:9px;bottom:9px;max-width:calc(100vw - 18px);max-height:calc(100dvh - 105px);padding:14px}.color-panel-left{left:9px;right:auto}.color-swatch{height:25px}.swatch-group{margin-top:9px}}