/* Self-contained shortcut presentation for frontend, editor and pattern previews. */
.bwp-shell-tools{position:relative;display:inline-flex;align-items:flex-start;gap:8px;color:#302044;font:500 14px/1.5 system-ui,sans-serif;max-width:100%;box-sizing:border-box}
.bwp-shell-tools *{box-sizing:border-box}
.bwp-shell-tools svg{display:block;width:20px;height:20px;flex:0 0 20px;max-width:100%}
.bwp-shell-tools details{position:static;margin:0;padding:0;border:0}
.bwp-shell-tools details>summary{display:flex!important;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 14px;min-height:42px;border:1px solid #ded0e9;border-top:0;border-radius:0 0 12px 12px;background:#f5eefb;color:#49305e;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
.bwp-shell-tools summary::-webkit-details-marker{display:none}
.bwp-shell-tools summary::marker{content:""}
.bwp-shell-tools .header-client-tab{background:#f0f7f8;color:#435961;border-color:#d1e2e7}
.bwp-shell-tools .utility-tab-chevron{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px}
.bwp-shell-tools .utility-tab-chevron svg{width:14px;height:14px;flex-basis:14px}
.bwp-shell-tools details[open]>summary .utility-tab-chevron{transform:rotate(180deg)}
.bwp-shell-tools details:not([open])> :not(summary){display:none}
.bwp-shell-tools :is(a,button,summary):focus-visible{outline:2px solid #6934ce;outline-offset:3px}
.bwp-shell-tools :is(.header-help-panel,.client-access-panel){position:absolute;right:0;top:calc(100% + 8px);z-index:60;max-height:65vh;overflow:auto;width:min(1000px,calc(100vw - 48px));padding:24px;background:#fffafc;border:1px solid #ded0e9;border-radius:14px;box-shadow:0 18px 45px #30204420;white-space:normal}
.bwp-shell-tools .client-access-panel{width:min(440px,calc(100vw - 48px))}
.bwp-shell-tools :is(.header-help-heading,.client-access-heading){display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 20px}
.bwp-shell-tools :is(.header-help-heading,.client-access-heading) h2{font-size:26px;line-height:1.2;margin:8px 0 12px;color:#302044}
.bwp-shell-tools :is(.header-help-heading,.client-access-heading) button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ded0e9;border-radius:50%;background:#f1e6ff;color:#6934ce;font-size:23px;line-height:1;cursor:pointer}
.bwp-shell-tools .header-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bwp-shell-tools .header-help-topic{padding:20px;background:#eee4ff;border-radius:12px;min-width:0}
.bwp-shell-tools .header-help-topic h3{font-size:18px;line-height:1.3;margin:12px 0}
.bwp-shell-tools .header-help-topic p{font-size:13px;line-height:1.6}
.bwp-shell-tools .header-help-topic ul{list-style:none;padding:0}
.bwp-shell-tools .header-help-topic li{padding:10px 0;border-bottom:1px solid #30204416}
.bwp-shell-tools .bwp-help-category-icon svg{width:32px;height:32px}
.bwp-shell-tools .header-help-all{display:block;margin-top:16px;font-weight:700}
.bwp-shell-tools .header-help-footer{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #ded0e9}
.bwp-shell-tools a{color:#593093;text-underline-offset:3px}
.bwp-shell-tools .bwp-account-frame{display:block;width:100%;height:280px;border:0;background:white}
.bwp-shell-tools .bwp-member-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#eee4ff;text-align:center;line-height:40px;font-weight:700}
.bwp-shell-tools .bwp-member-avatar[hidden]{display:none}
.bwp-shell-tools .bwp-client-portal-footer{border-top:1px solid #ded0e9;padding-top:16px;margin-top:16px}
.bwp-shell-tools .client-access-direct{display:flex;gap:10px;align-items:center}
@media(max-width:700px){.bwp-shell-tools .header-help-grid{grid-template-columns:1fr}.bwp-shell-tools details>summary{padding:9px 10px}.bwp-shell-tools .utility-tab-label{white-space:normal}}
/* Server-rendered blocks have no frontend app bundle inside editor iframes. */
.editor-styles-wrapper .bwp-shell-tools{position:relative!important;top:auto!important;right:auto!important;z-index:auto}
.editor-styles-wrapper .bwp-shell-tools details>summary{display:flex!important}
.editor-styles-wrapper .bwp-shell-tools :is(.header-help-panel,.client-access-panel){position:relative!important;top:auto!important;right:auto!important;width:min(800px,100%);margin-top:8px}