.studio-runtime{padding:12px 5%;background:#f7f7f7;border-bottom:1px solid #ddd;font:14px/1.5 system-ui,sans-serif;color:#222}
.studio-runtime nav{display:flex;gap:10px;justify-content:flex-end}.studio-runtime p{margin:8px 0}
.studio-runtime button,.studio-drawer button{border:1px solid #ddd;background:#fff;color:#111;border-radius:22px;padding:9px 18px;cursor:pointer}
.studio-runtime button:disabled,.studio-drawer button:disabled{opacity:.45;cursor:not-allowed}
.studio-drawer{box-sizing:border-box;width:min(760px,94vw);max-height:88vh;overflow:auto;padding:28px;border:1px solid #ddd;border-radius:24px;background:#fff;color:#222;font:15px/1.5 system-ui,sans-serif}
.studio-drawer::backdrop{background:#0006}.studio-drawer h2{font-size:23px;margin:0 0 15px}.studio-drawer form{display:grid;gap:15px;margin-top:18px}
.studio-drawer label{display:grid;gap:6px}.studio-drawer input,.studio-drawer select,.studio-drawer textarea{box-sizing:border-box;width:100%;border:1px solid #ccc;border-radius:10px;padding:11px;background:#fafafa;color:#222;font:inherit}
.studio-drawer textarea{resize:vertical;min-height:120px}
.studio-drawer input[type=file]{font-size:13px}.studio-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-drawer p{color:#555}
.studio-order{border-top:1px solid #ddd;margin-top:22px;padding-top:14px;display:grid;gap:10px}.studio-order h3{margin:0}.studio-first-frame,.studio-order video{display:block;max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}.studio-order a{color:#225abb}.studio-drawer [role=alert]{color:#a32020;background:#fff2f2;border-radius:8px;padding:10px}
@media(max-width:600px){.studio-upload-grid{grid-template-columns:1fr}.studio-drawer{padding:20px}}

/* 开发中功能（目前只有首帧确认），仅管理员可见。
   刻意用明显不同的配色 + 斜纹底，让管理员一眼就知道"这块还没做完，不是客户看到的东西"。 */
.studio-dev-admin{
  border:2px dashed #b8860b;
  border-radius:6px;
  padding:12px 14px;
  margin:14px 0;
  background:repeating-linear-gradient(135deg,
    rgba(184,134,11,.07) 0 10px, rgba(184,134,11,.13) 10px 20px);
}
.studio-dev-admin > p:first-child{
  margin:0 0 8px;
  font-weight:600;
  letter-spacing:.04em;
  color:#8a6508;
}
.studio-dev-admin p{color:#6b5206}
@media (prefers-color-scheme:dark){
  .studio-dev-admin{border-color:#d9a441;
    background:repeating-linear-gradient(135deg,
      rgba(217,164,65,.10) 0 10px, rgba(217,164,65,.18) 10px 20px);}
  .studio-dev-admin > p:first-child{color:#e8c57a}
  .studio-dev-admin p{color:#cdbb8a}
}

/* 当前模式未启用的功能：置灰隔离，不删除。
   Codex 写的东西保留着，换模型后可能重新用上（见 CLAUDE.md 的接手原则）。 */
.studio-feature-off{
  border:1px solid rgba(120,120,140,.45);
  border-radius:6px;
  padding:10px 12px;
  margin:12px 0;
  background:rgba(120,120,140,.06);
}
.studio-feature-off > p:first-child{
  margin:0 0 6px; font-weight:600; color:#6f6f80; letter-spacing:.03em;
}
.studio-feature-off textarea[disabled]{
  background:rgba(120,120,140,.10); color:#8b8b9c; cursor:not-allowed;
}
.studio-feature-off p{color:#7b7b8c; font-size:.92em}
/* 首帧模式开启时恢复正常观感 */
.studio-feature-off.studio-feature-on{
  border-color:transparent; background:transparent; padding:0;
}
.studio-feature-off.studio-feature-on p{color:inherit}

/* 个人中心：把客户累计的素材与成片集中呈现。
   以前这些东西散在各个订单里，客户没有"我的资产"这个入口。 */
.studio-lib{margin:18px 0 0;padding-top:14px;border-top:1px solid #e4ded2}
.studio-lib h3{margin:0 0 6px;font-size:15px}
.studio-lib>p{margin:0 0 8px;color:#77756c;font-size:13px}
.studio-lib-row{padding:7px 0;border-bottom:1px dashed #ece7dd;font-size:13px;line-height:1.6}
.studio-lib-row:last-child{border-bottom:0}
.studio-lib-row a{margin-left:10px}

/* 等待开通页的企业微信二维码占位图（真图由用户提供后同名覆盖） */
.studio-qr{display:block;width:220px;height:220px;margin:12px 0;border:1px solid #ddd5c7;border-radius:10px;background:#fff}

/* 等待开通页的文字联系方式——二维码扫不出来时，这是客户唯一的出路 */
.studio-contact{margin:10px 0;padding:12px 14px;background:#f7f2e8;border-left:3px solid #b55c3b;border-radius:6px}
.studio-contact p{margin:3px 0;font-size:14px}

/* 套餐列表 */
.studio-plans .studio-lib-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.studio-plans button{margin-left:auto}

/* 32 位订单号在窄屏上不能撑破卡片 */
.studio-order p{word-break:break-all;overflow-wrap:anywhere}