.input-page-content{display:flex;flex-direction:column;gap:1rem;padding:1rem;height:100%;margin-bottom:20px;position:relative}.info-column{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;box-shadow:1px 2px 8px rgba(0,0,0,.2);overflow-y:auto;margin-top:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.info-column h2{color:#333;margin-bottom:1.5rem}.info-column h3{color:#444;margin-bottom:0;margin-top:.5rem}.info-column ul{list-style-type:disc;padding-left:1.5rem}.input-hint-container{display:flex;gap:1rem;width:100%;flex-direction:row;justify-content:center}.input-column{flex:2 1;display:flex;flex-direction:column;margin-top:0;height:100%}.input-area-main{width:100%;padding:1rem;border-radius:8px;border:1px solid #ddd;background-color:#f5f5f5;box-shadow:1px 2px 8px rgba(0,0,0,.2);resize:vertical;height:-webkit-fill-available}.input-area-main:hover{background-color:#e0e0e0b6}.hint-column{flex:1 1;display:flex;gap:1rem}.submit-button-row{display:flex;justify-content:flex-end;padding:1rem;margin-top:auto}.column-container{display:flex;flex-direction:column;gap:1rem;flex:1 1}.input-column-container{flex:2 1}.yellow-header{background-color:#ffeb3b;padding:.5rem 1rem;border-radius:8px;box-shadow:1px 2px 8px rgba(0,0,0,.2)}.yellow-header h2{font-weight:700;margin:0;color:#202020}.invisible-header{visibility:hidden}.container{width:100%;max-width:600px;margin:20px auto;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:#f5f5f5;padding:.5rem;border-radius:8px;box-shadow:1px 2px 8px rgba(0,0,0,.2)}.button{padding:10px 20px;font-size:16px;border:2px solid #333;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease}.button:hover{background:#f0f0f0}.button:active{transform:scale(.98)}.text-container{width:100%;max-width:400px;margin:0 auto 20px;text-align:center}.loading-text{font-size:18px;animation:pulse 1.5s infinite}.hint-text{opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.navigation-buttons{display:flex;justify-content:space-between;width:115%;max-width:400px;position:absolute;top:50%;transform:translateY(-50%)}.navigation-button{background:#333;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;transition:background .2s ease}.navigation-button:hover{background:#555}.index-indicator{margin-top:10px;font-size:14px;color:#666}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}