.pf-kdp-tool {
  max-width: 640px;
  padding: 15px;
  border: 1px solid #ccc;
  background: #fafafa;
}

.pf-kdp-tool label {
  display: block;
  margin-top: 12px;
  font-weight: bold;
}

.pf-kdp-tool select,
.pf-kdp-tool textarea,
.pf-kdp-tool button {
  width: 100%;
  margin-top: 5px;
}

.pf-kdp-tool textarea{
  resize: vertical;
}

#pf-tropes label {
  display: block;
  margin: 4px 0;
}

#pf-output {
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  min-height: 120px;
  white-space: pre-line;
}


.pf-fields {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #ddd;
}

#pf-elements label {
  display: block;
  margin: 4px 0;
}

#pf-subgenres label {
  display: block;
  margin: 4px 0;
}


.pf-help{margin:-8px 0 12px 0;font-size:12px;opacity:.8;}

.pf-usage{margin:0 0 10px 0;font-size:13px;opacity:.9;}

.pf-upgrade-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:8px;
  text-decoration:none;
  border:1px solid #111;
  background:#111;
  color:#fff;
}

.pf-upgrade-btn:hover{opacity:.9;}

/* Logged-out gate */
.pf-kdp-locked{
  max-width:640px;
  padding:15px;
  border:1px solid #ccc;
  background:#fafafa;
}

.pf-btn-row{margin:10px 0 0 0;}

.pf-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:8px;
  text-decoration:none;
  border:1px solid #111;
  margin-right:8px;
}

.pf-btn-primary{background:#111;color:#fff;}
.pf-btn-secondary{background:#fff;color:#111;}

.pf-btn:hover{opacity:.9;}


.pf-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.pf-badge{font-weight:800;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:6px 10px}