.dev-dock-expanded{--dev-dock-reserved-space:66px}
.shared-dev-dock{
 position:fixed;
 inset:auto 0 0;
 z-index:2147483600;
 width:100%;
 max-width:none;
 margin:0;
 padding:0;
 border:0;
 overflow:visible;
 background:transparent;
 color:#493a30;
 pointer-events:none;
}
.shared-dev-dock::backdrop{background:transparent;pointer-events:none}
.shared-dev-dock .dev-bar{
 position:relative;
 inset:auto;
 width:calc(100% - 20px);
 max-width:1500px;
 min-height:46px;
 margin:0 auto 10px;
 padding:7px 10px;
 display:flex;
 align-items:center;
 gap:7px;
 flex-wrap:nowrap;
 border:1px solid #dfa574;
 border-radius:15px;
 background:#f7d8b9f2;
 box-shadow:0 5px 24px #6b432123;
 backdrop-filter:blur(10px);
 font-size:11px;
 pointer-events:auto;
}
.shared-dev-dock .dev-bar>strong,
.shared-dev-dock .dev-dock-context>strong{
 flex:none;
 padding:4px 7px;
 border:0;
 border-radius:999px;
 background:#e8ae7b;
 color:#563720;
 font-size:9px;
 letter-spacing:.1em;
}
.shared-dev-dock .dev-bar label{min-width:0}
.shared-dev-dock .dev-bar select,
.shared-dev-dock .dev-bar button{
 min-width:0;
 min-height:30px;
 padding:5px 8px;
 border:1px solid #d29a69;
 border-radius:8px;
 background:#fff8ef;
 color:#493a30;
 font-size:10px;
 line-height:1.2;
}
.shared-dev-dock .dev-bar select{max-width:190px;text-overflow:ellipsis}
.shared-dev-dock .dev-bar button:hover{background:#ffeedc}
.shared-dev-dock .dev-bar button:focus-visible,
.shared-dev-dock .dev-bar select:focus-visible,
.shared-dev-dock .dev-show:focus-visible{outline:3px solid #87572f;outline-offset:2px}
.shared-dev-dock .dev-bar #dev-status{
 min-width:0;
 max-width:220px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:9px;
 color:#76563c;
}
.shared-dev-dock .dev-bar #dev-hide{margin-left:auto;border:0;background:transparent;font-size:18px}
.shared-dev-dock .dev-show{
 position:relative;
 inset:auto;
 float:right;
 margin:0 10px 10px 0;
 padding:7px 10px;
 border:1px solid #dfa574;
 border-radius:999px;
 background:#f7d8b9f2;
 box-shadow:0 3px 14px #6b43211c;
 color:#563720;
 font-size:9px;
 pointer-events:auto;
}
.shared-dev-dock .dev-dock-context{display:flex;align-items:center;gap:7px;min-width:0;width:100%}
.shared-dev-dock .dev-dock-context[hidden]{display:none!important}
.shared-dev-dock .dev-dock-note{color:#76563c;white-space:nowrap}
.shared-dev-dock .dev-dock-editor select{flex:1;max-width:360px}
.shared-dev-dock .dev-dock-results button{margin-left:auto}
.shared-dev-dock .dev-bar.dev-dock-editor-mode> :not(.dev-dock-editor):not(#dev-hide),
.shared-dev-dock .dev-bar.dev-dock-results-mode> :not(.dev-dock-results):not(#dev-hide){display:none!important}
.shared-dev-dock .dev-bar.dev-dock-editor-mode #dev-hide,
.shared-dev-dock .dev-bar.dev-dock-results-mode #dev-hide{display:block!important}
.shared-dev-dock [hidden]{display:none!important}

@media(max-width:600px){
 .dev-dock-expanded{--dev-dock-reserved-space:112px}
 .shared-dev-dock .dev-bar{width:calc(100% - 10px);margin-bottom:5px;padding:5px;gap:4px;border-radius:11px;flex-wrap:wrap;overflow-x:auto}
 .shared-dev-dock .dev-bar>strong,.shared-dev-dock .dev-dock-context>strong{padding:3px 5px;font-size:8px}
 .shared-dev-dock .dev-bar select,.shared-dev-dock .dev-bar button{min-height:28px;padding:4px 5px;font-size:9px;flex:none}
 .shared-dev-dock .dev-bar label{flex:1 1 125px;overflow:hidden}
 .shared-dev-dock .dev-bar label .select-field{display:block}
 .shared-dev-dock .dev-bar select{width:100%;max-width:none}
 .shared-dev-dock .dev-bar #dev-status,.shared-dev-dock .dev-dock-note{display:none}
 .shared-dev-dock .dev-bar #dev-hide{margin-left:0}
 .shared-dev-dock .dev-dock-editor{flex-wrap:wrap}
 .shared-dev-dock .dev-dock-editor label{flex:0 0 auto;overflow:visible}
 .shared-dev-dock .dev-dock-editor select{width:auto;max-width:100%;flex:1 1 145px}
 .shared-dev-dock .dev-show{margin:0 5px 5px 0}
}

@media(prefers-reduced-motion:reduce){.shared-dev-dock *{transition:none!important}}

.shared-dev-dock .dev-bar:not(.dev-dock-query-mode){padding-right:40px}
.shared-dev-dock .dev-bar:not(.dev-dock-query-mode) #dev-hide{position:absolute;top:7px;right:7px}
body>main{padding-bottom:calc(25px + var(--shared-dev-clearance,40px))}