/* The application layout and typography come from the saved reference DOM/CSS. */
#demo-controls{position:fixed;z-index:2147483647;bottom:12px;right:18px;display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid #efc878;border-radius:6px;background:#fff6df;color:#805900;font:12px/20px "PingFang SC",sans-serif;box-shadow:0 2px 8px #0000000a}
#demo-controls button{padding:1px 7px;border:1px solid #d8dce4;border-radius:4px;background:white;color:#31343b;font:12px/20px "PingFang SC",sans-serif;cursor:pointer}
#demo-controls button[hidden]{display:none}#demo-message:empty{display:none}
body.demo-editing [data-demo-cell],body.demo-editing .oc-promotion-metric-card-number-val{outline:1px dashed #d3a83d;background:#fff9df;cursor:text}
[data-demo-nav]{cursor:pointer}
[data-demo-field="name"]{cursor:pointer}
body.demo-editing [data-demo-field],body.demo-editing .oc-promotion-metric-card-number-tail{outline:1px dashed #d3a83d;background:#fff9df;cursor:text;min-width:12px}
body.demo-editing [data-demo-field="name"]{display:inline-block;min-width:80px}
.demo-delete-row{display:none}
body.demo-editing td:last-child{position:relative;padding-right:45px}
body.demo-editing .demo-delete-row{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:2px 4px;border:0;border-radius:3px;background:#fff1f0;color:#d83931;cursor:pointer;font:12px/20px "PingFang SC",sans-serif}
.demo-empty-row{text-align:center;padding:50px!important;color:#93969d;font:12px/20px "PingFang SC",sans-serif}
#demo-nav-dropdown{position:fixed;z-index:10020;min-width:220px;max-width:390px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid #ebeef2;box-shadow:0 8px 28px #20273524;border-radius:6px;padding:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility .18s;font:14px/22px "PingFang SC",sans-serif;color:#252931}
#demo-nav-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}
#demo-nav-dropdown.demo-nav-wide{width:360px}
#demo-nav-dropdown .ebp-main-tool-menu{width:100%;height:auto;max-height:none;overflow:visible;padding:0;margin:0}
#demo-nav-dropdown .ebp-main-tool-menu-content,#demo-nav-dropdown .ebp-main-tool-sub-menu__header{margin:0;min-height:36px;height:36px;cursor:pointer}
#demo-nav-dropdown .ebp-main-tool-sub-menu__header:hover,#demo-nav-dropdown .ebp-main-tool-menu-content:hover{background:#f3f7ff;color:#0057ff;border-radius:4px}

.demo-simple-menu{display:flex;flex-direction:column;gap:4px}
.demo-simple-menu button{background:none;border:0;border-radius:4px;padding:10px 14px;text-align:left;font:14px/22px "PingFang SC",sans-serif;color:#252931;cursor:pointer}
.demo-simple-menu button:hover{background:#f3f7ff;color:#0057ff}
.demo-submenu-list{overflow:hidden;transition:max-height .24s ease;padding-top:0!important;padding-bottom:0!important}
.ebp-main-tool-sub-menu__header,.ebp-main-tool-menu-content,.ebp-main-ocean-oc-side-bar-collapse-button,.bp-tree-container{cursor:pointer}
.ebp-main-tool-sub-menu__icon-arrow{transition:transform .24s ease}
.ebp-main-tool-sub-menu__header[aria-expanded="false"] .ebp-main-tool-sub-menu__icon-arrow{transform:rotate(-90deg)}
.ebp-side-bar{transition:width .24s ease,min-width .24s ease,padding .24s ease;overflow-x:hidden}
body.demo-sidebar-collapsed .ebp-side-bar{width:68px!important;min-width:68px!important;padding-left:8px!important}
body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-menu-content__title,body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-sub-menu__title,body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-sub-menu__arrow,body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-sub-menu__list{display:none!important}
body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-menu-content,body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-tool-sub-menu__header{padding-left:16px!important}
body.demo-sidebar-collapsed .ebp-side-bar .ebp-main-ocean-oc-side-bar-collapse-button{gap:4px;padding-left:6px;padding-right:6px;font-size:12px}
@media(prefers-reduced-motion:reduce){#demo-nav-dropdown,.demo-submenu-list,.ebp-side-bar{transition:none}}
iconpark-icon[name="oc-icon-doc"]{vertical-align:-2px!important}
.demo-subject-back{cursor:pointer}

/* The live navigation is a horizontal panel, with its original internal CSS. */
#demo-nav-dropdown.demo-nav-original{overflow:visible;width:max-content;min-width:0;max-width:100vw;max-height:calc(100vh - 72px);padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);font:16px/18.4px "PingFang SC";color:#000}
#demo-nav-dropdown.demo-nav-original .ebp-main-ocean-sub-title iconpark-icon{flex-shrink:0}

#demo-nav-dropdown.demo-nav-original a{text-decoration:none}