.license-content { width: min(100%, 480px); }
.license-content h1 { margin-bottom: 28px; }
#license-message { font-size: 12px; line-height: 1.6; margin-bottom: 24px; }
#license-message:empty { display: none; }
.license-formats { display: flex; gap: 28px; width: 100%; margin-bottom: 8px; }
.license-formats button { font-size: 16px; padding: 8px 0; border-bottom: 1px solid transparent; }
.license-formats button[aria-pressed=true] { border-bottom-color: #000; }
.license-formats button[aria-pressed=false] { opacity: .45; }
.license-formats button:hover { text-decoration: none; opacity: 1; }
.license-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; width: 100%; }
.license-fields label { display: flex; flex-direction: column; }
.license-fields input { margin: 6px 0; }
.license-fields label > span { font-size: 11px; opacity: .5; }
.license-wide { width: 100%; margin-top: 24px; }
.license-wide input { margin: 6px 0 12px; }
.license-permissions { display: grid; gap: 8px; margin-top: 12px; }
.license-permissions label { display: flex; align-items: center; gap: 12px; min-height: 28px; }
.license-permissions input { width: 13px; height: 13px; margin: 0; accent-color: #000; }
.license-extra, .license-preview { width: 100%; font-size: 13px; }
.license-extra label { display: block; margin-top: 12px; }
.license-extra textarea { width: 100%; border: 0; border-bottom: 1px solid #0003; border-radius: 0; padding: 8px 0; resize: vertical; font-size: 13px; line-height: 1.7; }
.license-extra textarea:focus { outline: none; border-bottom-color: #000; }
#license-summary { line-height: 1.7; overflow-wrap: anywhere; white-space: pre-line; }
#license-summary p { margin: 8px 0; }
.license-actions { display: flex; gap: 28px; margin-top: 28px; }
#license-reset { opacity: .5; }
@media (max-width: 420px) { .license-fields { grid-template-columns: 1fr; gap: 12px; } }