#uiLayoutEditor{position:fixed;z-index:100010;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);box-sizing:border-box;width:min(660px,calc(100vw - 16px));max-height:46dvh;overflow:auto;padding:10px 12px;border:1px solid #b99a58;border-radius:8px;background:#211a13f5;color:#eadcb9;font:12px/1.35 system-ui;box-shadow:0 4px 20px #0009;touch-action:auto}
#uiLayoutEditor[hidden],.uiEditHandle[hidden]{display:none!important}
#uiLayoutEditor.bottom{top:auto;bottom:max(8px,env(safe-area-inset-bottom))}
#uiLayoutEditor>strong{color:#f3ce79;margin-right:12px}
.uiEditRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
#uiLayoutEditor :is(button,select,input){font:inherit;min-height:36px;box-sizing:border-box;border:1px solid #8c7344;border-radius:4px;background:#3b3023;color:#fff0cf;padding:4px 8px;min-width:0}
#uiLayoutEditor button{cursor:pointer}#uiLayoutEditor button:disabled{opacity:.4}
#uiLayoutEditor label{display:flex;align-items:center;gap:6px;flex:1}#uiEditSize{flex:1;width:90px}
#uiProfileName{width:125px}#uiProfiles{max-width:145px}#uiEditStatus{display:block;margin-top:6px}
.uiEditHandle{position:fixed;z-index:100005;background:#ddb54d24;border:2px dashed #e6ca89;border-radius:8px;color:white;text-shadow:0 1px 3px #000;font:bold 11px system-ui;touch-action:none;cursor:move;padding:0;min-width:0;min-height:0;box-sizing:border-box}
.uiEditHandle.selected{border:3px solid #ffe196;background:#ddb54d38;z-index:100006}
/* !important blijft in dit bestand: display:flex!important (r.14) en display:grid!important (r.17) winnen van de [hidden]-guards in index.html (#skillBtn[hidden], #mobileActions [hidden], #worldChat[hidden]), opacity:1!important van #skillBtn[aria-disabled="true"]:not(...) (specificiteit 1,2,0); zie ui-layout-editor-ui.js. */
body.ui-editing #startScreenOverlay{visibility:hidden!important}
body.ui-editing :is(#moveZone,#aimZone,#skillBtn,#gatherBtn),body.ui-editing #mobileActions{display:flex!important;visibility:visible!important}
body.ui-editing :is(#skillBtn,#gatherBtn){opacity:1!important;min-width:44px;min-height:44px}
body.ui-editing #skillBtn:empty::after{content:'SKILL';font-size:var(--cw-fs-hud-label)}
body.ui-editing #worldChat{display:grid!important;visibility:visible!important}
#uiHotbarSlots{position:fixed;display:none;pointer-events:none;z-index:100004;grid-template-columns:repeat(6,minmax(0,1fr))}
body.ui-editing #uiHotbarSlots{display:grid}
#uiHotbarSlots span{display:grid;place-items:center;border:1px solid #d1ae64;border-radius:5px;background:#352a2088;color:#fff0cf;font:bold 12px system-ui;box-sizing:border-box}
@media(max-height:420px){#uiLayoutEditor{padding:5px 8px;font-size:var(--cw-fs-body);width:min(600px,calc(100vw - 16px))}.uiEditRow{margin-top:3px}#uiLayoutEditor :is(button,select,input){min-height:30px}}