/* Canonical split Dock. All visible toolbar controls share one visual system. */
.azwba-app .azwba-ui-v3.azwba-v3-split{
 --azwba-dock:98px;
 --azwba-zoom-bottom:116px;
 --azwba-dock-height:90px;
 --azwba-dock-item-width:76px;
 --azwba-dock-item-height:76px;
 --azwba-dock-icon:31px;
 --azwba-dock-label:11px;
 --azwba-dock-gap:6px;
}
.azwba-app .azwba-ui-v3.azwba-v3-split.azwba-dock-hidden{
 --azwba-dock:0px;
 --azwba-zoom-bottom:12px;
}
.azwba-app .azwba-ui-v3 .azwba-dock [hidden],
.azwba-app .azwba-ui-v3 .azwba-dock-wrap [hidden]{
 display:none!important;
 pointer-events:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock button,
.azwba-app .azwba-ui-v3 .azwba-dock [role="button"]{
 pointer-events:auto;
}

/* Shell */
.azwba-app .azwba-ui-v3:not(.azwba-dock-hidden) .azwba-dock.azwba-v3-split{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 54px;
 align-items:stretch;
 pointer-events:auto!important;
 inline-size:min(980px,calc(100vw - 40px));
 max-inline-size:min(980px,calc(100vw - 40px));
 block-size:var(--azwba-dock-height);
 min-block-size:var(--azwba-dock-height);
 padding:4px 5px 4px 8px;
 margin:0;
 overflow:visible;
 border:1px solid #D7E4DF;
 border-radius:18px;
 background:rgba(255,255,255,.985);
 color:#20352F;
 box-shadow:0 15px 40px rgba(27,66,53,.12),0 2px 8px rgba(27,66,53,.05);
 direction:ltr;
}
.azwba-app .azwba-ui-v3.azwba-dock-hidden .azwba-dock-wrap,
.azwba-app .azwba-ui-v3.azwba-dock-hidden .azwba-dock{
 display:none!important;
}

/* Mode rail: drawing / tools */
.azwba-app .azwba-ui-v3 .azwba-v3-mode-rail{
 grid-column:2;
 grid-row:1;
 display:grid;
 grid-template-rows:1fr 1fr;
 gap:3px;
 min-block-size:0;
 padding:2px 3px 2px 5px;
 border-inline-start:1px solid #E1E8E5;
 direction:ltr;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn{
 display:grid!important;
 place-items:center!important;
 inline-size:100%!important;
 min-inline-size:0!important;
 block-size:100%!important;
 min-block-size:0!important;
 margin:0!important;
 padding:0!important;
 border:1px solid transparent!important;
 border-radius:10px!important;
 background:transparent!important;
 color:#36554A!important;
 box-shadow:none!important;
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn svg,
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn img{
 inline-size:27px!important;
 block-size:27px!important;
 max-inline-size:27px!important;
 max-block-size:27px!important;
 margin:auto!important;
 object-fit:contain!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn:hover:not(:disabled){
 background:#F2F7F4!important;
 border-color:#E0EAE5!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn.is-active,
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn[aria-pressed="true"]{
 background:#EAF4F0!important;
 border-color:#C9DFD6!important;
 color:#17654D!important;
}

/* Panels and rows */
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel{
 grid-column:1;
 grid-row:1;
 display:none;
 min-inline-size:0;
 block-size:82px;
 overflow:hidden;
 pointer-events:none;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel.is-active{display:block;pointer-events:auto}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-row{
 display:flex;
 align-items:center;
 justify-content:flex-start;
 gap:var(--azwba-dock-gap);
 min-inline-size:0;
 block-size:82px;
 padding-inline:4px;
 overflow-x:auto;
 overflow-y:hidden;
 scrollbar-width:none;
 overscroll-behavior-inline:contain;
 direction:rtl;
 pointer-events:auto;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-row::-webkit-scrollbar{display:none}
.azwba-app .azwba-ui-v3 .azwba-v3-tools-group{
 display:flex;
 align-items:center;
 justify-content:center;
 flex:0 0 auto;
 min-block-size:78px;
 padding:0;
 margin:0;
 border:0;
 pointer-events:auto;
}
.azwba-app .azwba-ui-v3 .azwba-v3-tools-group>small{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-v3-tools-row{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:var(--azwba-dock-gap);
 min-block-size:78px;
 pointer-events:auto;
}

/* One canonical component for all normal toolbar buttons. */
.azwba-app .azwba-ui-v3 .azwba-dock-item{
 position:relative;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 var(--azwba-dock-item-width)!important;
 inline-size:var(--azwba-dock-item-width)!important;
 min-inline-size:var(--azwba-dock-item-width)!important;
 block-size:var(--azwba-dock-item-height)!important;
 min-block-size:var(--azwba-dock-item-height)!important;
 gap:4px!important;
 margin:0!important;
 padding:4px 3px!important;
 border:1px solid transparent!important;
 border-radius:11px!important;
 background:transparent!important;
 color:#263F37!important;
 box-shadow:none!important;
 font-family:inherit!important;
 text-align:center!important;
 cursor:pointer;
 overflow:hidden;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item:hover:not(:disabled){
 background:#F1F6F3!important;
 border-color:#DFE8E4!important;
 color:#165D46!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item.is-active,
.azwba-app .azwba-ui-v3 .azwba-dock-item.is-tool-active,
.azwba-app .azwba-ui-v3 .azwba-dock-item[aria-pressed="true"],
.azwba-app .azwba-ui-v3 .azwba-dock-item[aria-expanded="true"]{
 background:#EAF4F0!important;
 border-color:#C4DDD2!important;
 color:#17654D!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item>svg,
.azwba-app .azwba-ui-v3 .azwba-dock-item>img,
.azwba-app .azwba-ui-v3 .azwba-dock-item>span:first-child>svg,
.azwba-app .azwba-ui-v3 .azwba-dock-item>span:first-child>img{
 display:block!important;
 inline-size:var(--azwba-dock-icon)!important;
 block-size:var(--azwba-dock-icon)!important;
 max-inline-size:var(--azwba-dock-icon)!important;
 max-block-size:var(--azwba-dock-icon)!important;
 flex:0 0 var(--azwba-dock-icon)!important;
 margin:0 auto!important;
 object-fit:contain!important;
 transform:scale(var(--azwba-icon-scale,1));
 transform-origin:center;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item>span:first-child{
 display:grid!important;
 place-items:center!important;
 inline-size:var(--azwba-dock-icon)!important;
 block-size:var(--azwba-dock-icon)!important;
 min-block-size:var(--azwba-dock-icon)!important;
 margin:0 auto!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item::after{
 content:attr(data-caption);
 display:-webkit-box!important;
 inline-size:100%;
 max-inline-size:72px;
 min-block-size:25px;
 max-block-size:27px;
 margin:0;
 padding:0 1px;
 overflow:hidden;
 color:currentColor;
 font-size:var(--azwba-dock-label);
 line-height:1.2;
 font-weight:800;
 text-align:center;
 white-space:normal;
 overflow-wrap:normal;
 word-break:normal;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 pointer-events:none;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item:disabled{opacity:.56;cursor:not-allowed}
.azwba-app .azwba-ui-v3 .azwba-dock-item:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-v3-mode-btn:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-tool-family button:focus-visible{
 outline:3px solid #5A9FD4!important;
 outline-offset:2px!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-item[data-wb-clear]{
 color:#A34840!important;
 background:#FFF3F1!important;
 border-color:#F0D8D4!important;
}

/* Tool families: one canonical layout for every toolbar control with a dropdown arrow. */
.azwba-app .azwba-ui-v3 .azwba-dock-family{
 position:relative;
 display:grid!important;
 grid-template-columns:1fr 2fr!important;
 grid-template-rows:50px 24px!important;
 flex:0 0 112px!important;
 inline-size:112px!important;
 min-inline-size:112px!important;
 block-size:var(--azwba-dock-item-height)!important;
 min-block-size:var(--azwba-dock-item-height)!important;
 margin:0!important;
 padding:0!important;
 border:1px solid #DDE8E3!important;
 border-radius:13px!important;
 background:#FAFCFB!important;
 color:#294D3E!important;
 overflow:hidden!important;
 direction:ltr;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family.is-active{
 background:#E7F2EC!important;
 border-color:#BBD7CA!important;
 color:#17654D!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main,
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__toggle{
 display:grid!important;
 place-items:center!important;
 align-self:stretch!important;
 justify-self:stretch!important;
 inline-size:100%!important;
 min-inline-size:0!important;
 block-size:100%!important;
 min-block-size:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 color:inherit!important;
 box-shadow:none!important;
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main{
 grid-column:2;
 grid-row:1;
 border-inline-start:1px solid rgba(53,86,75,.14)!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__toggle{
 grid-column:1;
 grid-row:1;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main:hover,
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__toggle:hover{
 background:rgba(30,111,92,.07)!important;
 color:#165D46!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main.is-active{
 background:transparent!important;
 color:inherit!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main svg,
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__main img{
 inline-size:31px!important;
 block-size:31px!important;
 max-inline-size:31px!important;
 max-block-size:31px!important;
 object-fit:contain!important;
 margin:auto!important;
}
.azwba-app .azwba-ui-v3 .azwba-dock-family .azwba-tool-family__caption{
 grid-column:1/-1!important;
 grid-row:2!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 align-self:stretch!important;
 justify-self:stretch!important;
 inline-size:100%!important;
 block-size:100%!important;
 min-block-size:0!important;
 margin:0!important;
 padding:0 5px!important;
 border-top:1px solid rgba(53,86,75,.10)!important;
 overflow:hidden!important;
 color:inherit!important;
 font-size:var(--azwba-dock-label)!important;
 line-height:1.1!important;
 font-weight:800!important;
 text-align:center!important;
 text-overflow:clip!important;
 white-space:normal!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
 direction:rtl;
 pointer-events:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-family-chevron{
 display:block!important;
 inline-size:11px!important;
 block-size:11px!important;
 margin-block-start:-4px!important;
 border-right:2px solid currentColor!important;
 border-bottom:2px solid currentColor!important;
 color:inherit!important;
 transform:rotate(45deg)!important;
 transform-origin:center!important;
 pointer-events:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-family-chevron.is-open{
 margin-block-start:4px!important;
 transform:rotate(-135deg)!important;
}

/* Family dropdowns: icon centered above label. */
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu{
 display:none;
 inline-size:min(330px,calc(100vw - 16px));
 max-inline-size:calc(100vw - 16px);
 padding:13px;
 overflow-x:hidden;
 z-index:var(--azwba-z-popover);
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu.is-open{display:block}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>strong{
 display:block;
 margin:0 0 10px;
 padding:0 2px;
 color:#20352F;
 font-size:14px;
 line-height:1.4;
 font-weight:900;
 text-align:right;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu[aria-label="حالة التركيز"]>.azwba-dock-menu-grid{
 grid-template-columns:repeat(3,minmax(0,1fr));
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 min-inline-size:0!important;
 min-block-size:88px!important;
 gap:7px!important;
 padding:10px 7px!important;
 border:1px solid #DEE8E3!important;
 border-radius:13px!important;
 background:#FAFCFB!important;
 color:#31584B!important;
 text-align:center!important;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button:hover{
 background:#EEF6F2!important;
 border-color:#A8CDBF!important;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button.is-active{
 background:#E6F3EC!important;
 border-color:#72AD92!important;
 color:#155F47!important;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button>span{
 display:grid!important;
 place-items:center!important;
 inline-size:38px!important;
 block-size:38px!important;
 margin:0 auto!important;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button>span svg,
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button>span img{
 inline-size:30px!important;
 block-size:30px!important;
 max-inline-size:30px!important;
 max-block-size:30px!important;
}
.azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button>small{
 display:block!important;
 inline-size:100%!important;
 margin:0!important;
 color:inherit!important;
 font-size:11.5px!important;
 line-height:1.35!important;
 font-weight:800!important;
 text-align:center!important;
 white-space:normal!important;
 overflow:visible!important;
}

/* More */
.azwba-app .azwba-ui-v3 .azwba-v3-overflow{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 flex:0 0 var(--azwba-dock-item-width);
 inline-size:var(--azwba-dock-item-width);
 min-inline-size:var(--azwba-dock-item-width);
 block-size:var(--azwba-dock-item-height);
 min-block-size:var(--azwba-dock-item-height);
 margin:0;
 padding:0;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-menu{
 position:fixed;
 z-index:var(--azwba-z-popover);
 display:none;
 inline-size:min(470px,calc(100vw - 16px));
 max-inline-size:calc(100vw - 16px);
 max-block-size:min(72dvh,560px);
 padding:13px;
 overflow-y:auto;
 overflow-x:hidden;
 border:1px solid #D9E4DF;
 border-radius:17px;
 background:#FFF;
 color:#20352F;
 box-shadow:0 22px 60px rgba(28,63,52,.20);
 direction:rtl;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-menu.is-open{display:block}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-menu>strong{
 display:block;
 margin:0 0 10px;
 padding:0 2px;
 font-size:14px;
 line-height:1.4;
 font-weight:900;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 min-inline-size:0!important;
 min-block-size:82px!important;
 gap:6px!important;
 padding:9px 6px!important;
 border:1px solid #E0E9E5!important;
 border-radius:12px!important;
 background:#FAFCFB!important;
 color:#31584B!important;
 text-align:center!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item:hover{
 background:#EEF6F2!important;
 border-color:#A8CDBF!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item__icon{
 display:grid;
 place-items:center;
 inline-size:36px;
 block-size:36px;
 min-inline-size:36px;
 min-block-size:36px;
 margin:0 auto;
 border-radius:9px;
 background:#EEF5F1;
 color:#315D50;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item__icon svg,
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item__icon img{
 inline-size:25px!important;
 block-size:25px!important;
 max-inline-size:25px!important;
 max-block-size:25px!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-overflow-item>small{
 display:block!important;
 inline-size:100%;
 margin:0!important;
 color:inherit!important;
 font-size:10.8px!important;
 line-height:1.35!important;
 font-weight:800!important;
 text-align:center!important;
 white-space:normal!important;
 overflow:visible!important;
}

/* Drawing mode uses the same component sizes, plus palette controls. */
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel--draw .azwba-v3-mode-row{
 align-items:center;
 gap:var(--azwba-dock-gap);
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel--draw .azwba-dock-item{
 --azwba-dock-item-width:74px;
 --azwba-dock-item-height:72px;
 --azwba-dock-icon:30px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel--draw .azwba-dock-family{
 flex-basis:106px!important;
 inline-size:106px!important;
 min-inline-size:106px!important;
 block-size:72px!important;
 min-block-size:72px!important;
 grid-template-rows:47px 23px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel--draw .azwba-dock-family .azwba-tool-family__main svg,
.azwba-app .azwba-ui-v3 .azwba-v3-mode-panel--draw .azwba-dock-family .azwba-tool-family__main img{
 inline-size:29px!important;
 block-size:29px!important;
 max-inline-size:29px!important;
 max-block-size:29px!important;
}
.azwba-app .azwba-ui-v3 .azwba-v3-color-strip{
 display:grid;
 grid-template-columns:repeat(6,24px);
 grid-auto-rows:24px;
 gap:4px 5px;
 align-content:center;
 flex:0 0 auto;
 padding:2px 8px;
 border-inline-start:1px solid #E1E8E5;
 border-inline-end:1px solid #E1E8E5;
}
.azwba-app .azwba-ui-v3 .azwba-v3-color{
 position:relative;
 display:grid;
 place-items:center;
 inline-size:24px;
 min-inline-size:24px;
 block-size:24px;
 min-block-size:24px;
 padding:0;
 border:1px solid #D8DFE4;
 border-radius:50%;
 background:var(--azwba-color);
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-v3-color.is-active::after{
 content:"";
 position:absolute;
 inset:-4px;
 border:2px solid #5A9FD4;
 border-radius:50%;
 box-shadow:0 0 0 2px rgba(90,159,212,.10);
}
.azwba-app .azwba-ui-v3 .azwba-v3-color-strip>.azwba-dock-custom-color{
 flex:0 0 24px;
 inline-size:24px;
 min-inline-size:24px;
 block-size:24px;
 min-block-size:24px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-color-strip>.azwba-dock-custom-color .azwba-dock-custom-color__spectrum{
 inline-size:22px;
 block-size:22px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-size-strip{
 display:flex;
 align-items:center;
 gap:6px;
 flex:0 0 auto;
 padding-inline:8px;
}
.azwba-app .azwba-ui-v3 .azwba-v3-size{
 display:grid;
 place-items:center;
 inline-size:36px;
 min-inline-size:36px;
 block-size:36px;
 min-block-size:36px;
 padding:0;
 border:0;
 border-radius:10px;
 background:transparent;
 color:#1D2A3A;
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-v3-size:hover,
.azwba-app .azwba-ui-v3 .azwba-v3-size.is-active{background:#EEF3F0}
.azwba-app .azwba-ui-v3 .azwba-v3-size i{
 display:block;
 inline-size:var(--azwba-dot);
 block-size:var(--azwba-dot);
 border-radius:50%;
 background:#1D2A3A;
}

/* Responsive */
@media(max-width:900px){
 .azwba-app .azwba-ui-v3.azwba-v3-split{
  --azwba-dock-item-width:72px;
  --azwba-dock-label:10.4px;
 }
 .azwba-app .azwba-ui-v3:not(.azwba-dock-hidden) .azwba-dock.azwba-v3-split{
  grid-template-columns:minmax(0,1fr) 50px;
  inline-size:calc(100vw - 18px);
  max-inline-size:calc(100vw - 18px);
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-overflow-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
}
@media(max-width:560px){
 .azwba-app .azwba-ui-v3.azwba-v3-split{
  --azwba-dock:92px;
  --azwba-zoom-bottom:110px;
  --azwba-dock-height:84px;
  --azwba-dock-item-width:68px;
  --azwba-dock-item-height:70px;
  --azwba-dock-icon:28px;
  --azwba-dock-label:10px;
 }
 .azwba-app .azwba-ui-v3:not(.azwba-dock-hidden) .azwba-dock.azwba-v3-split{
  grid-template-columns:minmax(0,1fr) 48px;
  padding-inline:4px;
  border-radius:15px;
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-mode-panel,
 .azwba-app .azwba-ui-v3 .azwba-v3-mode-row{block-size:76px}
 .azwba-app .azwba-ui-v3 .azwba-dock-family{
  flex-basis:106px!important;
  inline-size:106px!important;
  min-inline-size:106px!important;
  block-size:70px!important;
  min-block-size:70px!important;
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-overflow-menu{
  inline-size:min(94vw,380px);
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-overflow-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-color-strip{
  grid-template-columns:repeat(3,24px);
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3.azwba-v3-split{
  --azwba-dock:102px;
  --azwba-zoom-bottom:120px;
  --azwba-dock-height:94px;
  --azwba-dock-item-height:78px;
  --azwba-dock-item-width:76px;
  --azwba-dock-icon:31px;
  --azwba-dock-label:11px;
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-mode-panel,
 .azwba-app .azwba-ui-v3 .azwba-v3-mode-row{block-size:86px}
 .azwba-app .azwba-ui-v3 .azwba-v3-mode-btn{touch-action:manipulation}
 .azwba-app .azwba-ui-v3 .azwba-dock-family{
  block-size:78px!important;
  min-block-size:78px!important;
  grid-template-rows:57px 18px;
 }
 .azwba-app .azwba-ui-v3 .azwba-v3-overflow-item,
 .azwba-app .azwba-ui-v3 .azwba-tool-family__menu>.azwba-dock-menu-grid>button{
  min-block-size:92px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .azwba-app .azwba-ui-v3 .azwba-dock *{transition:none!important}
}