.hp-shell{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--chrome,#f0f0f0);color:var(--ink,#222);overflow:hidden}
.hp-shell[hidden]{display:none!important}
.hp-title{height:26px;min-height:26px;display:flex;align-items:center;padding:0 4px 0 8px;gap:8px;background:#e4e7eb;border-bottom:1px solid #b8bec7;cursor:grab;touch-action:none;user-select:none;font:11px/1.2 var(--font,system-ui)}
.hp-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
.hp-actions{display:flex;margin-left:auto;flex:none;gap:1px}
.hp-actions button{width:24px;height:23px;border:0;background:transparent;padding:0;cursor:pointer;font-size:16px}
.hp-actions button:hover{background:#c9dcef}
.hp-body{flex:1;min-height:0;overflow:auto}
.hp-body>.hp-content{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important}
.hp-body>#toolbar,.hp-body>#rightpanel{height:100%}
.hp-body>#leftbar{height:100%}
.hp-shell[data-panel-id=main-tools] .hp-title{padding-left:3px;gap:0;height:24px;min-height:24px}
.hp-shell[data-panel-id=main-tools] .hp-title strong{display:none}
.hp-shell[data-panel-id=main-tools] .hp-actions{margin:0}
.hp-shell[data-panel-id=main-tools].hp-floating .hp-title strong{display:block}
.hp-floating{position:fixed!important;border:1px solid #9aa6b5;box-shadow:0 10px 35px #0003;border-radius:4px;min-width:0;min-height:0}
.hp-floating .hp-body{background:#f7f8fa}
.hp-floating[data-panel-id=main-tools] #leftbar{grid-template-columns:repeat(auto-fill,28px);overflow:auto}
.hp-floating #toolbar{display:block!important}
.hp-floating #rightpanel{display:flex!important;max-width:none!important}
.hp-floating #leftbar{display:grid!important}
.hp-collapsed>.hp-body,.hp-collapsed>.hp-resize{display:none}
.hp-resize{display:none;position:absolute;bottom:0;right:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none;z-index:5;background:linear-gradient(135deg,transparent 55%,#7990a6 56%,#7990a6 61%,transparent 62%,transparent 71%,#7990a6 72%,#7990a6 77%,transparent 78%)}
.hp-floating>.hp-resize{display:block}
.hp-moving>.hp-title{cursor:grabbing}
.hp-title:focus-visible,.hp-resize:focus-visible,.hp-web-controls button:focus-visible{outline:2px solid #1977c8;outline-offset:-2px}
#main.hp-left-away{grid-template-columns:minmax(0,1fr) 284px}
#main.hp-right-away{grid-template-columns:64px minmax(0,1fr)}
#main.hp-left-away.hp-right-away{grid-template-columns:minmax(0,1fr)}
body.no-rp #main.hp-left-away{grid-template-columns:minmax(0,1fr)}
body.no-rp #main>.hp-shell[data-panel-id=properties]{display:none}
.hp-toolbar-slot{height:0;min-height:0}
.hp-toolbar-slot[hidden]{display:none}
.hp-cricket-content#cricket{position:static!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;resize:none!important;border:0;box-shadow:none;border-radius:0}
.hp-cricket-content#cricket>.cr-title{display:none}
.hp-cricket-content#cricket.min>:not(.cr-title){display:revert}
.hp-web-controls{display:flex;position:relative;gap:4px;align-items:center}
#horn-panel-menu{position:fixed;right:12px;top:42px;z-index:600;width:220px;padding:5px;background:#fff;border:1px solid #aeb7c3;box-shadow:0 6px 24px #0002;max-height:calc(100dvh - 80px);overflow:auto}
#horn-panel-menu[hidden]{display:none}
#webbar #horn-panel-menu button{display:block;width:100%;text-align:left;padding:8px;border:0;background:white;color:#222;min-height:32px;font-size:12px}
#webbar #horn-panel-menu button:hover{background:#e8f2ff}
.hp-guide{padding:14px 18px 26px;font:13px/1.65 var(--font,system-ui)}
.hp-guide section+section{border-top:1px solid #d4dae1;padding-top:12px;margin-top:14px}
.hp-guide h3{font-size:14px;margin:0 0 5px;color:#163e66}
.hp-guide p{margin:0;color:#303943}
@media(max-width:680px){
 #main,#main.hp-left-away,#main.hp-right-away,#main.hp-left-away.hp-right-away{grid-template-columns:minmax(0,1fr)}
 #main>.hp-shell[data-panel-id=main-tools],#main>.hp-shell[data-panel-id=properties]{display:none}
 .hp-title{height:32px;min-height:32px;font-size:12px}
 .hp-actions button{height:29px;width:30px}
 .hp-floating .hp-resize{width:24px;height:24px}
 .hp-web-controls>button{min-height:28px}
 #horn-panel-menu{top:64px}
}
body.web-lite .hp-shell:not(.hp-floating){display:none}