.advaimma-meta-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
    gap: 15px;
    color: #000;
    font-size: 18px;
    float: right;
    background: #e6fffa;
    padding: 0px 20px;
    min-height: 63px;
}
.advaimma-shortcode {
    background: #b2fff0;
    border: 1px dashed #10b981;
    padding: 8px;
    border-radius: 6px;
    font-weight: 600;
}
#advaimma-canvas-wrapper{background:#fff;margin-top:10px}
#advaimma-canvas{position:relative;width:100%;max-width:100%;height:0;padding-top:68.25%;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden;border-radius:6px}
.advaimma-spot {
    position: absolute;
    width: 34px;
    height: 34px;
    background: #00bcd4;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.advaimma-spot span{pointer-events:none;font-weight:700}
#advaimma-spots-list{margin-top:15px}
#advaimma-spots-list ul{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0}
#advaimma-spots-list li {
    list-style: none;
    border: 1px solid #e5e7eb;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(90deg,#333,#424242);
    background: #fff;
}
#advaimma-spots-list li p:last-child{margin-bottom:0}
#advaimma-spots-list label.upload-custom-icon .advaimma-upload-icon {
    background: #acf3e4;
    border-color: #acf3e4;
    color: #333;
    font-weight: 600;
}
span.advaimma-icon-preview{display:flex;align-items:center;justify-content:center;text-align:center}
#advaimma-spots-list label{display:block;margin-bottom:6px;font-weight:600;line-height:2.2;color:#333}
#advaimma-spots-list label.upload-custom-icon {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
    flex-wrap: wrap;
    min-height: 40px;
}
#advaimma-spots-list label.upload-custom-icon p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
#advaimma-canvas-wrapper h3 {
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    color: #333 !important;
}
.note-head {
    background: #e6fffa;
    padding: 20px 50px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
}
.note-head p {
    max-width: 800px;
    margin: 0 auto !important;
    font-size: 16px !important;
    color: #000 !important;
}
button.button.advaimma-remove{margin-top:10px;background:#333;color:#fff;border:1px solid #333;font-weight:600;width:100%;padding:4px 0;font-size:16px}
#advaimma-spots-list input[type=text],#advaimma-spots-list input[type=url],#advaimma-spots-list select,#advaimma-spots-list textarea{width:100%;box-sizing:border-box}
.advaimma-icon-preview img {
    height: 40px !important;
    margin-left: 8px;
    border-radius: 4px;
    width: 40px;
    object-fit: contain;
}
.advaimma-upload-icon{margin-left:8px}
.advaimma-field {
    margin: 0px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e6fffa;
    padding: 0px 20px;
    min-height: 63px;
}
.advaimma-meta-header h2{display:none}
.advaimma-field span.advaimma-image-note {
    font-weight: 500;
    text-transform: capitalize;
    color: #000000;
}
.advaimma-field button#advaimma-select-image{background:#e6fffa;color:#000;border-color:#000;font-weight:600}
#advaimma-spots-list h4{background:#acf3e4;padding:10px 10px;margin:0;text-transform:uppercase;font-weight:600;margin-bottom:20px;color:#000;text-align:center}
.advaimma-icon-preview { position: relative; display:inline-block; vertical-align: middle; margin-left:8px; }
.advaimma-icon-preview img { height:28px; width:28px; object-fit:contain; border-radius:3px; }
.advaimma-icon-preview .advaimma-remove-icon {
    position:absolute;
    top:-6px;
    right:-6px;
    background:#e3342f;
    color:#fff;
    border-radius:50%;
    width:18px;
    height:18px;
    line-height:16px;
    text-align:center;
    cursor:pointer;
    font-weight:700;
    font-size:12px;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.dashicons-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 8px;
    background: #fff;
}
.dashicons-grid .dashicons {
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.dashicons-grid .dashicons:hover {
    background: #f0f0f0;
}
.dashicons-grid .dashicons.selected {
    border-color: #007cba;
    background: #e6f7ff;
}

/***/
/*
#advaimma-canvas-wrapper {
    display: none;
}*/