/* AreaPlay's shared controls, with a transient inspector over the existing editors. */
body[data-page="builder"] .ap-app>.ap-header{height:64px;flex-basis:64px;padding:0 20px;gap:14px}
.ap-sidebar .ap-properties-section-title{font-size:15px;letter-spacing:0;margin:20px 0 12px}
.ap-sidebar-head h1{font-size:23px}
.ap-inspector-heading{margin:0 0 18px}
.ap-inspector-navigation{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.ap-inspector-navigation .ap-button{flex:1;padding:0 10px;font-size:12px;min-height:40px}
.ap-inspector-navigation svg{width:17px;height:17px;flex:0 0 auto}
.ap-inspector-navigation>.ap-icon-button{border:1px solid var(--line);border-radius:6px;width:36px;height:40px;color:var(--muted);font-size:24px}
.ap-inspector-navigation>.ap-icon-button:hover{background:var(--soft);color:var(--pink)}
.ap-inspector-kind{color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}
.ap-inspector-heading h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
.ap-inspector-heading .ap-label-help{font-size:12px;line-height:1.5}
.ap-inspector-branch>:not(.ap-inspector-branch):not(.ap-inspector-keep){display:none!important}
.ap-inspecting #selected-companies{margin:0;display:block}
.ap-inspecting .ap-company-card.ap-inspector-branch,.ap-inspecting .ap-company-detail.ap-inspector-branch{border:0;padding:0;margin:0;background:transparent;overflow:visible}
.ap-inspecting .ap-appearance.ap-inspector-branch{border:0;margin:0;padding:0}
.ap-inspecting .ap-elements.ap-inspector-branch{padding:0;border:0}
.ap-sidebar:not(.ap-inspecting) .ap-layer-section>:not(.ap-layer-row):not(.ap-element-options),
.ap-sidebar[data-inspector-kind="company"] .ap-layer-section>:not(.ap-layer-row):not(.ap-element-options),
.ap-sidebar:not(.ap-inspecting) .ap-regional-detail,
.ap-sidebar:not(.ap-inspecting) .ap-layer-actions,
.ap-sidebar:not(.ap-inspecting) .ap-boundary-small{display:none}
.ap-layer-section,.ap-regional-card{position:relative;min-width:0}
.ap-sidebar:not(.ap-inspecting) .ap-layer-row,.ap-sidebar[data-inspector-kind="company"] .ap-layer-row,.ap-regional-row{padding-right:33px;min-height:34px}
.ap-element-options{display:inline-grid;place-items:center;width:30px;height:30px;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);transition:color .16s,background .16s,border-color .16s}
.ap-element-options svg{width:18px;height:18px}
.ap-element-options:hover,.ap-element-options:focus-visible{background:#fff0f6;color:var(--pink);border-color:#f7c2d8}
.ap-layer-section>.ap-element-options,.ap-regional-card>.ap-element-options{position:absolute;right:0;top:3px}
.ap-company-main{grid-template-columns:18px 13px minmax(0,1fr) auto 30px 20px;gap:6px;padding:12px 9px}
.ap-company-main input{width:18px;height:18px}.ap-company-main>.ap-color{width:13px;height:13px}
.ap-company-name{font-size:12px;line-height:1.4}.ap-focus-button{font-size:11px}
.ap-company-detail{padding:8px}.ap-layer-row{font-size:12px}.ap-layer-row input{width:18px;height:18px}
.ap-inspecting:not([data-inspector-kind="company"]) .ap-element-options{display:none}
.ap-inspecting .ap-layer-section{padding:0}
.ap-inspecting .ap-layer-accent,.ap-inspecting .ap-layer-label-controls{margin-left:0}
.ap-inspecting .ap-layer-row{font-size:13px;margin-bottom:14px}
.ap-inspecting .ap-regional-layers{margin:0;border:0;padding:0}
.ap-inspector-keep{animation:ap-inspector-enter .16s ease-out}
.ap-editor-selection-ring{position:absolute;inset:-3px;border:2px solid var(--pink);border-radius:4px;pointer-events:none;z-index:2}
@keyframes ap-inspector-enter{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){
  body[data-page="builder"] .ap-app{min-height:0}
  body[data-page="builder"] .ap-app>.ap-header{flex-basis:58px;height:58px;padding:0 10px;gap:8px}
  body[data-page="builder"] .ap-header .ap-name-wrap{width:auto;flex:1;min-width:70px;height:36px}
  body[data-page="builder"] .ap-header .ap-name-wrap input{font-size:13px}
  body[data-page="builder"] .ap-header .ap-private,body[data-page="builder"] .ap-header .ap-save-state,body[data-page="builder"] .ap-header .ap-header-spacer{display:none}
  body[data-page="builder"] .ap-header .ap-button{padding:0 12px;min-height:36px}
  .ap-workspace{position:relative}
  .ap-sidebar{position:absolute;inset:auto 0 0;width:100%;max-width:none;height:62%;max-height:580px;z-index:1100;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #10213f26;transform:translateY(105%);transition:transform .2s ease;visibility:hidden;padding:18px}
  .ap-sidebar.is-open{transform:translateY(0);visibility:visible}
  .ap-backdrop:not([hidden]){display:block;position:absolute;top:122px;z-index:1000;background:#10213f18;pointer-events:none}
  .ap-close-sidebar{display:block;font-size:24px}
  .ap-mobile-companies{z-index:900;top:12px;left:12px;bottom:auto;font-size:12px;min-height:36px}
  .ap-inspector-navigation{margin-bottom:16px}
  .ap-inspector-navigation .ap-button{flex:none;padding:0 14px}
}
@media(prefers-reduced-motion:reduce){.ap-inspector-keep{animation:none}.ap-sidebar,.ap-element-options{transition:none}}