.upload-area { display: flex; justify-content: center; padding: 1rem 0; }

.drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2.5rem 1.5rem;
  border: 2px dashed var(--border);
  border-radius: 10px;
  background: var(--surface);
  text-align: center;
  cursor: pointer;
  width: 100%;
  max-width: 32rem;
}

.drop-zone.dragover { border-color: var(--accent); background: var(--surface-alt); }
.drop-icon { font-size: 2rem; }

.options-panel { margin-top: 1.5rem; }

.options-grid { display: flex; flex-direction: column; gap: 1.25rem; }
.option-row   { display: flex; flex-wrap: wrap; gap: 1rem; }
.option-group { display: flex; flex-direction: column; gap: 0.4rem; }
.option-group--inline { flex-direction: row; align-items: center; }
.checkbox-label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
.file-info { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }

.position-grid {
  display: grid;
  grid-template-columns: repeat(3, 2.25rem);
  gap: 0.25rem;
  width: fit-content;
}

.pos-btn {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s;
}

.pos-btn::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--text-muted);
  border-radius: 50%;
}

.pos-btn[data-pos$="-left"]::after   { left: 5px; }
.pos-btn[data-pos$="-center"]::after { left: 50%; transform: translateX(-50%); }
.pos-btn[data-pos$="-right"]::after  { right: 5px; }

.pos-btn[data-pos^="top-"]::after    { top: 5px; }
.pos-btn[data-pos^="middle-"]::after { top: 50%; transform: translateY(-50%); }
.pos-btn[data-pos^="bottom-"]::after { bottom: 5px; }

.pos-btn[data-pos="middle-center"]::after { left: 50%; top: 50%; transform: translate(-50%,-50%); }

.pos-btn.active {
  border-color: var(--accent);
  background: var(--surface-alt);
}
.pos-btn.active::after { background: var(--text); }

.tool-actions { margin-top: 1.25rem; }
.status-msg { margin: 0.75rem 0; }
#download-btn { margin-top: 0.5rem; }