/* Bi'Tişört — tasarla.php baskı alanı boş durum yükleme alanı v1.0.0
   Geri alma: tasarla.php?dropzone_legacy=1 veya assets/js/tasarla-dropzone-v1.js dosyasını silin. */
.btdz{position:absolute;z-index:6;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  margin:0;padding:10px;border:1.5px dashed rgba(21,21,21,.34);border-radius:14px;background:rgba(245,243,239,.78);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--bt-studio-ink,#151515);font-family:Inter,Arial,sans-serif;
  text-align:center;cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transform:scale(.985);
  transition:opacity .18s ease,transform .18s ease,border-color .15s ease,background-color .15s ease,visibility 0s linear .18s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}
.btdz.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease,border-color .15s ease,background-color .15s ease,visibility 0s}
.btdz:hover,.btdz:focus-visible{border-color:var(--bt-studio-orange,#ff6b18);background:rgba(255,241,232,.86);outline:0}
.btdz:focus-visible{box-shadow:0 0 0 3px rgba(255,107,24,.22)}
.btdz__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--bt-studio-orange,#ff6b18);box-shadow:0 8px 20px -12px rgba(21,21,21,.45);flex:0 0 auto}
.btdz__icon svg{width:24px;height:24px}
.btdz__title{display:block;max-width:92%;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:-.005em}
.btdz__hint{display:block;max-width:90%;font-size:11px;line-height:1.35;font-weight:500;color:var(--bt-studio-muted,#667085)}
.btdz__tag{position:absolute;top:7px;left:7px;padding:2px 7px;border-radius:999px;background:#fff7ed;color:#b54708;font-size:10px;font-weight:700;line-height:1.5;display:none}
.btdz.is-approx .btdz__tag{display:block}
.btdz.is-dark{border-color:rgba(255,255,255,.62);background:rgba(21,21,21,.34);color:#fff}
.btdz.is-dark .btdz__hint{color:rgba(255,255,255,.78)}
.btdz.is-dark:hover,.btdz.is-dark:focus-visible{border-color:var(--bt-studio-orange,#ff6b18);background:rgba(21,21,21,.48)}
.btdz.is-compact .btdz__hint{display:none}
.btdz.is-tiny .btdz__icon{width:32px;height:32px}.btdz.is-tiny .btdz__icon svg{width:18px;height:18px}.btdz.is-tiny .btdz__title{font-size:11px}
/* sürükle-bırak: sahne sürüklenirken hedef baskı alanı vurgulanır */
.studio-stage.is-dragover .btdz.is-visible,.btdz.is-over{border-style:solid;border-width:2px;border-color:var(--bt-studio-orange,#ff6b18);background:rgba(255,241,232,.92);color:var(--bt-studio-ink,#151515);transform:scale(1.015)}
.studio-stage.is-dragover .btdz.is-visible .btdz__hint,.btdz.is-over .btdz__hint{color:#b54708}
.studio-stage.is-dragover .btdz.is-visible .btdz__icon{background:var(--bt-studio-orange,#ff6b18);color:#fff}
.studio-stage.btdz-active.is-dragover .stage-drop-overlay{opacity:0!important}
.btdz.is-busy{cursor:progress}
.btdz.is-busy .btdz__icon svg{animation:btdzSpin 1s linear infinite}
@keyframes btdzSpin{to{transform:rotate(360deg)}}
.btdz.is-floating{position:absolute;left:50%;top:50%;width:min(260px,62%);height:min(320px,56%);transform:translate(-50%,-50%)}
.btdz.is-floating.is-visible{transform:translate(-50%,-50%)}
@media (max-width:640px){.btdz{gap:6px;border-radius:12px}.btdz__icon{width:38px;height:38px}.btdz__icon svg{width:20px;height:20px}.btdz__title{font-size:12px}.btdz__hint{font-size:10px}}
@media (prefers-reduced-motion:reduce){.btdz,.btdz.is-visible{transition:none}.btdz.is-busy .btdz__icon svg{animation:none}}
