.action-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex: none;
  font-size: 21px;
}

.format-icon {
  width: 58px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr 10px 1fr;
  align-items: center;
  padding: 5px;
  flex: none;
}

.format-icon i {
  height: 27px;
  border-radius: 6px;
  background: rgba(255,255,255,.78);
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 7px;
  font-weight: 900;
}

.format-icon b { font-size: 10px; text-align: center; }
.format-icon.image,.action-icon.image { background:#efeafe; color:#7058df; }
.format-icon.document,.action-icon.document { background:#e6f1ff; color:#2773c6; }
.format-icon.other,.action-icon.other { background:#e6f8f4; color:#088b79; }
.format-icon.large { width:110px; height:64px; grid-template-columns:1fr 18px 1fr; margin:auto; padding:8px; border-radius:18px; }
.format-icon.large i { height:43px; font-size:11px; }
.format-icon.large b { font-size:17px; }
.action-icon.large { width:64px; height:64px; margin:auto; font-size:28px; border-radius:18px; }

.step-label { display:flex; align-items:center; gap:7px; margin:18px 0 10px; color:#526576; font-size:12px; letter-spacing:.06em; }
.step-label b { color:#102a43; }
.upload-actions { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.add-files { min-height:48px; display:flex; align-items:center; padding:0 20px; border-radius:10px; background:#ff8a3d; color:white; font-weight:800; box-shadow:0 8px 18px rgba(255,138,61,.25); }
.cloud-button { width:48px; height:48px; border:1px solid #dfe8ed; border-radius:50%; background:white; display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 12px rgba(16,42,67,.1); }
.cloud-button.google i { width:24px; height:22px; display:block; background:conic-gradient(from 30deg,#4285f4 0 33%,#fbbc04 0 66%,#34a853 0); clip-path:polygon(50% 0,100% 100%,0 100%); }
.cloud-button.dropbox i { color:#1267df; font-size:23px; transform:rotate(45deg); }
.upload-zone.dragging { border-color:#0f9d8a; background:#eaf8f5; }
.converter-step select { width:100%; height:48px; border:1px solid #dfe8ed; border-radius:10px; padding:0 14px; background:white; color:#526576; }
.convert-step .primary { margin-top:0; }
.cloud-note { font-weight:500; }
.home-converter { width:82%; padding:24px; text-align:left; }
.home-converter .home-step { margin:13px 0 8px; color:#526576; font-size:10px; font-weight:800; letter-spacing:.06em; }
.home-converter .home-step:first-child { margin-top:0; }
.home-upload { min-height:122px; border:2px dashed #cad8df; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px; cursor:pointer; }
.home-upload .upload-actions { margin:0 0 9px; }
.home-upload>strong { font-size:12px; font-weight:600; }
.home-upload>small { margin-top:5px; color:#7a8996; font-size:9px; }
.home-upload input { display:none; }
.home-converter select { width:100%; height:38px; border:1px solid #dfe8ed; border-radius:8px; padding:0 10px; color:#526576; background:#fff; }
.home-converter .primary { padding:11px; margin:0; }
.home-converter button:disabled,.home-converter select:disabled { opacity:.55; cursor:not-allowed; }
#home-upload-result { color:#9b5a20; text-align:center; line-height:1.2; margin-top:6px; }
.google-status,.google-error { margin-top:10px; padding:10px 12px; border-radius:9px; background:#eaf8f5; color:#096d5f; font-size:12px; text-align:center; }
.google-error { background:#fff0ec; color:#a13d25; }
@media(max-width:620px){.home-converter{width:92%;padding:17px}.home-upload{min-height:108px}.home-upload .add-files{min-height:42px;padding:0 13px}.home-upload .cloud-button{width:42px;height:42px}}
.brand img { display:block; width:170px; height:40px; object-fit:contain; }
footer .brand img { background:white; border-radius:10px; padding:4px 8px; }
@media(max-width:620px){.brand img{width:145px;height:36px}}