/* 去水印页面（本机视频处理）
   只作用于 #view-watermark 内部，用站点既有配色变量，不影响其它页面。 */

.wm-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:22px;align-items:start}
.wm-card,.wm-side{background:rgba(255,255,255,.9);border:1px solid rgba(210,222,229,.9);border-radius:22px;box-shadow:0 12px 40px rgba(7,19,31,.05)}
.wm-card{padding:clamp(20px,3vw,32px)}
.wm-side{padding:22px}

/* 步骤条 */
.wm-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.wm-steps span{font-size:12px;font-weight:700;color:var(--muted);background:#eef3f6;border:1px solid transparent;border-radius:999px;padding:7px 13px;transition:.2s}
.wm-steps span.active{color:#06261e;background:var(--mint);box-shadow:0 6px 16px rgba(45,201,158,.22)}
.wm-steps span.done{color:#0f8f71;background:#e3f8f2;border-color:#bfe9dc}

/* 上传区 */
.wm-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:214px;padding:24px;border:2px dashed #b9c9d1;border-radius:18px;background:#fbfdfe;text-align:center;cursor:pointer;transition:.18s}
.wm-drop:hover,.wm-drop.dragover{border-color:#2dc99e;background:#f1fcf8}
.wm-drop-icon{width:52px;height:52px;border-radius:16px;background:var(--navy);color:var(--mint);font-size:26px;display:grid;place-items:center}
.wm-drop strong{font-size:16px}
.wm-drop small{font-size:12px;color:var(--muted)}

.wm-note{margin-top:16px;padding:12px 14px;border-left:3px solid var(--mint);border-radius:0 12px 12px 0;background:#f5f8fa;font-size:12.5px;line-height:1.75;color:var(--muted)}
.wm-note b{color:var(--ink)}

/* 处理方式（自动 / 手动） */
.wm-mode{margin-top:14px;padding:13px 14px;border:1px solid rgba(210,222,229,.9);border-radius:14px;background:#fbfdfe}
.wm-mode-label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:9px}
.wm-mode-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:13px;color:var(--ink);cursor:pointer;user-select:none;transition:.15s}
.wm-mode-opt:hover{background:#f1fcf8}
.wm-mode-opt input{width:16px;height:16px;accent-color:var(--mint);cursor:pointer;flex:0 0 auto}
.wm-mode-opt span{line-height:1.5}

/* 预览 + 框选 */
.wm-preview-wrap{position:relative;width:100%;max-width:420px;margin:0 auto;background:#0d1a24;border-radius:16px;overflow:hidden;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none}
.wm-preview-wrap img{display:block;width:100%;height:auto;pointer-events:none}
.wm-preview-wrap.dragging{cursor:grabbing}
.wm-box{position:absolute;box-sizing:border-box;border:2px solid #ff4d4f;border-radius:3px;background:rgba(255,77,79,.16);box-shadow:0 0 0 1px rgba(255,255,255,.7);cursor:move}
.wm-box:after{content:"";position:absolute;inset:0;box-shadow:0 0 0 9999px rgba(7,19,31,.34);pointer-events:none}
.wm-handle{position:absolute;right:-12px;bottom:-12px;width:28px;height:28px;border-radius:8px;background:#ff4d4f;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.32);cursor:nwse-resize}
/* 触屏手指粗：手柄再放大一圈，别让人去瞄那个小方块 */
@media (pointer:coarse){.wm-handle{right:-16px;bottom:-16px;width:38px;height:38px;border-radius:11px;border-width:4px}}
.wm-preview-tip{margin:14px 0 0;font-size:12.5px;line-height:1.7;color:var(--muted);text-align:center}
.wm-preview-tip b{color:var(--ink)}
.wm-preview-tip.warn{color:#b0532f}
.wm-meta{margin:12px auto 0;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.wm-meta em{font-style:normal;font-size:11.5px;color:#0f8f71;background:#e9f8f3;border-radius:999px;padding:4px 10px}

/* 进度 */
.wm-progress{padding:8px 0 4px}
.wm-bar{height:10px;border-radius:999px;background:#e8eef1;overflow:hidden}
.wm-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--mint-dark));transition:width .45s ease}
.wm-progress-text{display:flex;align-items:baseline;gap:10px;margin-top:12px}
.wm-progress-text strong{font-size:22px;font-variant-numeric:tabular-nums}
.wm-progress-text span{font-size:13px;color:var(--muted)}
.wm-progress-sub{margin:8px 0 0;font-size:12px;color:var(--muted)}

/* 成品 */
.wm-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.wm-result-head strong{font-size:17px}
.wm-result-head span{font-size:12px;color:var(--muted)}
.wm-result-video{display:block;width:100%;max-width:330px;margin:0 auto;border-radius:14px;background:#0d1a24}
.wm-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}

/* 出错 */
.wm-error{padding:16px;border-radius:14px;background:#fff6f4;border:1px solid #ffd9d1;color:#a3372a;font-size:13.5px;line-height:1.7}

/* 侧栏说明 */
.wm-side h2{font-size:16px;margin:0 0 12px}
.wm-side ol{margin:0;padding-left:20px;font-size:13px;line-height:2;color:var(--muted)}
.wm-side-note{margin:16px 0 0;padding:12px;border-radius:12px;background:#f5f8fa;font-size:12px;line-height:1.8;color:var(--muted)}
.wm-side-note b{color:var(--ink)}

@media(max-width:980px){
  .wm-grid{grid-template-columns:1fr}
  .wm-side{order:2}
}
@media(max-width:720px){
  .wm-drop{min-height:158px;padding:18px 14px}
  .wm-card{padding:18px 16px}
  .wm-steps span{font-size:11px;padding:6px 10px}
  .wm-actions{flex-direction:column}
  .wm-actions button{width:100%}
  .wm-progress-text strong{font-size:19px}
}

/* ============================================================
   链接解析去水印（抖音 / 快手 / 小红书）
   ============================================================ */
.wm-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.wm-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid rgba(210,222,229,.9);background:rgba(255,255,255,.7);font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.18s}
.wm-tab:hover{border-color:#b9c9d1;color:var(--ink)}
.wm-tab.active{color:#06261e;background:var(--mint);border-color:transparent;box-shadow:0 6px 16px rgba(45,201,158,.22)}
.wm-tab-ico{font-size:15px}

.wm-parse-panel{background:rgba(255,255,255,.9);border:1px solid rgba(210,222,229,.9);border-radius:22px;box-shadow:0 12px 40px rgba(7,19,31,.05);padding:clamp(20px,3vw,32px)}
.wm-parse-box{display:flex;gap:10px;align-items:stretch}
.wm-parse-box input{flex:1;min-width:0;padding:13px 16px;border:1.5px solid #b9c9d1;border-radius:13px;font-size:14px;background:#fbfdfe;outline:none;transition:.18s;color:var(--ink)}
.wm-parse-box input::placeholder{color:#9fb0ba}
.wm-parse-box input:focus{border-color:var(--mint);background:#fff;box-shadow:0 0 0 4px rgba(45,201,158,.12)}
.wm-parse-box .primary-button{flex:0 0 auto;white-space:nowrap}
.wm-parse-hint{margin:12px 0 0;font-size:12.5px;color:var(--muted);line-height:1.7}

.wm-parse-result{margin-top:20px;border-top:1px dashed #dfe7ec;padding-top:18px}
.wm-parse-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.wm-parse-plat{font-size:11.5px;font-weight:800;color:#0f8f71;background:#e9f8f3;border-radius:999px;padding:4px 11px}
.wm-parse-author{font-size:12.5px;color:var(--muted)}
.wm-parse-title{font-size:15px;font-weight:700;line-height:1.6;margin:0 0 14px}
.wm-parse-video{position:relative;border-radius:16px;overflow:hidden;background:#0d1a24;max-width:420px;margin:0 auto;line-height:0}
.wm-parse-cover{display:block;width:100%;height:auto}
.wm-parse-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:560px;margin:0 auto}
.wm-parse-images img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#0d1a24}
.wm-parse-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.wm-parse-actions a.primary-button{text-decoration:none}
.wm-parse-save-tip{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center}
.wm-parse-error{padding:14px 16px;border-radius:14px;background:#fff6f4;border:1px solid #ffd9d1;color:#a3372a;font-size:13.5px;line-height:1.7}

@media(max-width:720px){
  .wm-parse-box{flex-direction:column}
  .wm-parse-box .primary-button{width:100%}
  .wm-parse-images{grid-template-columns:repeat(2,1fr)}
  .wm-parse-actions{flex-direction:column}
  .wm-parse-actions a.primary-button,.wm-parse-actions button{width:100%;justify-content:center}
}

/* 2026-10-07 去水印并入创作工作台 */
.wb-mode-tabs{margin:0 0 22px}
#wbWatermark{margin-top:6px}

/* 图片去水印（2026-10-09 并入去水印页第三个标签） */
.wm-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.wm-img-col{min-width:0}
.wm-img-cap{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--muted)}
.wm-img-frame{border:1px dashed #cdd9df;border-radius:14px;background:#f6f9fa;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wm-img-frame img{max-width:100%;max-height:420px;object-fit:contain;display:block}
.wm-img-frame.empty::after{content:'—';color:#b9c9d1;font-size:22px}
@media(max-width:720px){.wm-img-grid{grid-template-columns:1fr}}

/* ============================================================ AI写真（2026-10-07） */
.pt-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:22px;align-items:start}
.pt-card{padding:clamp(20px,3vw,32px)}
.pt-upload{margin-bottom:14px;transition:.15s}
.pt-upload input{cursor:pointer}
/* 【2026-11-02 老板令】上传卡支持拖拽入图：拖入悬停时高亮提示可投放 */
.pt-upload.dragover{border-radius:17px;outline:2px dashed var(--mint-dark);outline-offset:4px;background:#f0fbf7}
.pt-preview{width:100%;max-height:280px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#f2f6f7;margin-bottom:14px}
.pt-presets{display:flex;flex-wrap:wrap;gap:8px}
.pt-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pt-mode{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:2px solid var(--line);background:#f8fafb;border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s}
.pt-mode:hover{border-color:var(--mint-dark)}
.pt-mode.active{border-color:var(--mint-dark);background:#f0fbf7;box-shadow:0 0 0 3px rgba(16,163,127,.08)}
.pt-mode b{font-size:14px;color:var(--navy)}
.pt-mode small{font-size:12px;color:var(--muted);line-height:1.4}
.pt-mode em{font-style:normal;font-size:13px;font-weight:700;color:#0f6b53;margin-top:2px}
.pt-preset{border:1px solid var(--line);background:#f8fafb;border-radius:999px;padding:8px 14px;font-size:13px;color:var(--muted);transition:.15s}
.pt-preset:hover{border-color:var(--mint-dark);color:#0f6b53;background:#f0fbf7}
.pt-preset.active{background:var(--navy);border-color:var(--navy);color:#fff}
.pt-progress{margin-top:16px}
.pt-progress .progress i{transition:width .6s ease}
.pt-progress span{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.pt-error{margin-top:14px;background:#fff2f0;border:1px solid #ffd4cd;color:#b3402e;border-radius:12px;padding:12px 14px;font-size:13px}
.pt-result{display:flex;flex-direction:column;gap:14px}
.pt-result-actions{display:flex;gap:10px;align-items:stretch}
.pt-result-actions .task-act{white-space:nowrap;padding:0 18px;border-radius:12px;font-size:13px;border:1px solid var(--line);background:#f8fafb;color:var(--navy);cursor:pointer}
.pt-result-actions .task-act.published{border-color:var(--mint-dark);color:#0f6b53;background:#f0fbf7}
.pt-result-actions .primary-button.full{flex:1}
.pt-result-img{width:100%;border-radius:16px;border:1px solid var(--line);background:#0c1a24;object-fit:contain;max-height:520px}
@media(max-width:980px){.pt-grid{grid-template-columns:1fr}}