diff --git a/installer-rp/renderer.js b/installer-rp/renderer.js
index 233c869..95cee83 100644
--- a/installer-rp/renderer.js
+++ b/installer-rp/renderer.js
@@ -68,7 +68,7 @@ function renderStep1() {
       var card = document.createElement('button')
       card.type = 'button'
       card.className = 'choiceCard'
-      if (state.selectedKey === pack.key) card.classList.add('active')
+      if (state.selectedKey === pack.key) card.classList.add('selected')
       var verLabel = pack.mcVersion ? '마인크래프트 ' + escapeHtml(pack.mcVersion) + ' · ' : ''
       card.innerHTML =
         '<strong>' + escapeHtml(pack.name) + '</strong>' +
diff --git a/installer/styles.css b/installer/styles.css
index 434e105..be0f6bf 100644
--- a/installer/styles.css
+++ b/installer/styles.css
@@ -24,7 +24,8 @@ html, body {
 
 body {
   display: grid;
-  grid-template-rows: auto 1fr;
+  /* header / main(스크롤) / logViewer(hidden 이면 0). */
+  grid-template-rows: auto 1fr auto;
   grid-template-columns: 1fr;
 }
 
@@ -67,8 +68,9 @@ body {
 }
 
 main {
-  padding: 28px 32px 100px;
+  padding: 28px 32px;
   overflow-y: auto;
+  min-height: 0;
 }
 
 .page { max-width: 720px; margin: 0 auto; }
@@ -135,16 +137,14 @@ main {
 .subStep h3 { margin: 0 0 8px; font-size: 16px; }
 
 .logViewer {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  /* fixed 였으면 본문 하단 버튼이 가려져서 grid 행으로 자연 배치하도록 변경. */
   height: 200px;
   background: #0a0d11;
   border-top: 1px solid var(--border);
   display: grid;
   grid-template-rows: auto 1fr;
 }
+.logViewer.collapsed { height: 36px; }
 
 .logViewer header { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; background: var(--bg-alt); }
 .logViewer header h2 { margin: 0; font-size: 13px; }