/* 上下两半屏：上半 = 手串 + 数据（右）/ 保存清空（左），下半 = 珠子 / 珠宝 */
.ed-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}

.ed-stage{
  position:relative;flex:1 1 0;min-height:0;overflow:hidden;
  user-select:none;-webkit-user-select:none;
  /* R89：底图铺满上半屏（--diy-bg 在 css/01 的 :root 里定，换图只改那一行）。
     底图不透明 ⇒ 第二层金色光晕看不见；把 --diy-bg 改成 none 时会露出来当原来的底。
     品牌图不在这里——它由 JS 画在 #edCanvas 中央（js/40 的 drawBrand）。 */
  background:var(--diy-bg,none) center/cover no-repeat,
             radial-gradient(70% 55% at 50% 48%, rgba(196,161,90,.07) 0%, rgba(196,161,90,0) 72%);
}
#edCanvas{position:relative;display:block;width:100%;height:100%;touch-action:none;cursor:default;}

/* 右侧一栏：颗数 / 总价 / 腕围 / 最小合成长度 / 绳长占用
   一项一行竖着列；顶边与左侧按钮对齐（都在 top:12px），整块靠上、行距收紧 */
.ed-stats{
  position:absolute;right:12px;top:12px;width:94px;
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  text-align:right;pointer-events:none;
}
.ed-stats .st-item{display:flex;flex-direction:column;align-items:flex-end;gap:1px;width:100%;}
.ed-stats .st-lab{
  display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;
  font-size:9px;letter-spacing:.14em;color:var(--muted-2);white-space:nowrap;
}
.ed-stats .st-val{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink);line-height:1.14;white-space:nowrap;}
.ed-stats .st-val.gold{color:var(--gold-dark);}
.ed-stats .st-item.warn .st-lab,
.ed-stats .st-item.warn .st-val{color:#d0483a;}
.ed-stats .st-sub{font-size:9.5px;font-style:normal;letter-spacing:.02em;color:var(--muted-2);white-space:nowrap;}