.prototype-logo-frame { width: 44px; height: 44px; overflow: hidden; display: block; position: relative; border-radius: 50%; background: #f7f5f0; flex: 0 0 44px; border: 1px solid rgba(255,255,255,.2); }
.prototype-logo-frame img { position: absolute; width: 82px; height: 82px; max-width: none; left: -21px; top: -12px; }
.file-status {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  border: 1px solid rgba(53, 196, 186, .3);
  background: rgba(53, 196, 186, .07);
  border-radius: 14px;
}
.file-status > div { display: flex; align-items: center; gap: 12px; }
.file-status small { display: block; color: var(--muted); margin-top: 2px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 6px rgba(53, 196, 186, .12); }
.file-status button { border: 1px solid var(--line); background: var(--panel2); color: var(--ink); padding: 10px 14px; border-radius: 10px; cursor: pointer; }
.file-status button:hover { border-color: var(--teal); }
.basket-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 24px; }
.basket-grid article { background: var(--panel2); border: 1px solid var(--line); border-radius: 15px; padding: 18px; display: flex; flex-direction: column; min-height: 165px; }
.basket-grid b { font: 700 1.18rem Georgia; color: var(--ink); }
.basket-grid span { color: var(--muted); font-size: .74rem; margin-top: 3px; }
.basket-grid p { font-size: .82rem; margin: 18px 0; }
.basket-grid em { font-style: normal; color: var(--amber); font-size: .7rem; font-weight: 800; margin-top: auto; }
.basket-grid em.ready { color: var(--teal); }
@media (max-width: 1100px) { .basket-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .basket-grid { grid-template-columns: 1fr 1fr; } .file-status { align-items: flex-start; flex-direction: column; } }
@media (max-width: 450px) { .basket-grid { grid-template-columns: 1fr; } }