ag-design 1.0.28 → 1.0.30

package/index.js

@@ -1 +1 @@
-var e=(e,t)=>()=>(e&&(t=e(e=0)),t),t=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var n=e((()=>{}));t((()=>{n()}))();
+var e=(e,t,n)=>()=>{if(n)throw n[0];try{return e&&(t=e(e=0)),t}catch(e){throw n=[e],e}},t=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var n=e((()=>{}));t((()=>{n()}))();

package/mappage.css

@@ -55,9 +55,8 @@
 
 .aga-map-plugin section:first-child:has(>ul){padding:0px 12px 8px 12px !important}
 .aga-map-plugin section:first-child + section{padding:0 12px 8px 8px!important}
-.aga-map-item img, .map-actions i::after, .map-actions .office::after, .aga-map-plugin section:first-child > div, .aga-map-plugin section:first-child+section{border-radius: 6px !important}
+.map-actions i::after, .map-actions .office::after, .aga-map-plugin section:first-child > div, .aga-map-plugin section:first-child+section{border-radius: 6px !important}
 .aga-map-plugin section:first-child + section{padding-top:0 !important}
-.aga-map-item span .property-badge ul li{background: var(--c-2) !important;}
 .map-marker.property.cluster{font-size: var(--f-s-1) !important;}
 .map-marker.property.single.highlight{background: #005fa0 !important;}
 body .aga-map-plugin section:first-child + section .properties-more + h1{font-size: var(--f-s-5) !important;color: var(--c-1);font-variant-numeric: lining-nums;}
@@ -70,19 +69,7 @@ body .aga-map-plugin section:first-child + section .properties-more + h1{font-si
 .aga-map-plugin section:first-child:has(> ul) .map-actions{position: absolute;top: 105px;left: 21px;}
 .aga-map-plugin section:first-child+section h1{margin: 0 !important}
 body .aga-map-plugin section:first-child+section h1+h2{margin: 0 !important}
-.aga-map-item h2{font-family: var(--s-f);font-size: var(--f-s-4) !important;color: var(--c-1) !important;line-height: var(--l-h-1) !important;}
-.aga-map-item ul{line-height: var(--l-h-2) !important;}
-
-.aga-map-item ul li{font-size: var(--f-s-2) !important;display:var(--s-d-ib);}
-.aga-map-item ul li:not(:first-child):not(:has(>[aria-busy]))::before{display:none;}
-.aga-map-item p{font-size: 9px !important;width:100%;}
-.aga-map-item span:not(:first-child) h3, .aga-map-item p{opacity:1 !important;line-height: var(--l-h-1) !important;font-variant-numeric: lining-nums;}
-.aga-map-item span:not(:first-child) h3{margin-bottom: 1.2rem;}
-.aga-map-item span:not(:first-child) h2{line-height: var(--l-h-1) !important;margin-right: 4px;}
-.aga-map-item span:not(:first-child) h2:before{line-height: var(--l-h-n) !important;}
-.aga-map-item span:not(:first-child) h3 > a{font-family: var(--p-f);font-variant-numeric: lining-nums;color: var(--c-1);font-size: var(--f-s-3);}
-.aga-map-item span:not(:first-child) h3 > a b{font-weight:var(--f-w-6);}
-.aga-map-item span:not(:first-child) h4{opacity: 1 !important;font-size: var(--f-s-1) !important;}
+
 .search-office-quickview{padding: 0 !important;border-radius: 0 !important;}
 .search-office-quickview .aga-office-item img{object-fit: cover !important;}
 .search-office-quickview .aga-office-item span:first-child > a{width:100%}
@@ -90,14 +77,9 @@ body .aga-map-plugin section:first-child+section h1+h2{margin: 0 !important}
 .search-office-quickview .aga-office-item span:first-child+span h2{margin-bottom: 1rem !important;}
 .search-office-quickview .aga-office-item span:first-child+span h2 > a{font-family: var(--p-f);font-size: var(--f-s-5) !important;color: var(--c-2) !important;}
 .search-office-quickview .aga-office-item span:first-child+span h3{font-family: var(--s-f);font-size: var(--f-s-2) !important;line-height: var(--l-h-1);margin-bottom: 2rem;}
-.aga-map-item span + span{padding: 16px 13px !important;display:flex;justify-content:space-between;align-items: center;}
-.aga-map-plugin .aga-map-item .nav{bottom: 14px !important;}
-
-.aga-map-plugin .aga-map-item .nav label{background: rgba(49, 49, 59,.5) !important;color: var(--c-6) !important;line-height: 30px !important;}
-.aga-map-item span .property-badge{top: 0 !important;left: 2px !important;}
-.aga-map-item span .property-badge ul li, .search-property-detailview .property-badge ul li{text-transform: capitalize !important;color: var(--c-1);background:var(--c-2)!important;margin: 16px 0 0 16px;border-radius:4px;margin: 16px 0 0 16px !important;border-radius: 4px !important;}
-.search-property-detailview .property-badge ul li.open::after, .aga-map-item span .property-badge ul li.open::after{color: var(--c-2) !important;}
-.aga-map-item span .property-badge ul li i{font-family: var(--s-f);font-size: var(--f-s-1);text-transform: capitalize;}
+
+.search-property-detailview .property-badge ul li{text-transform: capitalize !important;color: var(--c-1);background:var(--c-2)!important;margin: 16px 0 0 16px;border-radius:4px;margin: 16px 0 0 16px !important;border-radius: 4px !important;}
+.search-property-detailview .property-badge ul li.open::after{color: var(--c-2) !important;}
 .map-marker.cluster b{background-image: linear-gradient(to top,rgba(0,0,0,0.01),transparent 100%);}
 .aga-map-plugin section:first-child+section>div:first-child>span label i:before{font-size: var(--f-s-1) !important;}
 .aga-map-plugin section:first-child+section>div:first-child>span{z-index: 3 !important;}
@@ -179,8 +161,6 @@ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__
 @media (min-width: 1200px){
     .item-dr-c.any{width: 380px}
     .item-dr-c.more{width: 700px;}
-    .aga-map-plugin .aga-map-item .nav{visibility:hidden;}
-    .aga-map-plugin .aga-map-item:hover .nav{visibility:visible !important;}
     .item-ac > [aria-label="savesearch"]{height: 35px;line-height: 35px;}
     .item-ac > .clear-search-btn{height:unset;line-height:unset;}
 }
@@ -188,13 +168,9 @@ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__
    .map-plugin > .aga-map-plugin section:first-child + section{padding-top: 2rem !important}
     body .choice.view:not(:checked) ~ .aga-map-plugin .properties-more{top: -25px !important;display:none;}
     body .choice.view:not(:checked) ~ .aga-map-plugin .properties-more i:before{line-height: 14px;}
-    .aga-map-item span:not(:first-child) h2{margin-bottom: 1.8rem;}
-    .aga-map-item span:first-child h2{display: none}
-    .aga-map-plugin .aga-map-item .nav{z-index: 2;}
     .search-property-detailview > button:first-child + div > .header > div:first-child > div, 
     .search-property-detailview>button:first-child + div > .slider-gallery + div{width: 100%;}
     .search-property-detailview > button:first-child + div > .header > div:first-child > div:last-child > .property-price{margin-bottom: 3rem;}
-    .aga-map-plugin .aga-map-item span + span > h3{display: block !important;}
     body.choice-view-active .aga-map-plugin section:first-child + section > div:first-child + div{height: calc(100vh - 250px) !important;overflow-y: auto;}
     
     .aga-map-plugin section:first-child + section, .aga-map-plugin section:first-child{padding: 0 8px 8px 8px !important;margin-right: 0px !important;}
@@ -206,14 +182,9 @@ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__
 }
 @media screen and (max-width:640px){
     .item-n-1 ~ nav > p{width: 100%;} 
-    .aga-map-item > span:first-child h3{font-size: var(--f-s-2) !important;}
     body .aga-map-plugin section:first-child + section h1{margin-bottom: 4rem !important;}
     body .choice.view:checked ~ .aga-map-plugin .properties-more{top: -24px !important;}
-    .choice.view:checked ~ .aga-map-plugin .aga-map-item .actions{bottom: 10px;}
-  
-   .choice.view:checked~.aga-map-plugin .aga-map-item{width: calc(100% / 1 - 8px) !important;}
-   .aga-map-plugin{justify-content: center !important;}
-
-  .aga-map-plugin .map-actions ul .expand{display: none;}
+    .aga-map-plugin{justify-content: center !important;}
+    .aga-map-plugin .map-actions ul .expand{display: none;}
 }
 /*Mappage*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-design",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "AG Design Core Framework",
   "repository": {
     "type": "git",

package/var.css

@@ -56,14 +56,11 @@
 --p-badge-normal-bg: #009CDE;
 --p-badge-normal-text: #FFFFFF;
 
---p-badge-hover-bg: #002A4E;
---p-badge-hover-text: #FFFFFF;
-
 --p-badge-highlight-bg: #FF0000;
 --p-badge-highlight-text: #FFFFFF;
 
---caro-dot-active-bg: #002A4E;
---caro-dot-inactive-bg: #BBBCBC;
+--caro-bullet-active-bg: #002A4E;
+--caro-bullet-inactive-bg: #BBBCBC;
 
 --p-f: "Montserrat", sans-serif;
 --s-f: "Montserrat", sans-serif;

package/webbuilder.css

@@ -1,102 +1,39 @@
-.content-settings { position: fixed; top: 0; right: 0; width: 320px; height: 100vh; background-color: #1e1e1e; color: #e0e0e0; padding: 0; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; z-index: 1000; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); font-family: 'Inter', system-ui, -apple-system, sans-serif; }
+.content-settings { position: fixed; top: 7px; right: 7px; width: 320px; height: 93vh; background-color: var(--c-99); color: #e0e0e0; padding: 0; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; z-index: 1000; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); font-family: 'Inter', system-ui, -apple-system, sans-serif; border-radius: var(--b-r-5); }
 .content-settings::-webkit-scrollbar { width: 6px; }
 .content-settings::-webkit-scrollbar-thumb { background: #555; border-radius: 10px; }
-.content-settings .content-settings-bar { display: flex; justify-content: space-between; align-items: center; padding: 16px; background-color: #1e1e1e; border-bottom: 1px solid #333; position: sticky; top: 0; z-index: 1001; }
-.content-settings .content-settings-bar p { margin: 0; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
-.content-settings .content-settings-bar button { padding: 4px; border: none; background-color: transparent; color: #777; border-radius: 4px; cursor: pointer; transition: color 0.2s; font-size: 18px; }
+.content-settings .content-settings-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; background-color: var(--c-3); border-bottom: 1px solid var(--c-6); position: sticky; top: 0; z-index: 1001; }
+.content-settings .content-settings-bar p { margin: 0; color: var(--c-100); font-size: var(--aw-f-s-1); font-weight: var(--aw-f-w-6); letter-spacing: 1px; text-transform: uppercase; }
+.content-settings .content-settings-bar button { padding: 0px; border: none; background-color: transparent; color: #777; border-radius: 4px; cursor: pointer; transition: color 0.2s; font-size: 18px; margin: 0; }
 .content-settings .content-settings-bar button:hover { color: #fff; }
+.content-settings .content-settings-bar button > i[class^=aga-]{vertical-align: middle;color: var(--c-100);font-size: var(--aw-f-s-5);}
 .content-settings-action { position: sticky; bottom: 0; background: #333; padding: 8px; display: flex; justify-content: flex-end; border-top: 1px solid rgba(0, 0, 0, 0.04); }
 .box-input-with-unit { display: flex; align-items: center; gap: 4px; }
 .box-input-with-unit input { flex: 1; min-width: 0; padding: 4px; }
 .box-input-with-unit select { width: 45px; flex-shrink: 0; font-size: 12px; padding: 2px; }
-.settings-group-header { width: 100%; display: flex; justify-content: space-between; align-items: center; background: #252525; padding: 12px 16px; margin: 0; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: #999; border-top: 1px solid #333; border-bottom: 1px solid #333; transition: all 0.2s ease; user-select: none; box-sizing: border-box; }
+.settings-group-header { width: 100%; display: flex; justify-content: space-between; align-items: center; background: none; padding: 12px 10px 12px 13px; margin: 0; cursor: pointer; font-size: 13px; font-weight: var(--aw-f-w-6); letter-spacing: 0.5px; text-transform: capitalize; color: var(--c-100); border-top: none; border-bottom: 1px solid var(--c-6); transition: all 0.2s ease; user-select: none; box-sizing: border-box; }
 .settings-group-header:hover { background: #2d2d2d; color: #fff; }
 .settings-group.open .settings-group-header { color: #fff; border-bottom-color: transparent; }
 .group-toggle-icon { font-size: 14px; color: #777; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: rotate(-90deg); }
 .settings-group.open .group-toggle-icon { transform: rotate(0deg); color: #fff; }
-.settings-group-content { padding: 16px 0; background: rgba(0, 0, 0, 0.05); }
-.settings-group {
-    margin-bottom: 0;
-}
-.settings-field {
-    display: flex;
-    align-items: center;
-    padding: 0 16px;
-    margin-bottom: 16px;
-    margin-top: 16px;
-}
-.settings-field>label {
-    flex: 0 0 120px;
-    font-size: 13px;
-    color: #aaa;
-    text-align: left;
-    padding-right: 12px;
-    box-sizing: border-box;
-    text-overflow: unset;
-    white-space: normal;
-}
+.settings-group-content { padding: 16px 0; background: none; }
+.settings-group {margin-bottom: 0;}
+.settings-field {display: block; padding: 0 11px 0 13px;margin-bottom: 7px;margin-top: 7px;width: 50%;float: left;}
+.settings-field.vertical:has([placeholder="No file uploaded"]):has(img) {width: 100%;}
+.settings-field>label{flex: 0 0 120px;font-size: var(--aw-f-s-0);color: var(--c-7);text-align: left;padding-right: 0;box-sizing: border-box;text-overflow: unset;white-space: normal;display: block;margin-bottom: 2px;}
 
-.group-advanced .settings-field,
-.settings-field.vertical {
-    flex-direction: column  !important;
-    align-items: stretch;
-    gap: 8px;
-}
+.group-advanced .settings-field {flex-direction: column  !important;align-items: stretch;gap: 8px;width: 100%;}
 
 .group-advanced .settings-field>label,
-.settings-field.vertical>label {
-    flex: 0 0 auto;
-    width: 100%;
-    padding-right: 0;
-    color: #eee;
-    text-align: left;
-}
-
+.settings-field.vertical>label {flex: 0 0 auto;width: 100%;padding-right: 0;color: #eee;text-align: left;}
 .settings-field input[type="text"],
 .settings-field input[type="number"],
-.settings-field select,
-.settings-field textarea {
-    flex: 1;
-    width: 100%;
-    padding: 5px 10px;
-    border: 1px solid #444;
-    background-color: #2a2a2a;
-    color: #fff;
-    border-radius: 4px;
-    box-sizing: border-box;
-    font-size: 13px;
-    transition: border-color 0.2s, box-shadow 0.2s;
-}
+.settings-field select, .settings-field textarea{flex: 1;width: 100%;padding: 5px 10px;border: 1px solid #444;background-color: #2a2a2a;color: #fff;border-radius: 4px;box-sizing: border-box;font-size: 13px;transition: border-color 0.2s, box-shadow 0.2s;}
+.settings-field input:focus, .settings-field select:focus, .settings-field textarea:focus{border-color: #555;outline: none;background-color: #333;}
+.settings-field textarea {min-height: 70px;resize: vertical;font-family: inherit;}
 
-.settings-field input:focus,
-.settings-field select:focus,
-.settings-field textarea:focus {
-    border-color: #555;
-    outline: none;
-    background-color: #333;
-}
-
-.settings-field textarea {
-    min-height: 70px;
-    resize: vertical;
-    font-family: inherit;
-}
-
-.settings-field input[type="color"] {
-    flex: 0 0 40px;
-    height: 30px;
-    padding: 0;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-}
-
-.settings-field input[type="range"] {
-    flex: 1;
-    margin-top: 8px;
-    cursor: pointer;
-}
+.settings-field input[type="color"] {flex: 0 0 40px;height: 30px;padding: 0;border: none;background: transparent;cursor: pointer;}
 
+.settings-field input[type="range"] {flex: 1;margin-top: 8px;cursor: pointer;}
 
 
 /* Box and XYZ Field Grids */
@@ -118,9 +55,9 @@
 .content-settings .box-input-item {
     display: flex;
     align-items: center;
-    background: #2a2a2a;
-    border: 1px solid #555;
-    border-radius: 4px;
+    background: var(--c-3);
+    border: none;
+    border-radius: var(--b-r-1);
     padding: 2px 4px;
 }
 
@@ -128,8 +65,10 @@
     font-size: 10px;
     color: #888;
     margin-right: 4px;
-    font-weight: bold;
+    font-weight: var(--f-w-7);
     user-select: none;
+    flex: 1;
+    text-align: center; 
 }
 
  .content-settings .box-input-item input { border: none !important; padding: 2px 0 !important; background: transparent !important; width: 100%; text-align: center; font-size: 12px !important; outline: none; }
