/* 提示条 */
.toast{
  position:absolute;left:50%;bottom:104px;transform:translate(-50%,10px);
  padding:10px 20px;border-radius:999px;
  background:rgba(28,28,30,.9);color:#fff;
  font-size:12.5px;letter-spacing:.05em;white-space:nowrap;
  opacity:0;pointer-events:none;transition:.25s;z-index:400;
}
.toast.on{opacity:1;transform:translate(-50%,0);}

/* ---------- DIY 编辑器（白色主题） ---------- */
#editor{
  position:absolute;inset:0;z-index:100;
  display:flex;flex-direction:column;
  background:#fff;
  transform:translateY(100%);
  transition:transform .34s cubic-bezier(.22,1,.36,1);
  padding-top:12px; /* 与 .statusbar 高度一致（css/02） */
  /* 编辑器内禁止双击缩放（画布区 #edCanvas 另有 touch-action:none） */
  touch-action:manipulation;
}
#editor.open{transform:translateY(0);}

.ed-top{
  position:relative;
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  padding:6px 16px 12px;border-bottom:1px solid var(--line-2);
}
.ed-top .back{display:flex;align-items:center;gap:3px;font-size:14px;color:var(--ink-2);}
.ed-top .back svg{width:18px;height:18px;stroke:var(--ink-2);stroke-width:2.2;}
.ed-top .ttl{flex:1;text-align:center;font-family:var(--serif);font-size:15.5px;font-weight:600;letter-spacing:.14em;}
.ed-top .sp{width:46px;flex:0 0 auto;}