diff --git a/index.html b/index.html index e6f4077..8f8c9ec 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,12 @@ .subtitle { color: #888; margin-bottom: 2rem; font-size: 0.95rem; } .card { background: #16213e; border-radius: 12px; padding: 1.5rem; width: 100%; max-width: 640px; margin-bottom: 1.5rem; } label { display: block; font-size: 0.85rem; color: #aaa; margin-bottom: 0.4rem; } + .folder-row { display: flex; gap: 0.5rem; align-items: stretch; } + .folder-row input[type="text"] { flex: 1; } input[type="text"] { width: 100%; padding: 0.6rem 0.8rem; border-radius: 8px; border: 1px solid #333; background: #0f3460; color: #fff; font-size: 1rem; } input[type="text"]:focus { outline: 2px solid #e94560; } + .pick-btn { padding: 0 1rem; border-radius: 8px; border: 1px solid #555; background: #0f3460; color: #aaa; cursor: pointer; font-size: 1.1rem; white-space: nowrap; transition: border-color 0.15s, color 0.15s; } + .pick-btn:hover { border-color: #e94560; color: #fff; } button.primary { margin-top: 1rem; width: 100%; padding: 0.75rem; border-radius: 8px; border: none; background: #e94560; color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer; } button.primary:hover { background: #c73652; } button.primary:disabled { background: #555; cursor: not-allowed; } @@ -55,7 +59,10 @@