.shortml-public-form { max-width: 640px; margin: 1.5rem auto; }
.shortml-front-row { display: flex; gap: .5rem; }
.shortml-front-input {
  flex: 1; padding: .65rem 1rem; border: 2px solid #d4d1ca;
  border-radius: 8px; font-size: 1rem;
}
.shortml-front-input:focus { outline: none; border-color: #01696f; }
.shortml-front-btn {
  padding: .65rem 1.25rem; background: #01696f; color: #fff;
  border: none; border-radius: 8px; font-size: 1rem; cursor: pointer; white-space: nowrap;
}
.shortml-front-btn:hover { background: #0c4e54; }
.shortml-result-box { display: flex; gap: .5rem; margin-top: .75rem; }
.shortml-result-input {
  flex: 1; padding: .55rem .8rem; border: 1px solid #d4d1ca;
  border-radius: 8px; font-size: .95rem; background: #f7f6f2;
  color: #28251d; font-family: monospace;
}
.shortml-copy-btn { background: #437a22; }
.shortml-copy-btn:hover { background: #2e5c10; }
.shortml-front-error { margin-top: .5rem; color: #a13544; font-size: .9rem; }
@media (max-width: 480px) {
  .shortml-front-row { flex-direction: column; }
}