/* AI watermark remover — tool UI. Loaded after style.css, all classes namespaced .awr-* */

.awr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.awr-h{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}
.awr-btns{display:flex;gap:8px;flex-wrap:wrap}
.awr-btns .btn{padding:7px 13px;font-size:13px}
.awr-fine{font-size:12.5px;line-height:1.6;margin:8px 0 0}

.awr-ta{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid var(--border);
  border-radius:var(--radius);background:var(--card);color:var(--text);
  font:14px/1.75 var(--font,inherit);resize:vertical;min-height:190px;transition:border-color .15s,box-shadow .15s}
.awr-ta:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.awr-ta[readonly]{background:var(--bg-soft)}

/* ---- options ---- */
.awr-opts{margin:26px 0 14px}
.awr-opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:12px}
.awr-opt{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid var(--border);
  border-radius:var(--radius);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}
.awr-opt:hover{border-color:var(--accent)}
.awr-opt input{margin:2px 0 0;flex:0 0 auto;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.awr-opt input.ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.awr-opt-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.awr-opt-t{font-weight:650;font-size:14px;line-height:1.4}
.awr-opt-h{font-size:12.5px;line-height:1.6;color:var(--muted)}
.awr-opt.danger .awr-opt-t::after{content:'破坏性';margin-left:7px;padding:1px 6px;border-radius:4px;
  font-size:10.5px;font-weight:700;background:#fdecc8;color:#b7791f;vertical-align:1px}
[data-theme="dark"] .awr-opt.danger .awr-opt-t::after{background:#56502f;color:#f0c674}

/* ---- panels ---- */
.awr-panel{margin:26px 0}
.awr-panel > .awr-h{margin-bottom:12px}

/* ---- character table ---- */
.awr-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:12px}
.awr-tr{display:grid;grid-template-columns:96px 1fr 130px 62px 1.1fr;gap:10px;padding:10px 14px;
  align-items:center;border-top:1px solid var(--border-soft);font-size:13px}
.awr-tr:first-child{border-top:0}
.awr-th{background:var(--bg-soft);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.awr-tr.keepr{opacity:.72}
.awr-cp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;
  background:var(--accent-soft);padding:2px 6px;border-radius:4px;white-space:nowrap}
.awr-nm{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awr-pos{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;
  color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- visualiser ---- */
.awr-vis{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);
  padding:16px 17px;font:13.5px/2.1 var(--font,inherit);white-space:pre-wrap;word-break:break-word;
  max-height:420px;overflow:auto}
.awr-chip{display:inline-block;padding:0 5px;margin:0 1.5px;border-radius:4px;vertical-align:1px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;
  line-height:1.65;color:#fff;cursor:help;user-select:none}
.awr-chip.k-zwj_family{background:#8b5cf6}
.awr-chip.k-tag_chars{background:#e5484d}
.awr-chip.k-bidi{background:#d9730d}
.awr-chip.k-variation_selector{background:#2383e2}
.awr-chip.k-space{background:#0ba5a4}
.awr-chip.k-confusable{background:#c14c8a}
.awr-chip.k-strip,.awr-chip.k-other_cf{background:#787774}
.awr-chip.keep{background:transparent;color:var(--faint);border:1px dashed var(--border);font-weight:600}

/* ---- generic list ---- */
.awr-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.awr-li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.6}
.awr-li code{font-size:12px;background:var(--accent-soft);padding:1px 5px;border-radius:4px;word-break:break-all}
.awr-li .tag{flex:0 0 auto}

.awr-det{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--card);padding:0 15px}
.awr-det summary{cursor:pointer;padding:12px 0;font-weight:650;font-size:13.5px;list-style-position:inside}
.awr-det[open] summary{border-bottom:1px solid var(--border-soft);margin-bottom:12px}
.awr-det .awr-list{padding-bottom:14px}

/* ---- file cards ---- */
.awr-files{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.awr-file{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}
.awr-fh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:13px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border-soft)}
.awr-fn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.awr-fname{font-weight:650;font-size:14px;word-break:break-all}
.awr-fs{font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap}
.awr-fs.ok{color:#448361}
.awr-fs.bad{color:#e5484d}
[data-theme="dark"] .awr-fs.ok{color:#6fcf97}
.awr-fb{padding:4px 16px 16px}
.awr-sec{margin-top:14px}
.awr-sec h4{margin:0 0 2px;font-size:13.5px;font-weight:700}
.awr-sec .actions{margin-top:13px}

.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-start-actions{
  display:grid;
  flex:0 0 auto;
  margin-top:var(--space-md)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-start-actions .btn{
  width:100%
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .batch-tool-actions{
  grid-template-columns:minmax(0,1fr) minmax(96px,auto);
  margin-top:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--pending .awr-fh{
  border-bottom:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .batch-tool-results > .awr-file--document{
  display:grid !important;
  min-width:0;
  align-items:stretch !important;
  gap:var(--space-sm) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fh{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content max-content;
  align-items:center;
  gap:var(--space-sm);
  min-width:0;
  padding:0;
  border:0;
  background:transparent
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fn{
  display:contents
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fn > .muted{
  display:none
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fname{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fn > .tag,
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fs{
  white-space:nowrap
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card{
  min-width:0;
  padding:var(--space-lg);
  border:var(--border-width-default) solid var(--border-default-muted);
  border-radius:var(--radius-xl);
  background:var(--surface-card)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card .awr-sec:first-child{
  margin-top:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card .awr-list{
  gap:var(--space-sm)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card .awr-li{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:start;
  gap:var(--space-sm)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card .awr-li > :last-child{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word
}
@media (max-width:640px){
  .basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-file--document .awr-fh{
    gap:var(--space-2xs)
  }
  .basic-tool-workspace[data-tool-route="ai-watermark-remover/document"] .awr-doc-result-card{
    padding:var(--space-md)
  }
}

.tag.amber{background:#fdecc8;color:#b7791f}
[data-theme="dark"] .tag.amber{background:#56502f;color:#f0c674}

/* ---- hub page ---- */
.awr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:26px 0}
.awr-card{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--border);
  border-radius:var(--radius);background:var(--card);text-decoration:none;color:inherit;
  transition:transform .18s,border-color .18s,box-shadow .18s}
.awr-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lift)}
.awr-card-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}
.awr-card-ic svg{width:21px;height:21px}
.awr-card:nth-child(1) .awr-card-ic{background:linear-gradient(135deg,#4c8dff,#22d3ee)}
.awr-card:nth-child(2) .awr-card-ic{background:linear-gradient(135deg,#ff9a3d,#ff5d8f)}
.awr-card:nth-child(3) .awr-card-ic{background:linear-gradient(135deg,#12c08a,#5ee08a)}
.awr-card:nth-child(4) .awr-card-ic{background:linear-gradient(135deg,#8b5cf6,#c48bff)}
.awr-card h3{margin:0;font-size:15.5px;font-weight:700}
.awr-card p{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}
.awr-card .awr-kw{font-size:11.5px;color:var(--faint);margin-top:2px}

/* ---- text cleaner editor alignment ---- */
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] .basic-tool-app > .awr-row:first-child{
  margin-top:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] .tool-workspace__upload::before{
  display:none
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] .awr-btns .btn{
  min-height:36px;
  padding:6px var(--space-md);
  border-radius:var(--radius-full);
  font-size:var(--font-size-sm)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] #awr-in,
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] .awr-panel textarea.awr-ta{
  height:100px;
  min-height:100px
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/text"] .awr-panel textarea.awr-ta[readonly]{
  background:var(--surface-card)
}

/* Keep the image-metadata cleaner's empty state focused on upload, using the
   same visual order and dimensions as the Crop / EXIF upload pattern. */
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .tool-workspace__upload{
  border-width:var(--border-width-default);
  border-style:solid;
  border-color:var(--border-default-muted);
  background:var(--surface-card)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .tool-workspace__upload::before{
  display:none
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .drop{
  border-radius:inherit
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .drop .big{
  margin-bottom:var(--space-xl);
  order:1
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .drop h3{
  width:100%;
  margin:0 0 var(--space-xl);
  order:2;
  font-size:var(--font-size-2xl);
  line-height:var(--line-height-8)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .drop .btn{
  min-height:48px;
  order:3;
  padding-inline:var(--space-2xl);
  font-size:var(--font-size-base);
  line-height:var(--line-height-6)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .drop p{
  width:100%;
  margin:var(--space-2xs) 0 0;
  order:4
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-files:empty{
  display:none
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-opts{
  margin-top:0;
  margin-bottom:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .batch-tool-results > .awr-file{
  display:grid !important;
  align-items:stretch !important;
  gap:var(--space-sm) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fh{
  padding:var(--space-sm) var(--space-md);
  border:var(--border-width-default) solid var(--border-default-muted);
  border-radius:var(--radius-xl);
  background:var(--surface-container);
  min-width:0;
  flex-wrap:nowrap
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fn{
  min-width:0;
  flex:1 1 auto;
  flex-wrap:nowrap;
  overflow:hidden
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fname{
  display:block;
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fn > .muted,
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fn > .tag,
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fs{
  flex:0 0 auto;
  white-space:nowrap
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fb{
  padding:var(--space-md);
  border:var(--border-width-default) solid var(--border-default-muted);
  border-radius:var(--radius-xl);
  background:var(--surface-card)
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-fb > .awr-sec:first-child{
  margin-top:0
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-bulk-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  width:100%;
  flex:0 0 auto;
  margin-top:var(--space-sm) !important
}
.basic-tool-workspace[data-tool-route="ai-watermark-remover/image"] .awr-bulk-actions .awr-bulk-clear{
  min-width:96px
}

.basic-tool-workspace[data-tool-route="ai-watermark-remover/detect"] .awr-detect-actions{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:var(--space-lg)
}

.awr-matrix{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;margin:22px 0}
.awr-matrix table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.awr-matrix th,.awr-matrix td{padding:11px 14px;text-align:left;border-top:1px solid var(--border-soft);vertical-align:top}
.awr-matrix thead th{background:var(--bg-soft);font-size:12.5px;color:var(--muted);border-top:0}
.awr-matrix td:first-child{font-weight:650}
.awr-yes{color:#448361;font-weight:700}
.awr-no{color:#e5484d;font-weight:700}
.awr-partial{color:#d9730d;font-weight:700}
[data-theme="dark"] .awr-yes{color:#6fcf97}

@media(max-width:760px){
  .awr-tr{grid-template-columns:82px 1fr 60px;row-gap:4px}
  .awr-tr > :nth-child(4),.awr-tr > :nth-child(5){display:none}
  .awr-th > :nth-child(4),.awr-th > :nth-child(5){display:none}
  .awr-vis{font-size:13px;line-height:2}
}
