/* PixelScript app layer (bovenop mockup styles) */
#canvas{ position:relative; overflow:hidden; }
.ps-pickstatus{ margin-top:10px; font-size:12px; color:#aaa; }
.ps-pickstatus strong{ color:#fff; }
.ps-preview{
  position:absolute;
  border:2px dashed rgba(255,74,0,.9);
  background:rgba(255,74,0,.12);
  border-radius:8px;
  pointer-events:none;
  z-index:999;
  display:none;
}


.ps-block {
  position: absolute;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  cursor: default;
}

.ps-block.ps-clickable { cursor: pointer; }
.ps-block:hover { outline: 2px solid rgba(255,255,255,0.12); }

.ps-badge{
  position:absolute;
  left:6px;
  bottom:6px;
  font-size:11px;
  padding:4px 6px;
  border-radius:8px;
  background:rgba(0,0,0,0.55);
  color:#fff;
  max-width:calc(100% - 12px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Pretty modal (no libs) */
.ps-modal{position:fixed;inset:0;display:none;z-index:9999;font-family:inherit;}
.ps-modal.is-open{display:block;}
.ps-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(2px);}
.ps-modal__panel{
  position:relative;
  width:min(520px, calc(100% - 32px));
  margin:10vh auto 0;
  background:#0e0e0e;
  border:1px solid #222;
  border-radius:18px;
  box-shadow:0 10px 40px rgba(0,0,0,.6);
  color:#eee;
  overflow:hidden;
}
.ps-modal__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1f1f1f;}
.ps-modal__title{font-weight:800;letter-spacing:.3px;}
.ps-modal__x{
  border:0;background:transparent;color:#aaa;font-size:16px;cursor:pointer;
  width:34px;height:34px;border-radius:10px;
}
.ps-modal__x:hover{background:#161616;color:#fff;}
.ps-modal__body{padding:14px 16px;color:#cfcfcf;line-height:1.45;white-space:pre-line;}
.ps-modal__actions{padding:14px 16px;border-top:1px solid #1f1f1f;display:flex;justify-content:flex-end;gap:10px;}
.ps-modal__btn{
  padding:10px 14px;border-radius:14px;border:1px solid #2a2a2a;background:#141414;color:#eee;cursor:pointer;
}
.ps-modal__btn:hover{border-color:#3a3a3a;}
.ps-modal--success .ps-modal__head{border-bottom-color:rgba(255,74,0,.25);}
.ps-modal--error .ps-modal__head{border-bottom-color:rgba(255,0,0,.25);}