Align demo access modal copy

src/components/DemoAccessModal.vue

@@ -3,7 +3,7 @@
     <section class="demo-modal" role="dialog" aria-modal="true" aria-labelledby="demo-access-title">
       <header>
         <button class="close-button" type="button" aria-label="Close" @click="close">&times;</button>
-        <div class="title-row"><div class="demo-icon">24h</div><div><h2 id="demo-access-title">Temporary Demo Access</h2><p>Private credentials for Simple Editor or HTTP Basic Auth.</p></div></div>
+        <div class="title-row"><div class="demo-icon">24h</div><div><h2 id="demo-access-title">Temporary Demo Access</h2><p>Credentials for the API and Simple Editor.</p></div></div>
       </header>
       <div v-if="!access" class="demo-body">
         <ul>
@@ -79,9 +79,9 @@ export default {
 .demo-backdrop { position: fixed; inset: 0; z-index: 1055; display: grid; place-items: center; padding: 20px; background: rgba(15, 23, 42, .58); backdrop-filter: blur(3px); }
 .demo-modal { width: min(460px, 100%); overflow: hidden; border-radius: 14px; background: white; box-shadow: 0 20px 60px rgba(15, 23, 42, .25); }
 header { position: relative; padding: 22px 24px 18px; background: linear-gradient(135deg, #eff6ff, #eef2ff); }
-.title-row { display: flex; align-items: center; gap: 14px; }
+.title-row { display: flex; align-items: center; gap: 14px; padding-right: 20px; }
 header h2 { margin: 0 0 3px; color: #111827; font-size: 21px; }
-header p { margin: 0; color: #4b5563; }
+header p { margin: 0; color: #4b5563; font-size: 13px; white-space: nowrap; }
 .close-button { position: absolute; top: 14px; right: 18px; border: 0; background: transparent; color: #64748b; font-size: 30px; line-height: 1; }
 .demo-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 11px; background: #2563eb; color: white; font-weight: 700; box-shadow: 0 6px 16px rgba(37, 99, 235, .22); }
 .demo-body { padding: 20px 24px; }
@@ -95,4 +95,5 @@ label { display: block; margin-bottom: 4px; color: #64748b; font-size: 11px; fon
 .credential code { color: #111827; word-break: break-all; }
 .credential button, .copy-both { border: 0; background: transparent; color: #2563eb; font-weight: 600; white-space: nowrap; }
 .copy-both { padding: 0; font-size: 13px; }
+@media (max-width: 480px) { header p { white-space: normal; } }
 </style>