/* استایل پایه - واکنش‌گرا و مینیمال */
:root{
  --bg: #f6f9fc;
  --card: #ffffff;
  --text: #0f1724;
  --muted: #6b7280;
  --accent: #007BFF;
  --danger: #e02424;
}

@font-face {
  font-family: 'BTITRBD';
  src: url('BTITRBD.woff2') format('woff2'),
       url('BTITRBD.woff') format('woff'),
       url('BTITRBD.woff') format('eot'),
       url('BTITRBD.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

button.btn-danger {
    font-family: 'BTITRBD', sans-serif;
}


.file-preview {
  margin-top: 15px;
  text-align: center;
}

.file-preview img,
.file-preview video,
.file-preview audio {
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* فقط برای ویدیو */
.video-preview video {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: 16px;
  display: block;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}



.image-box {
  width: 300px;
  /* ارتفاع خودکار نسبت به تصویر */
  aspect-ratio: auto;
  overflow: hidden;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border-radius: 12px;
}

.image-box img {
  width: 100%;
  height: auto;        /* اجازه میده ارتفاع خودش نسبت به عرض باشه */
  object-fit: contain;  /* کامل تصویر دیده بشه */
}



*{box-sizing:border-box}
body {
  font-family: 'BTITRBD', Tahoma, sans-serif;
  direction: rtl;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
.topbar{background:transparent;padding:12px 0}
.container{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.brand{font-weight:700;font-size:1.2rem}
.theme-switcher select{padding:6px;border-radius:6px;border:1px solid #ddd}

.centered{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}
.card{width:100%;max-width:820px;background:var(--card);border-radius:14px;padding:26px;box-shadow:0 8px 30px rgba(15,23,36,0.06)}
.main-card{text-align:center}
.main-card h1{margin:0 0 18px;font-size:1.4rem}
input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e6e9ef;font-size:1rem}
.actions{margin-top:14px;display:flex;gap:10px;justify-content:center}
.btn{background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgba(0,123,255,0.18);transition:transform .12s ease,box-shadow .12s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,123,255,0.12)}
.btn-outline{background:transparent;color:var(--accent);border:1px solid rgba(0,123,255,0.12)}
.note{margin-top:12px;color:var(--muted)}
.alert{background:#fff3cd;padding:10px;border-radius:8px;margin:12px 0;color:#856404}

.new-card .code-box{font-size:1.6rem;font-weight:700;background:linear-gradient(90deg,#eef6ff,#f7fbff);padding:12px;border-radius:10px;display:inline-block;margin-bottom:12px}
.new-card textarea{width:100%;min-height:320px;padding:16px;border-radius:10px;border:1px solid #eef2f7;font-size:1rem;resize:vertical}
.btn-danger{background:var(--danger)}
.success{background:#e6ffed;padding:10px;border-radius:8px;color:#04622b;margin-bottom:12px}
.clip-content{white-space:pre-wrap;word-wrap:break-word;background:#0f1724;color:#f8fafc;padding:16px;border-radius:10px}

@media (max-width:720px){
  .card{padding:18px;border-radius:12px}
  .new-card textarea{min-height:240px}
}