/* AI 创作工作台 —— .st-* 命名空间，不污染其它页面 */
.st-wrap{--st-pri:#4f46e5;--st-pri-d:#4338ca;--st-bd:#e5e7eb;--st-mu:#6b7280;--st-bg:#f7f7fb}

.st-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:16px;padding:26px 28px;margin-bottom:18px}
.st-head h1{font-size:24px;margin-bottom:6px}
.st-head p{opacity:.92;font-size:14px;line-height:1.7;max-width:680px}
.st-steps{display:flex;gap:8px;flex-shrink:0}
.st-step{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.7);
  padding:5px 12px;border-radius:999px;font-size:12px;white-space:nowrap}
.st-step.on{background:#fff;color:#4f46e5;border-color:#fff;font-weight:600}

.st-work{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}

/* 左面板 */
.st-panel{background:#fff;border:1px solid var(--st-bd);border-radius:14px;padding:18px}
.st-block{margin-bottom:18px}
.st-label{font-size:13px;color:var(--st-mu);margin-bottom:8px;font-weight:600}
.st-panel textarea,.st-panel select{width:100%;padding:10px 12px;border:1px solid var(--st-bd);
  border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;line-height:1.6}
.st-types{display:flex;flex-wrap:wrap;gap:8px}
.st-type{border:1px solid var(--st-bd);background:#fff;color:var(--st-mu);padding:7px 13px;
  border-radius:8px;font-size:13px;cursor:pointer}
.st-type.on{background:var(--st-pri);color:#fff;border-color:var(--st-pri)}
.st-typedesc{font-size:12px;color:var(--st-mu);margin-top:8px;line-height:1.6}
.st-eg{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.st-eglabel{font-size:12px;color:var(--st-mu)}
.st-eg a{font-size:12px;color:var(--st-pri);background:#eef2ff;border-radius:6px;padding:3px 8px}
.st-hint{font-size:12px;color:var(--st-mu);margin-top:8px;line-height:1.6}
.st-chips{display:flex;flex-wrap:wrap;gap:7px}
.st-chip{border:1px solid var(--st-bd);background:#fff;color:var(--st-mu);padding:5px 11px;
  border-radius:999px;font-size:12.5px;cursor:pointer}
.st-chip.on{background:var(--st-pri);color:#fff;border-color:var(--st-pri)}
.st-actions{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.st-btn{border:none;border-radius:9px;padding:10px 16px;font-size:14px;cursor:pointer;
  background:var(--st-pri);color:#fff;transition:.15s}
.st-btn:hover{background:var(--st-pri-d)}
.st-btn:disabled{opacity:.55;cursor:not-allowed}
.st-btn-ghost{background:#fff;color:var(--st-pri);border:1px solid var(--st-pri)}
.st-btn-sm{padding:7px 12px;font-size:13px}
.st-btn-green{background:#0d9488}.st-btn-green:hover{background:#0f766e}
.st-btn-orange{background:#d97706}.st-btn-orange:hover{background:#b45309}
.st-cost{font-size:12px;color:var(--st-mu);margin-top:8px;text-align:center}

/* 右主区 */
.st-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.st-sec{background:#fff;border:1px solid var(--st-bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.st-grow{min-height:520px}
.st-secbar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--st-bd);flex-wrap:wrap}
.st-sectitle{font-size:13px;font-weight:600}
.st-sp{flex:1}
.st-mini{border:1px solid var(--st-bd);background:#fff;color:var(--st-mu);border-radius:7px;
  padding:4px 10px;font-size:12px;cursor:pointer}
.st-outline{border:none;width:100%;min-height:150px;padding:14px;font-size:13.5px;line-height:1.8;
  font-family:inherit;resize:vertical;color:#374151;background:#fbfbfe}
.st-outline:read-only{background:#fbfbfe}

.st-toolbar{display:flex;flex-wrap:wrap;gap:6px}
.st-tool{border:1px solid var(--st-bd);background:#fff;color:var(--st-mu);border-radius:7px;
  padding:4px 10px;font-size:12px;cursor:pointer}
.st-tool:hover{border-color:var(--st-pri);color:var(--st-pri)}

.st-tabs{display:flex;gap:8px;padding:10px 14px 0}
.st-tab{border:1px solid var(--st-bd);background:#fff;color:var(--st-mu);border-radius:7px;
  padding:4px 12px;font-size:12.5px;cursor:pointer}
.st-tab.on{background:var(--st-pri);color:#fff;border-color:var(--st-pri)}

.st-body{flex:1;padding:16px;overflow:auto;max-height:620px}
.st-body.st-loading{opacity:.45}
.st-empty{text-align:center;color:var(--st-mu);padding:60px 20px}
.st-empty p{font-size:14px;margin-bottom:8px}
.st-empty small{font-size:12.5px;display:block;max-width:460px;margin:0 auto;line-height:1.7}

.st-doc{font-size:14.5px;line-height:1.9;color:#1f2937}
.st-doc h1{font-size:21px;text-align:center;margin:6px 0 18px;line-height:1.5}
.st-doc h2{font-size:17px;margin:20px 0 10px;padding-left:10px;border-left:4px solid var(--st-pri)}
.st-doc h3{font-size:15px;margin:16px 0 8px;color:#4338ca}
.st-doc p{margin:8px 0;text-indent:2em}
.st-doc ul,.st-doc ol{margin:8px 0 8px 2em}
.st-doc li{margin:4px 0}
.st-doc blockquote{margin:10px 0;padding:8px 14px;background:#f8fafc;border-left:3px solid var(--st-bd);color:var(--st-mu);text-indent:0}
.st-doc code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:13px}
.st-doc hr{border:none;border-top:1px solid var(--st-bd);margin:16px 0}

.st-slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.st-slide{position:relative;border:1px solid var(--st-bd);border-radius:10px;padding:14px 14px 12px 30px;background:#fcfcff}
.st-slide-no{position:absolute;left:9px;top:12px;font-size:11px;color:#fff;background:var(--st-pri);
  width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.st-slide-t{font-size:13.5px;font-weight:600;margin-bottom:7px;line-height:1.5}
.st-slide ul{margin:0;padding-left:16px}
.st-slide li{font-size:12.5px;color:#4b5563;margin:3px 0;line-height:1.6}

.st-pre{white-space:pre-wrap;font-size:13px;line-height:1.8;background:#0f172a;color:#e2e8f0;
  padding:16px;border-radius:10px;font-family:Consolas,Monaco,monospace;overflow:auto;max-height:560px}

.st-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:11px 14px;border-top:1px solid var(--st-bd);background:#fafafd}

.st-note{margin-top:16px;background:#fffbeb;border:1px dashed #fcd34d;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.7}

/* 会员 / 积分状态条 */
.st-credit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--st-bd);
  border-radius:12px;padding:10px 14px;font-size:12.5px;color:#374151;margin-bottom:14px}
.st-credit b{color:var(--st-pri)}
.st-credit-cost{color:var(--st-mu)}
.st-credit-off{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.st-credit-off a{color:#b91c1c;font-weight:600;text-decoration:underline}

/* 编辑态内联工具栏 */
.st-edittools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--st-bd);background:#f8fafc}
.st-edittools small{color:var(--st-mu)}
.st-et{border:1px solid var(--st-bd);background:#fff;color:#374151;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}
.st-et:hover{border-color:var(--st-pri);color:var(--st-pri)}
.st-editbox{min-height:480px;outline:none;font-size:14.5px;line-height:1.9;color:#1f2937}
.st-editbox:focus{outline:none}
.st-editbox h1{font-size:21px;text-align:center;margin:6px 0 18px;line-height:1.5}
.st-editbox h2{font-size:17px;margin:20px 0 10px;padding-left:10px;border-left:4px solid var(--st-pri)}
.st-editbox h3{font-size:15px;margin:16px 0 8px;color:#4338ca}
.st-editbox p{margin:8px 0}
.st-editbox ul,.st-editbox ol{margin:8px 0 8px 2em}
.st-editbox li{margin:4px 0}
.st-editbox blockquote{margin:10px 0;padding:8px 14px;background:#f8fafc;border-left:3px solid var(--st-bd);color:var(--st-mu)}
.st-editbox code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:13px}
.st-note code{background:#f1f5f9;padding:1px 5px;border-radius:4px}

@media(max-width:980px){
  .st-work{grid-template-columns:1fr}
  .st-head{flex-direction:column}
  .st-steps{flex-wrap:wrap}
}
@media print{
  .st-panel,.st-head,.st-secbar,.st-foot,.st-tabs,.st-note,.st-sec:first-child,header,footer{display:none!important}
  .st-sec{border:none}
  .st-body{max-height:none;overflow:visible}
}