.art-panel {
--art-panel-bg: #ffffff; --art-panel-ink: #1b1d1e; --art-panel-line: #dcdad2;
--art-panel-hover: #006666; --art-panel-hover-ink: #ffffff; --art-panel-accent: #1f6f5c;
position: fixed; z-index: 9300; box-sizing: border-box;
width: min(720px, calc(100vw - 24px)); overflow-y: auto; overscroll-behavior: contain;
padding: 20px; background: var(--art-panel-bg); color: var(--art-panel-ink);
border: 1px solid var(--art-panel-line); border-radius: 16px; box-shadow: 0 18px 48px rgba(0,0,0,.28);
font-family: inherit; -webkit-tap-highlight-color: transparent;
}
.art-panel[hidden] { display: none !important; }
[data-wlcustom-dm="dark"] .art-panel { --art-panel-bg: #121d30; --art-panel-ink: var(--wlcustom-dm-text, #e8e6e3); --art-panel-line: #223049; --art-panel-accent: #2bb3a8; }
.art-panel * { transition: none !important; }
.art-panel-heading { margin: 0 0 14px; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--art-panel-accent); }
.art-panel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.art-panel-card {
display: flex; align-items: center; gap: 12px; padding: 12px 16px;
border: 1px solid var(--art-panel-line); border-radius: 12px;
color: inherit; text-decoration: none;
}
.art-panel-card:hover,
.art-panel-card:focus-visible { background: var(--art-panel-hover); border-color: var(--art-panel-hover); color: var(--art-panel-hover-ink); }
.art-panel-card:focus-visible { outline: 3px solid var(--art-panel-accent); outline-offset: 2px; }
.art-panel-icon { flex: 0 0 auto; width: 20px; height: 20px; color: var(--art-panel-accent); }
.art-panel-card:hover .art-panel-icon,
.art-panel-card:focus-visible .art-panel-icon { color: var(--art-panel-hover-ink); } .art-panel-card .rtools-ko { fill: var(--art-panel-bg); }
.art-panel-card:hover .rtools-ko,
.art-panel-card:focus-visible .rtools-ko { fill: var(--art-panel-hover); }
.art-panel-name { display: block; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
.art-panel-name::after { content: '\2192'; margin-left: 8px; color: var(--art-panel-accent); opacity: 0; }
.art-panel-card:hover .art-panel-name::after,
.art-panel-card:focus-visible .art-panel-name::after { opacity: 1; color: var(--art-panel-hover-ink); } @media (min-width: 900px) {
.art-panel { width: max-content; max-width: calc(100vw - 24px); }
.art-panel-grid { grid-template-columns: repeat(var(--art-panel-cols, 3), minmax(200px, 1fr)); }
.art-panel-card { min-width: 0; }
.art-panel-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}  .topnav-menu-desktop > li.top_menu_bar_tools > ul { display: none !important; }
.topnav-menu-desktop > li.top_menu_bar_tools > a::after { display: none !important; } .top_menu_bar_tools { position: relative; }
.art-panel-btn {
position: absolute; top: 50%; transform: translateY(-50%);
display: inline-flex; align-items: center; justify-content: center;
box-sizing: border-box; width: 19.5px; height: 19.5px; padding: 0; margin: 0;
border: 1px solid var(--art-panel-ink, currentColor); border-radius: 50%;
background: none; color: var(--art-panel-ink, currentColor);
cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.art-panel-btn svg { width: 9px; height: 9px; }
.art-panel-btn:hover,
.art-panel-btn[aria-expanded="true"] { background: #fff551; border-color: #fff551; color: #1a1a1a; } @media (pointer: coarse) {
.art-panel-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%); }
} .topnav-menu-desktop > li.top_menu_bar_tools > a { padding-right: calc(var(--topnav-menu-px, 28px) + 27.5px) !important; }
.topnav-menu-desktop > li.top_menu_bar_tools > .art-panel-btn { right: var(--topnav-menu-px, 28px); }
.topnav-mob-row2-menu > li.top_menu_bar_tools > a { padding-right: 27.5px !important; }
.topnav-mob-row2-menu > li.top_menu_bar_tools > .art-panel-btn { right: 0; }