.color-input-group{display:flex;align-items:center;gap:8px;margin-bottom:15px}.format-label{min-width:60px;font-weight:600;color:#555}.color-input-group .form-control{flex:1;min-width:150px}.color-input-group .icon-btn{background:none;border:0;cursor:pointer;padding:8px;font-size:16px;line-height:1;opacity:.7;transition:opacity .2s}.color-input-group .icon-btn img{width:20px;height:20px;opacity:.7;transition:opacity .2s}.color-input-group .icon-btn img:hover{opacity:1}.clear-color-btn{font-weight:bold;color:#999}.clear-color-btn:hover{color:#333}.analyzer-panel{background:#f5f7f9;padding:20px;padding-bottom:1px;border-radius:8px;width:100%;box-sizing:border-box}.pf-0-mb-8{padding-left:0;margin-bottom:32px}.opacity-slider{display:flex;align-items:center;gap:10px;margin-bottom:15px;margin-right:58px}.opacity-slider label{line-height:40px;margin:0;white-space:nowrap}.opacity-slider .form-range{height:40px;padding:0;margin:0;align-self:center;flex:1}.opacity-slider .form-control{height:40px;padding:0 8px;line-height:40px;width:80px;box-sizing:border-box;text-align:center}.input-error{border-color:#dc3545!important;background-color:#fff0f0!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.mb-12{margin-bottom:10px}.color-picker-group{padding:3px;border-radius:6px;border:1px solid #ddd}.color-picker-group input[type=color]{width:100%;height:60px;border:0;cursor:pointer}.color-format-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.color-format-group .format-label{min-width:60px;font-weight:600;color:#555}.color-format-group .form-control{flex:1}.opacity-slider{display:flex;align-items:center;gap:10px}.opacity-slider label{min-width:60px}.color-input-group{margin-bottom:1rem}.input-error{border-color:#dc3545!important;background-color:#fff0f0}.error-message{font-size:14px;margin-top:-10px;color:#dc3545;display:none}.button-group{display:flex;gap:.5rem;margin-top:-8px}.icon-btn{background:none;border:1px solid #ced4da;cursor:pointer;padding:.375rem .75rem;border-radius:.25rem;transition:all .2s}.icon-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.opacity-slider{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.format-label{font-weight:600;margin-bottom:.25rem;display:inline-block}.form-control{width:100%}.color-input-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.color-input-group .format-label{order:0}.color-input-group input{order:1;flex:1}.color-input-group .button-group{order:2}.color-input-group .error-message{order:3;flex-basis:100%;margin-left:70px;display:none}