/* Dark theme - ساده و قابل توسعه */
:root{
  --bg: #0b0f14;
  --card: #0f1620;
  --accent: #0ea5a8; /* teal */
  --danger: #ef4444;
  --muted: #9aa6b2;
  --text: #e6eef6;
  --muted-bg: rgba(255,255,255,0.03);
}
*{box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
body{margin:0;background:var(--bg);color:var(--text)}
.container{max-width:720px;margin:48px auto;padding:24px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.03)}
h1{margin-top:0;color:var(--text)}
label{display:block;margin-top:12px;color:var(--muted)}
input, textarea{width:100%;padding:10px;margin-top:6px;border:1px solid rgba(255,255,255,0.04);border-radius:6px;background:transparent;color:var(--text);outline:none}
textarea{min-height:120px;resize:vertical}
button{margin-top:14px;padding:10px 16px;border:0;background:var(--accent);color:#042022;border-radius:8px;cursor:pointer;font-weight:600}
button:disabled{opacity:.6;cursor:not-allowed}
#status{margin-top:14px;padding:10px;border-radius:6px;background:rgba(14,165,168,0.08);color:var(--text);border:1px solid rgba(14,165,168,0.12)}
#result{margin-top:14px;padding:12px;border-radius:6px;background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.03)}
.hidden{display:none}
.error{background:rgba(239,68,68,0.08);color:var(--danger);border:1px solid rgba(239,68,68,0.12);padding:10px;border-radius:6px}
small{display:block;margin-top:6px;color:var(--muted)}

/* Progress bar styles */
.progress-wrap{margin-top:16px}
.progress{width:100%;height:14px;background:rgba(255,255,255,0.03);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,0.03)}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#66f0e8);transition:width .15s linear}
.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;color:var(--muted)}
#currentItem{color:var(--muted);font-size:13px;margin-top:8px}
.result-item{padding:8px 0;border-bottom:1px dashed rgba(255,255,255,0.03);color:var(--text)}

/* copy button for result links */
.result-item a{color:var(--accent);text-decoration:none;margin-left:8px}
.copy-btn{
  display:inline-block;
  margin-right:8px;
  margin-left:8px;
  padding:6px 10px;
  border-radius:6px;
  background:transparent;
  border:1px solid rgba(255,255,255,0.04);
  color:var(--text);
  cursor:pointer;
  font-size:13px;
}
.copy-btn:active{transform:translateY(1px)}