.account-summary { padding-block: 8px; border-bottom: 1px solid var(--studio-line, var(--border-color)); margin-bottom: 12px; }
.account-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.account-heading strong { overflow-wrap: anywhere; }
.account-note { font-size: 12px; line-height: 1.5; color: var(--text-muted); margin: 8px 0; overflow-wrap: anywhere; }
.account-summary p { margin-block: 8px; }
.account-summary details { font-size: 12px; color: var(--text-muted); }
.account-summary summary { cursor: pointer; padding-block: 8px; }
#account-history { padding-left: 16px; max-height: 180px; overflow: auto; }
#account-history li { margin-bottom: 8px; overflow-wrap: anywhere; }
#account-login button { width: 100%; gap: 8px; }
#account-login input { min-width: 0; width: 100%; }
#btn-generate-ai:disabled { opacity: 0.5; cursor: not-allowed; }
.studio .account-shortcut { display: inline-flex; align-items: center; gap: 6px; }
.studio .account-shortcut svg { width: 16px; height: 16px; flex: 0 0 16px; }
.copy-length-badge { font-size: 11px; font-weight: 600; color: #f87125; background: rgba(248, 113, 37, 0.12); padding: 2px 8px; border-radius: 999px; }
.llm-copy-density-bar { display: flex; align-items: center; gap: 10px; margin-right: auto; font-size: 11px; color: var(--studio-muted, #a8a9b1); }
.llm-copy-density-bar strong { color: #f87125; font-weight: 600; }
.llm-copy-density-bar input[type="range"] { width: 110px; accent-color: #f87125; cursor: pointer; }
#ai-copy-length { width: 100%; accent-color: #f87125; cursor: pointer; }
@media (max-width: 760px) {
  body.studio { grid-template-rows: 110px minmax(360px, 1fr) 300px; }
  .studio .studio-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 8px 12px; }
  .studio .studio-top-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .studio .studio-top-actions button { min-width: 0; padding: 7px 4px; white-space: normal; overflow-wrap: anywhere; }
}