@@ -164,7 +103,7 @@
 } 
 .content-settings .unit-selector-mini:hover {
     background: #3a3a3a;
-    color: #fff;
+    color: var(--c-100);
 }
 
 
@@ -258,15 +197,13 @@
 
 
 .content-settings .templatestyle-field-wrapper {
-    display: inline-flex;
-    align-items: center;
-    border: 1px solid #555;
+    display: block; 
+    border: none;
     border-radius: 4px;
-    background: #1e1e1e;
+    background: var(--c-3);
     overflow: hidden;
-    height: auto;
-    width: 12rem;
-    justify-content: center;
+    height: 30px;
+    width: auto; 
 }
 
 .content-settings .templatestyle-field-wrapper button {
@@ -289,6 +226,11 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 100%;
+    font-size: 13px;
+    box-sizing: border-box;
+    height: 100%;
+    padding: 4px 10px;
 }
 
 .content-settings .templatestyle-preview-wrapper img {
@@ -1042,7 +984,7 @@
 
 /* numberfield */
 
-.unit-field-wrapper { display: flex; align-items: center; flex: 1; border: 1px solid #444; border-radius: 4px; background: #252525; overflow: hidden; height: 30px; }
+.unit-field-wrapper { display: flex; align-items: center; flex: 1; border: none; border-radius: 4px; background: var(--c-3); overflow: hidden; height: 30px; }
 .unit-field-wrapper input { flex: 1; border: none !important; background: transparent !important; height: 100%; }
 
 
@@ -1799,9 +1741,9 @@
     justify-content: center;
     width: 16px;
     height: 16px;
-    border: 1px solid #555;
+    border: 1px solid var(--c-6);
     border-radius: 4px;
-    background: #2a2a2a;
+    background: var(--c-99);
     border-radius: 20px;
     width: 36px;
     height: 22px;
@@ -1816,18 +1758,18 @@
     width: 14px;
     height: 14px;
     border-radius: 50%;
-    background: #646cff;
+    background: var(--c-6);
     left: 3px;
     top: 3px;
     transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
     box-shadow: 0px 0px 2px rgba(255,255,255,0.76);  
 }
 .content-settings .check-field:has(>input:checked):before{
-    background: #fff;
+    background: var(--c-99);
     left: calc(100% - 16px);  
 }
 .content-settings .check-field:has(>input:checked){
-    background: #646cff;
+    background: var(--c-6);
 }
 .check-field input {
     display: none;
@@ -1852,140 +1794,67 @@
 }
 
 /* ── details card ── */
-
-.agent-details {
-    padding: 30px;
-}
-
-.agent-details-inner {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.agent-details-photo {
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    object-fit: cover;
-    margin-bottom: 24px;
-}
-
-.agent-details-name {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 700;
-    margin-bottom: 16px;
-}
-
-.agent-details-speciality {
-    color: #ccc;
-    font-size: 13px;
-    margin-bottom: 8px;
-}
-
-.agent-details-location {
-    color: #ccc;
-    font-size: 13px;
-    margin-bottom: 24px;
-}
-
+.agent-details{padding: 30px;}
+.agent-details-inner {display: flex;flex-direction: column;align-items: flex-start;}
+.agent-details-photo{width: 100px;height: 100px;border-radius: 50%;object-fit: cover;margin-bottom: 24px;}
+.agent-details-name{color: #fff;font-size: 14px;font-weight: 700;margin-bottom: 16px;}
+.agent-details-speciality{color: #ccc;font-size: 13px;margin-bottom: 8px;}
+.agent-details-location{color: #ccc;font-size: 13px;margin-bottom: 24px;}
 
 /* image field */
 
-
- 
 /* Img and Vid Field Grids */
- 
 .wb-image-field-container { border: 1px solid #444; border-radius: 4px; }
 .wb-vid-field-container { border: 1px solid #444; border-radius: 4px; }
- 
 .wb-preview-container { position: relative; height: 110px; background: #2a2a2a; overflow: hidden; border-radius: 4px; }
- 
 .wb-preview-image { width: 100%; height: 100%; object-fit: contain; display: block; }
 .wb-preview-vid { width: 100%; height: 100%; object-fit: contain; display: block; }
- 
 .wb-preview-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: flex-end; }
- 
 .wb-delete-btn { background: rgba(239, 68, 68, 0.15); color: rgb(248, 113, 113); border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 4px; padding: 6px; cursor: pointer; }
- 
 .wb-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: flex; justify-content: center; align-items: center; }
 .wb-modal-container { width: 500px; max-width: 92vw; background: #1e1e1e; color: #fff; border-radius: 6px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45); }
- 
 .wb-modal-header { border-bottom: 1px solid #444; height: 66px; min-height: 64px; }
- 
-.wb-modal-title {
-    font-size: 24px;
-    color: #fff;
-}
- 
+.wb-modal-title{font-size: 24px;color: #fff;}
 .wb-disclaimer { color: #ff4d47; font-size: 13px; line-height: 26px; }
- 
 .wb-upload-dropzone { border: 2px dashed #555; border-radius: 6px; min-height: 130px; padding: 24px 20px; background: #1d1d1d; gap: 22px; }
- 
 .wb-upload-title { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 18px; }
- 
 .wb-browse-label { color: #4da6ff; font-size: 16px; position: relative; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; flex-shrink: 0; }
- 
 .wb-url-box { width: 100%; border: 1px solid #666; border-radius: 6px; overflow: hidden; background: #1f1f1f; }
- 
 .wb-library-size { color: #aaa; margin-bottom: 12px; margin-top: -6px; }
- 
 .wb-image-size-badge { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 10px; backdrop-filter: blur(4px); white-space: nowrap; pointer-events: none; }
 .wb-vid-size-badge { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 10px; backdrop-filter: blur(4px); white-space: nowrap; pointer-events: none; }
- 
 .wb-preview-label { font-size: 14px; color: #aaa; }
- 
 .wb-selected-preview { max-width: 100%; max-height: 120px; object-fit: contain; border-radius: 4px; }
+.wb-progress-text {font-size: 12px; color: #aaa;}
+.wb-preview-popup {background: #000;}
+.wb-header-left {gap: 20px;}
+.wb-close-btn {color: #fff;font-size: 20px;}
+.wb-modal-body{padding-top: 18px;padding-bottom: 18px;}
+.wb-back-link {color: #4da6ff; font-size: 14px; gap: 6px;}
+.wb-back-icon {font-size: 13px;}
+.wb-category-select {background: #1f1f1f; color: #fff; border: 1px solid #444; border-radius: 6px; padding: 6px 10px; cursor: pointer; min-width: 140px; max-width: 170px;}
  
-.wb-progress-text { font-size: 12px; color: #aaa; }
- 
-.wb-preview-popup {
-    background: #000;
-}
-.wb-header-left {
-    gap: 20px;
-}
-.wb-close-btn {
-    color: #fff;
-    font-size: 20px;
-}
-.wb-modal-body {
-    padding-top: 18px;
-    padding-bottom: 18px;
-}
-.wb-back-link { color: #4da6ff; font-size: 14px; gap: 6px; }
-.wb-back-icon {
-    font-size: 13px;
-}
-.wb-category-select { background: #1f1f1f; color: #fff; border: 1px solid #444; border-radius: 6px; padding: 6px 10px; cursor: pointer; min-width: 140px; max-width: 170px; }
- 
-.wb-trash-icon {
-    font-size: 16px;
-    margin-top: -6px;
-}
-.wb-upload-actions { gap: 14px; flex-wrap: nowrap; white-space: nowrap; }
- 
-.wb-file-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
- 
-.wb-hidden {
-    display: none;
-}
- 
-.wb-separator {
-    color: #aaa;
-    font-size: 16px;
-}
-.wb-library-link { color: #4da6ff; font-size: 16px; white-space: nowrap; flex-shrink: 0; }
-.wb-or-text { color: #aaa; }
-.wb-url-error { color: red; font-size: 12px; }
-.wb-select-footer { text-align: center; margin-top: 15px; margin-bottom: 10px; padding: 0 15px; }
-.wb-popup-image { max-width: 80vw; max-height: 80vh; }
- 
-.wb-popup-vid { max-width: 80vw; max-height: 80vh; }
- 
-.wb-url-icon {
-    color: #fff;
-    font-size: 15px;
-}
- 
+.wb-trash-icon {font-size: 16px;margin-top: -6px;}
+.wb-upload-actions{gap: 14px; flex-wrap: nowrap; white-space: nowrap;}
+.wb-file-input{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
+.wb-hidden{display: none;}
+.wb-separator{color: #aaa;font-size: 16px;}
+.wb-library-link { color: #4da6ff; font-size: 16px; white-space: nowrap; flex-shrink: 0;}
+.wb-or-text {color: #aaa;}
+.wb-url-error{color: red; font-size: 12px;}
+.wb-select-footer{text-align: center; margin-top: 15px; margin-bottom: 10px; padding: 0 15px;}
+.wb-popup-image{max-width: 80vw; max-height: 80vh;}
+.wb-popup-vid{max-width: 80vw; max-height: 80vh;}
+.wb-url-icon{color: #fff;font-size: 15px;}
+
+.settings-group-content.group-carousel.settings .settings-field{display: block;}
+.settings-group-header > i[class^=aga-]{font-size: var(--aw-f-s-4);color: var(--c-6);}
+.settings-field input[type=text], .settings-field input[type=number], .settings-field select, .settings-field textarea{flex: 1;width: 100%;padding: 5px 10px;border: 1px solid transparent;background-color: var(--c-3);color: var(--c-7);border-radius: 4px;box-sizing: border-box;font-size: 13px;transition: border-color .2s,box-shadow .2s;}
+.settings-field input[type=text]:hover, .settings-field input[type=number]:hover, .settings-field select:hover, .settings-field textarea:hover{border-color: var(--c-6);}
+.settings-field input[type=text]:focus, .settings-field input[type=number]:focus, .settings-field select:focus, .settings-field textarea:focus{border-color: var(--c-100);}
+.settings-group-header > i[class*=" aga-"]{font-size: var(--aw-f-s-4);  color: var(--c-6);}
+.settings-field input[type=color]{flex: 0 0 40px;height: 30px;padding: 0;border: none;background: transparent;cursor: pointer;width: 64px;border-radius: unset;}  
+.settings-field input[type=number] + .unit-selector-mini{width: 52px;flex: 0;padding-left: 0;border-left: 1px solid var(--c-99);border-top-left-radius: 0;border-bottom-left-radius: 0;}
+
+.templatestyle-preview-label{width: 100%;height: 100%;color: var(--c-7);}
+.templatestyle-preview-wrapper .templatestyle-hover-overlay > i[class^=aga-]{font-size: 17px;}